طراحي وب سايت هاي آينده: طراحي با کيفيت بالا


 


در اين مقاله، ما به آينده طراحي وب نگاه خواهيم کرد. به خودي خود مسئله نيست  که به  طراحي وب HD در وب تسلط داشته باشد يا نه، امازماني که مانيتورهاي با رزولوشن بالا به   سرعت گسترده مي شود اين نياز  احساس ميشود که طراحي بصري بهبود يابد.






قهرمان تمام صفحه (Hero. Full-screen)


 


 اين بهترين توصيف از طراحي وب مدرن است که به تصاوير پس زمينه بزرگ مي آيند. طراحان نه تنها در مورد HD فکر مي کنند، بلکه HD را بصورت افراطي تمام صفحه را اشغال مي کند.







 اين روند طراحي به اين دليل کار مي کند که کاربران شيفته تعامل بصري  اوليه هستند، تصاوير  يک تجربه کاربري بهتر را به وجود مي آورند. به نظر مي رسد که تفکري به شدت سطحي است، اما در عمل خوب کار مي کند .









رزولوشن صفحه نمايش با وضوح بالا فرصتي عالي براي کاربران فراهم مي کند تا تصاويري با سطوح جزئي که قبلا در دسترس نبودند را مشاهده کنيد. جزئيات تصوير - مانند بافت استفاده شده و رنگ متنوع در Park Macquarie به چاشني بصري رابط کاربري افزوده مي شود، که در واقع به اولين تصور بسيار مهم  سايت تبديل مي شود.









در اينجا پنج راه براي استفاده از يک تصوير HD به بهترين شيوه مطرح شده است:


1- تصوير بايد ستاره اي نقطه کانوني باشد - فقط به اين دليل که يک عکس پس زمينه است، به اين معنا نيست که نميتواند مرکزيت را بگيرد. يک عکس قوي ارتباط احساسي با کاربران ايجاد مي کند.


2- چندين عکس را در نظر بگيريد - از چارچوب اسلايدي يا سبک کارتي استفاده کنيد.


3- استفاده از يک افکت بر روي تصوير - ماسک هاي رنگي مي تواند تأکيد بر يک تصوير را اضافه يا تغيير دهد ( براي مثال يک  ماسک قرمز  انرژي بيشتري دارد،).


4- در نظر بگيريد که تصوير بر روي اندازه هاي مختلف صفحه نمايش چگونه نمايش داده مي شود.


5- فراتر از فريم فکر کنيد - عکس پس زمينه نيازي با نسبت تصوير 1 تا 1.5 استاندارد دوربين ها مطابقت داشته باشد.


 


يک عکس پس زمينه ساده مي تواند علاقه ي بصري بيشتري ايجاد کند. اين روش برخي اوقات نسبت به زماني  که شما از يک عکس بزرگ که بر نام تجاري، محصول يا پيام شما تأثير مي گذارد، بهتر عمل مي کند. به ياد داشته باشيد استفاده از يک عکس پسزمينه مي تواند شامل چندين عکس باشد.


Videos<\/h2>

پس زمينه هاي ويدئويي HD  يکي از محبوب ترين تکنيک هاي سال مي باشد -  از غول هايي مانند AirBnB  تا سايتهاي کوچکتر  ، جريان ويدئو سريعا در حال تبديل شدن به يک بخش حياتي از چشم انداز طراحي وب شده است.


  





برخي از اولين وب سايت هايي که از ويديو پس زمينه استفاده مي کردند، واقعا سايت رسمي يک فيلم بودند. به عنوان مثال، سايت "Life of Pi" از يک پيش نمايش واقعي از فيلم به عنوان پس زمينه (در فرمت هاي قابل دانلود) استفاده مي کرد.









ظهور ويديو به عنوان يک تکنيک طراحي، کمي با نوآوري  ارتباط دارد. پيش زمينه هاي ويدئويي تمام صفحه چيزي نبود که همه مرورگرها و هر نوع اتصال اينترنت بتوانند آن را پشتيباني کند . توجه کنيد که فقط داشتن کليپ ويديويي کافي نيست تمام تکنيک هاي سينمايي براي ايجاد يک فيلم عالي - فريم کردن، بزرگنمايي و پانون کردن . - براي فيلمهاي وب بسيار ضروري است، حتي اگر به عنوان پس زمينه استفاده شود.







 Brindisi Tapas يک نمونه  بسيار خوب براي قرار دادن تعداد زيادي کليپ هاي کوتاه براي نشان دادن   فضا محيط است.




مجددا، پنج دستورالعمل براي استفاده از ويديو HD در چارچوب طراحي شما ارائه مي دهيم:


1- توجه به طول ويديو و مدت زمان - ويدئو پس زمينه بايد يک داستان بصري داشته باشد که بتواند احساس را    در عرض چند ثانيه به کاربران انتقال دهد.  بين 10 تا 30 ثانيه يک اندازه خوب براي زمان حلقه است.


2- صدا  را خاموش کنيد - صدا براي عده زيادي از کاربران هنوز يک عنصر پخش اتوماتيک نامطلوب است. اگر قصد استفاده از صدا داريد، به طور پيش فرض به حالت خاموش تنظيم شده باشد.

3- تمرکز بر زمان بارگذاري - در حالي که ويدئو HD سرگرم کننده است،اما نبايد وب سايت خود را فداي زمان بارگذاري آن کنيد. مهم نيست که چقدر ويدئو شما شگفت انگيز است   زمان بارگيري آهسته=  ترک سايت توسط کاربر

4- جايگزين ها را در نظر بگيريد - بعضي دستگاه ها نمي توانند HD را پشتياني کنند.  يک تصوير پس زمينه به عنوان يک گزينه پشتيبان داشته باشيد.

5- کيفيت ويديو چندگانه باشد - چند نسخه از ويديوي براي اجرا داشته باشيد که با توجه به چهارچوب کاربر اجرا گردد.

 



انيميشن



پس زمينه انيميشن  HD در فضاي بين تصاوير ثابت و طراحي زندگي مي کند،   انيميشن ها اغلب حاوي عناصر متحرک و ثابت هستند. اصول انيميشن در طول دهه ها تقريبا بدون تغيير باقي مانده است. با اين حال، چه چيزي تغيير کرده است سطح کيفيت ارائه شده توسط صفحه نمايش HD است.








کليد انيميشن HD موفق زمان بندي است. انيميشن ها بايد صاف و بدون پرش باشند.  ابتدا و انتهاي حلقه تکرار بايد صاف و نامحسوس باشد.


 





 




 

مشخصات

تبلیغات

محل تبلیغات شما
محل تبلیغات شما محل تبلیغات شما

آخرین وبلاگ ها

برترین جستجو ها

آخرین جستجو ها

ماهگوش گذشته حال آینده خونه ایرانی ـتاجنونفاصلهاینیستازاینجاکهمنمـ خريد از گناوه Timothy rebekahiavoeo9 Website صداي سکوت: شعر Angela