تکنیک های طراحی سایت در سال 1395 - 5.0 از 5 بر اساس 3 رای

امتیاز کاربران

ستاره فعالستاره فعالستاره فعالستاره فعالستاره فعال
 
تکنیک های طراحی سایت در سال 1395

آیا برای سال 1395 آماده هستید؟! پس بهتره که بریم سراغ تکنیک های طراحی وب امسال.

قطعا سال جدید با کلی تکنیک ها و روش های جدید برای طراحی سایت همراه هست.
این تکنیک ها و روش ها تقریبا در راستای همون چیزهایی هست که در اواخر سال 1394 در سایت ها می دیدیم.
وب سایت هایی که  دارای ویدئو های بیشتر ، الگوهای عمودی (Vertical Patterns)  ، رابط های کاربری طراحی شده با Material Design و اسلاید هستن قطعا محبوب تر از بقیه ی سایت ها می شن.
و شما هم می تونید به راحتی خیلی از مفاهیم بالا رو تو سایت تون پیاده سازی کنید.
پس بذارید که سال 1395 رو با 11 تکنیک برای طراحی وب به همراه کلی مثال برای این روش ها شروع کنیم.

الگو های عمودی و اسکرول کردن

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

 

رابط کاربری مدل کارتی (Card-Style Interfaces)

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

استفاده از Hero Video Header

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

استفاده از انیمیشن

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

روی تعامل ها تمرکز کنید

تعامل یعنی ارتباط بین کاربرها و دستگاه هاشون (Devices).
معمولا تعامل ها کوتاه طراحی می شن و اطلاعاتی رو در اختیار کاربران قرار می دن.
این اطلاعات می تونه به سادگی زنگ های هشدار (Alarms)  و مسیج های متنی باشه یا به پیچیدگی تعامل اطلاعات در بازی های کامپیوتری.
در حقیقت این تعامل ها هستند که چگونگی ارتباط کاربرها با دستگاه هاشون رو شکل می ده.

چینش زیبای عناصر (Beautiful Typography)

رابط های کاربری ساده (Streamlined Interfaces)  راه رو برای چینش زیباتر عناصر هموار کردن.
البته قطعا اضافه شدن ابزاهایی مثل Google Fonts و Adobe Typekit هم به ایجاد تیپوگرافی- های زیبای کنونی خیلی کمک کرده.
این روزها بیشتر طراحان فونت های ساده رو برای نوشتن مطالب در سایتشون انتخاب می کنن.
اینطوری هم جای بیشتری برای بقیه ی عناصر سایت باقی می مونه و هم اینکه خوندن مطالب روی صفحه نمایش آسون تر می شه.
در نهایت طراحان باید سعی کنند که یه تعادلی بین سادگی و خوانایی تیپوگرافی و جذابیت و خلاقانه بودنش به وجود بیارن.

 

استفاده از طرح ها و تصاویر

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

استفاده از رنگ های سرزنده و روشن

با روی کار اومدن طراحی مسطح (Flat Design) استفاده کردن از رنگ های سرزنده و تند هم رایج شد.
شرکت دارکوب پیش بینی می کنه که امسال هم رنگ بندی سایت ها به همین روند ادامه داره.
با این تفاوت که در سال 1394 بیشتر رنگ های تند و هم تناژ (هم پلیت) استفاده می شد ولی الان در سال 1395 رنگ های تند با سبک و روحیه ی دهه ی 80 میلادی در طراحی سایت ها خودنمایی می کنن.  

آیکون گرافی

از همان زمانی که اولین آیکون ها (مثلا آیکون همبرگر) روی کار اومدند آیکون و آیکون گرافی بخش جدا ناپذیری از طراحی سایت شد.
هر روزه طراحان بیشتری رابط های کاربری جذاب همراه با بسته های آیکونی که استفاده از اون ها از همیشه راحت تر و لذت بخش تر شده رو ارائه می دن.
همچنین این روزها با استفاده از فرمت SVG  می تونیم آیکون هایی با سایز های بزرگتر هم طراحی کنیم.

مرز بین وهم و واقعیت

محتوای این سایت واقعیه یا انیمیشنه؟!!
آیا این مسیر از قبل مشخص شده یا من می تونم مسیر رو تغییر بدم؟
گام بعدی در طراحی وب سایت ها اینه که یه مرز نامشخص بین عناصر واقعی و عناصر ساختگی به وجود بیاد.
این نوع طراحی تاثیر فوق العاده ای روی کاربر می ذاره و به کاربر برای پیدا کردن محتویات جدید حق انتخاب می ده.
اینگونه تکنیک طراحی سایت شامل به وجود آوردن یه سری عناصر ساختگی است که به شدت به نظر واقعی میان و کاربر نمی دونه که اون ها واقعی نیستند.

وب سایت های شامل اسلاید

قبلا وب سایت ها برای نمایش اسلایدها از اسلایدر استفاده می کردن و عکس ها در فریم اسلایدر حرکت می کردند و به نمایش گذاشته می شدند.
نسل بعدی و تکامل یافته ی اسلایدر ها اسلاید های تمام صفحه (Full-Screen Slides) هستند.
در این نوع طراحی با عوض شدن هر اسلاید کل صفحه ریفرش (Refresh)  می شود و اطلاعات جدید بارگذاری می شود.
اسلایدهای تمام صفحه می توانند با کلیک کردن یا اسکرول کردن و یا به طور زمان بندی شده به اسلاید بعدی بروند.
در چندماه آینده این تکنیک طراحی رو در بسیاری از سایت ها خواهید دید.

 

نتیجه گیری

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

Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn

مقالات مرتبط

info [ at ] sitedar.com
تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7
22083926 - 22085386 - 22082258
طراحی سایت دارکوب | هاست دارکوب | دارکوب نام و علامت تجاری ثبت شده این مجموعه می باشد