آفلاین
user-avatar

استفاده از عکس ها در سایت

2 سال پیش
توسط تیرداد آپدیت شد
آفلاین
user-avatar
احسان قربانی ( 40076 تجربه )
2 سال پیش
تخصص : PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

دوستان راکتی سلام D:
واقعا ببخشید این قدر از این بحث و گفت و گو ها میذارم و وقتتون رو میگیرم . من دارم یه سایت با مضمون فست فود طراحی میکنم . تا اینجا اینجوری شده . چطوره؟
http://s8.picofile.com/file/8330516584/Sitedesing.png
و یه سوال : من میدونم خیلی تو این طراحی از عکس استفاده شده و این ممکنه باعث کاهش سرعت لودینگ بشه . ایا جایگزینی برای این کار هست ؟
در ضمن اون بخش بهترین ها و .... که طراحی کردم . تو اونجا من از layer mask استفاده کردم تا فقط یه بخشی از کل عکس توی اون قسمت انتخاب شده نمایش داده بشه . این رو با css میشه درست کرد یا نه ؟
با تشکر D:

آفلاین
user-avatar
علیرضا جوکار ( 9561 تجربه )
2 سال پیش
تخصص : web developer

سلام نظر کلیم در مورد قالب اینه که خیلی ساده و قدیمیه و اون قسمت بالای فوتر هست که بکگراند نارنجی داره (why foodrun) به نظرم بکگراندش خیلی بده

در مورد تصاویر هم به نظرم اگر عکس ها متناسب با اندازه ای که میخوایین کراپ بشن خب طبیعتا حجم تصاویر خیلی کم میشه این امر رو میتونین موقع اپلود انجامش بدید
مورد دوم کش هست که به نظرم خیلی تاثیر داره
توصیه هم میکنم قبل از اپلود تصاویر ، حجمشون تا جایی که امکانش هست کم کنین میتونین از سایت هایی مثل سایت زیر استفاده کنین:
tinypng.com

و مورد اخر که به نظرم خیلی خیلی مهمه تو سرعت لود وبسایتتون استفاده از lazy load هست. کارش اینه که زمانی که وبسایت لود میشه بعد تصاویر رو لود میکنه و تا زمانی هم که اسکرول به اون بخش نرسیده تصاویر رو همون ابتدا لود نمیکنه که باعث کاهش سرعت بشه

آفلاین
user-avatar
احسان قربانی ( 40076 تجربه )
2 سال پیش
تخصص : PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

@alirezajokar1
ممنون بابت راهنماییتون. شم گفتید سایت ساده و قدیمیه. میشه بگید چطور یه سایت مدرن طراحی کنم ؟

آفلاین
user-avatar
Mobin Yazdanparast ( 1617 تجربه )
2 سال پیش
تخصص : برنامه نویس اندروید ، وب

@ehsanghorbani190
شما میتونید دموهایی که برای قالب های وردپرسی تو سایت های مختلف هس رو نگاه کنید تا یکم دید طراحیتون بهتر بشه. نکته دوم اینکه در حال حاضر سایت های زیادی هستند که عکس های باکیفیتی میزارن . شما میتونید طبق راهنمایی دوستان عمل کنید و با استفاده از کتابخانه های جاوا اسکریپت هم حجم عکس رو کم کنید و هم کش کنید و هم قابلیت lazy load رو به سایتتون اضافه کنید.

آفلاین
user-avatar
مهدی ابراهیمی ( 2572 تجربه )
2 سال پیش
تخصص : برنامه نویس وب

من که از سایتت خیلی خوشم اومد. ظاهرش به نظرم قشنگه.(البته میگم این نظر شخصیمه)
برای فشرده سازی فایلات میتونی از webpack استفاده کنی.(مثلا تصویرتو بهینه کنی). اگه کار با webpack بلد نیستی به نظرم laravel-mix یه انتخاب خوبی میتونه برات باشه.(البته نمیدونم laravel-mix تصاویر کم حجم میکنه یا نه ). اگه از لاراول میکس هم خوشت نیومد میتونی از photoshop استفاده کنی. اگه از اونم خوشت نیومد میتونی از راه حل های بقیه دوستان که داخل اینجا توضیح دادن استفاده کنی.
روش به نظرم زیاده کلا ببین با کدومشون راحتتری. xD

آفلاین
user-avatar
تیرداد ( 6738 تجربه )
2 سال پیش

در مورد این که این سایت شبیه وب سایت های قدیمی شده و مدرن بنظر نمیاد چند تا نکته هست که بهترش میکنه .
1- پهنای وب سایت هست که اگه بتونی جوری طراحی کنی که عرض مانیتورهای واید رو پر کنه و از wrapper استفاده نکنی بهتره .
2- بنظرم ارتفاع عکس اصلی زیاده و تو اکثر رزولوشن ها اسکرول می خوره
3- بنظرم فواصل و مارژین ها دقیق و مرتب باشه بهتره
4- اندازه فونتها بنظرم مناسب نیست بزرگ و کوچکی به نوع و اهمیتش باید رعایت بشه .
5- در مورد قیمتها بنظرم یه طوری متمایزتر کن که راحت تر دیده بشه
6- حجم تصاویر رو هم همونطور که دوستان گفتن با ابزارهای آنلاین و یا لوکال کم کن و در اصطلاح optimize کن
7- و اخرین نکته و مهمترین سایت رو حتما ریسپانسیو طراحی کن و UX و UI رو برای موبایل در نظر بگیر.
کلا چیزی که بنظر میرسه کسی که این وب سایت رو طراحی کرده گرافیست بوده اما با مبانی طراحی وب شاید آشنایی کمتری داشته

برای ارسال پاسخ باید وارد سایت شوید