پنل کاربری
021 44 06 13 51
info@portalsaz.com
انواع مقالات کوتاه و مفید
Feed
مقالات طراحی سایت
1395/08/01 23:26

اشتباهات استفاده از عکسها در طراحی سایت

چگونه عکسهای بهینه شده ای را در طراحی سایت بگذاریم؟

عکسها و مجموعه عکس های بزرگ و طراحی سایت هایی که دربردارنده تعداد بیشتری از عکسها هستند، تبدیل به ترندهای روز دنیا شده اند. برای زیبا ایجاد کردن این نمونه ها، بایست مطمئن شوید که هر عکس در طراحی سایت با هدف سایت تان هماهنگی دارد و به خوبی نام تجاری و پیام آن را آشکار می نماید.

اشتباهات بیشتری هست که طراحان طراحی سایت در مدت روند طراحی سایت، انجام می دهند. اما شما نبایست هنگامی که با عکسهای طراحی سایت کار می نمایید، در هیچ یک از این اشتباه ها گیر کنید.

اشتباه: بارگذاری فایل های بزرگ در طراحی سایت

هنگامی که موضوع نمونه های پرینتی می شود، عکسهای تمام صفحه بسیار زیبا هستند، اما در طراحی سایت ها یک مشکل به حساب می آیند. عکسهای بزرگ به آرامی در طراحی سایت ها لود می شوند؛ لود کند طراحی سایت ها سبب ترک مخاطبان از طراحی سایت شما می شوند.

 با کمال تاسف، گرفتار شدن طراحان طراحی سایت و فروشگاه ساز در این دام راحت است. بسیاری از برنامه های طراحی سایت اجازه بارگذاری عکسهای بزرگ را می دهند و از این رو بایست بسیار دقت نمایید. به راهکارهای طراحی سایت و نام تجاری خود مراجعه نمایید، می توانید اندازه های رایج عکسها در طراحی سایت را پیدا کنید.

از فرمت های ناهماهنگ برای عکسها در طراحی سایت ها استفاده ننمایید. فرمت های رایج و مخاطب پسند PNG (عکسها موجود در کامپیوترها مانند نمودارها و یا لوگوها)، JPG (عکسها) و یا GIF (انیمیشن ها) را برای عکسها طراحی سایت خود استفاده کنید.

راهکار: راهکار ساده این است که سایز عکس را بر اساس اندازه های الگو و فرمتی بسازید که در طراحی سایت با وضوح بالایی آشکار شود. می توانید هر عکسی بهینه و مطلوبی را برای استفاده در طراحی سایت و به اشتراک گذاری در رسانه های اجتماعی ذخیره نمایید.

اشتباه: فراموش کردن کراپ کردن عکسهای طراحی سایت

کراپ کردن عکس به نشان دادن مولفه های دیداری پراهمیت که می خواهید به مخاطبان طراحی سایت تان نشان دهید یاری می نماید، به این خاطر که فوکوس عکس را به یک قضیه مهم معطوف می نمایید که احتمال دارد در عکسهای تمام صفحه مشهود نباشد.

بهره گیری از کراپ های متعدد و شکل های جالب در عکسها قادر است به طراحی سایت صدمه بزند.
راهکار: عکسهای طراحی سایت را برای رسیدن به سایز و یا اندازه های بهتر پیش از بارگذاری کردن در سایت، کراپ نمایید.

اشتباه: فراموش کردن عکسهای کوچک در طراحی سایت

شما بایست به خاطر داشته باشید تا عکسهای کوچک در طراحی سایت  تان را آپدیت نمایید و به آن ها توجه داشته باشید.

اکثر اوقات طراحان طراحی سایت این عکسها کوچک در پرتال ساز را از یاد می برید. این عکسها و نماد آیکون ها بایست مطابق با آپدیت محتوای طراحی سایت، بروزسانی شود.

مشکل دیگر، بهره گیری از عکسهای ناجور در سایز کوچک است. اگر عکس بی کیفیت باشد، آن را در طراحی سایت استفاده نکنید. نبود عکس در طراحی وبسایت بهتر از بودن عکس های بی کیفیت است.

راهکار: هنگامی که عکسهای طراحی سایت و نماد های آیکون تان تغییر کرده و آپدیت می شود، مطمئن شوید که تا عکس قدیمی را حذف کرده اید.

اشتباه: نام های غیر قابل جستجو و داده های زیاد در عکسها طراحی سایت

دوربین های دیجیتالی، اطلاعات بیشتری را در عکس سیو می سازد که در طراحی سایت ها لازم نیست. این اطلاعات و داده ها را در عکسها حذف نمایید. مرورگرها این گونه محتوای عکس طراحی سایت ها را قادر نیستند، بخوانند. برای اینکه عکسها را در دسترس و قابل جستجو بسازیم، بایست واژه ها تشریحی، برچسب ها و سایر نمونه های هماهنگ با طراحی سایت ها را در عکسها بگذاریم.

راهکار: از نام های خوب و بهتری برای عکسها در طراحی سایت ها استفاده نمایید و عکس را با مولفه های طراحی سایت، هماهنگی بدهید. نام عکسها بایست دربردارنده واژه های باشند که توسط فاصله هایی از هم جدا شده اند.

اشتباه: اسکرول ها و کشش های ناجور عکس در طراحی سایت

هیچ چیز بدتر از این نیست که عکس در طراحی سایت دربردارنده چهره شخصی باشد که کشیده شده است و یا در مقیاس ناجوری است. کشیدن و اسکرول های ناجور عکسها بسیار برای طراحی سایت زیان دارد. هر عکس بایست با نسبت یک به یک هم به صورت عمودی و هم به صورت افقی گذاشته شود. هر چیز دیگری غیر از این نمونه، بسیار برای عکسها طراحی سایت ناجور هستند.

راهکار: همه نسبت ها، سایز ها و مقیاس ها را در عکسها طراحی سایت ها با دقت ملاحضه نمایید.

اشتباه: برنامه ریزی نکردن عکس های طراحی سایت برای دستگاه های گوناگون

الگوهای واکنشی طراحی سایت ها به عکسها نیز مرتبط هستند. تغییر در سایز و شکل عکسها در هر دستگاهی به ابزار دیگر، اهمیت این قضیه را آشکار می سازد که به چه نحوی عکسها در ابزارهای مختلف آشکار می شوند.

راهکار: از MEDIA QUERIES برای الگوهای طراحی سایت ریسپانسیو بهره بگیرید و هماهنگی عکس طراحی سایت ها را با دستگاه های مختلف تست نمایید.

نظرات

نظر شما
نام :
پست الکترونیکی :
وب سایت :
متن :

تصویر :

برچسب ها :