X
تبلیغات
رایتل
دوشنبه 29 شهریور 1395

طراحی سایت بر ای آینده

پس بهتره که شروع کنیم.
ما در این مقاله درباره ی چگونگی ساختن HD Backgrounds، استفاده از تصاویر ، ویدئوها ،انیمیشن ها و چگونگی لایه بندی و کنار هم قرار دادن همه ی این ها صحبت خواهیم کرد.خیلی بزرگ  (Oversized). Hero . تمام صفحه  (Full Screen).

وقتی که حرف از تصاویر پشت صفحه (Background Images) است، سه کلمه ی بالا بهترین کلماتی هستند که می شه برای توصیف طراحی وب سایت مدرن ازشون استفاده کرد.
امروزه طراحان با استفاده از Background Image هایی که کل صفحه نمایش رو اشغال می کنند، طراحی های HD رو به اوج خودشون رسوندند.

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

صفحه نمایش های High Resulution فرصتی برای کاربران فراهم کردند که بتونند تصاویر رو با سطح بالایی از جزئیات ( که قبلا امکان پذیر نبود) ببینند.

تصاویر پرجزئیات استفاده شده در Junction Moama  یا رنگ های متنوع به کار رفته در Macquarie Park 
(که هر دو در بالا مثال زده شده) به رابط کاربری شما جلا می دهند و این باعث می شه که شما بتونید با اولین نگاه کاربر رو به سایت خودتون جذب کنید.

شرکت دارکوب 5 روش رو برای اینکه از تصاویر HD به نفع خودتون استفاده کنید رو پیشنهاد می ده:

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

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

  • از چندیدن عکس استفاده کنید- از اسلایدر ها یا Card-Style فریم ورک ها که در بخش الگوهای رابط کاربری وب توضیح دادیم برای وب سایت هایی با حجم بالای محتویات یا

 portfulio sites استفاده کنید.

  • در تصاویر از افکت استفاده کنید- استفاده کردن از افکت هایی مثل Blurred یا

Culor Overlays روی تصاویر می تونه میزان تاثیر گذاری اون ها رو تغییر بده. (به طور مثال
رنگ های تناژ قرمز به طور کلی انرژتیک تر هستند.)
این تکنیک روی عکس های HD به خوبی جوابگو هست چرا که حتی بعد از اعمال افکت ها نیز عکس پایه هنوز قابل تشخیص و مشاهده است.

  • به این مسئله که تصویر روی صفحه نمایش با سایزهای مختلف چگونه پدیدار می شود دقت داشته باشید-از قبل برای صفحه نمایش با سایزهای متفاوت Background Image هایی رو در نظر بگیرید تا مطمئن باشید که عکس پشت صفحه ی شما روی تمامی دستگاه ها به درستی نمایش داده شود مگر نه به جای اینکه Background Image شما همه ی صفحه رو اشغال کند، عکس بالای یک صفحه با رنگ Sulid(که الان به Background شما تبدیل شده) گیر می افتد.

 

  • خارج از چهار چوب فکر کنید-یک عکس پشت صفحه لازم نیست که حتما با استاندارد نسبت عرض به طول 1 الی 1.5 دوربین ها مطابقت داشته باشه بلکه می تونه شامل عکس هایی باشه که از درونBackground های خودشون بریده و بیرون کشیده شده باشند.

یک عکس پشت صفحه می تونه به راحتی نظر کاربر رو از لحاظ دیداری (Visual) به سایت شما جلب کنه و اگر این عکس رو طوری انتخاب کنید که روی مارک (Brand)، کالای شما و یا مسیجی که می خواهید به کاربرتون منتقل کنید تاکید بیشتری داشته باشه قطعا نتیجه ی بهتری خواهید گرفت.
به خاطر داشته باشید که در بهره بردن از تکنیک Background Photo می توانید از چندین عکس نیز استفاده کنید. فقط باید اطمینان حاصل کنید که فریم ورک طراحی شما و عناصر به کار برده شده در سایت تمامی عکس ها رو پشتیبانی می کنند.(یعنی قابلیت به درستی نمایش دادن عکس ها رو داشته باشند).

نظرات (0)
امکان ثبت نظر جدید برای این مطلب وجود ندارد.