تا الان،سال ۲۰۱۸ یک سال قابل توجه و بسیار مهم در خصوص روند طراحی وب سایت بوده است.


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

در این مقاله چند روند طراحی وب را که در سال ۲۰۱۸ بیشترین تاثیر را گذاشته،
مورد بحث قرار داده و بررسی میکنیم.

۱- سیستم های طراحی مبتنی بر محتوا

اگر شرکت شما هنوز سیستم طراحی سایت را اجرا نکرده باشد،
مطمئن باشید به زودی این کار را انجام خواهید داد.
طبق آخرین آمار صنعت UX 2017-18 ،
۶۷ درصد از کسانی که در حال طراحی هستند، برای خودشان سایت شخصی با روند طراحی ندارند.

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

MailChimp، با توجه به طراحی سیستم خودش ساخته شده است .

سیستم طراحی چیست؟

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

ناتان کورتیس میگوید:
سیستم های طراحی یک پروژه نیست،محصولی است که محصولات را ارائه میدهد.

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

از آنجایی که بعضی از این قسمت ها میتوانند تغییر کنند،یک سیستم با نام ” Living document ” است که در هر زمان و دائما خود را به روز رسانی میکند تا راه حل های جدید و بهتری را نشان دهد.

چگونه یک سیستم طراحی ایجاد کنیم؟

  1. ایجاد فهرست کاربری UI :
    به وب سایت خود بروید و تمام محصولات خود را دسته بندی و فهرست کنید.
    هرگونه مشکل و نا سازگاری را بر طرف و تصحیح کنید.
  2. پالت رنگی بسازید :
    پالت رنگی به این معناست که سایت خود را با استفاده از رنگهای دقیق استاندارد کنید.
  3. مقیاس تایپوگرافی بسازید :
    اندازه فونت،وزن،خط ارتفاع و… را تنظیم کنید و قوانین خاصی را برای نمایش تعیین کنید.

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

GE Digital، براساس سیستم طراحی Predix ساخته شده است.

۲- اشکال چند ضلعی و لایه های هندسی

در سال ۲۰۱۸،
روند های طراحی وب سایت بر روی تم های هندسی ،
به ویژه چند ضلعی ها و اشکال لایه ای تمرکز دارد.
به احتمال زیاد،این سبک ها را هنگام مشاهده تشخیص میدهید.

هندسه ساده

سایت ایران وب لایف نمونه هندسه ساده در طراحی سایت است.

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

استفاده از خطوط پررنگ برای جلب توجه

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

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

جزئیات

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

۳- طراحی تاکتیکی

طراحی تاکتیکی دارای منحنی جالبی است:
این طراحی،از اصول طراحی مواد تشکیل شده است.
اما در عین حال ، روند اولیه اسکوئومورفیسم نیز از ابتدای سال ۲۰۱۰ مدرن شده است.

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

 

طراحی بدون مرز

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

طراحی چند لایه

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

انیمیشن هدفمند

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

عکاسی دقیق

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

۴-صفحات ساده

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

این روند در واقع شامل انواع گوناگونی است،
بنابر این برای دریافت یک صفحه مدرن میتوانید از روش های زیر استفاده کنید:

مینیمالیسم

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

طراحی بصورت تخت

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

انیمیشن های دقیق

انیمیشن ها میتوانند قابلیت استفاده و بهره وری با بهبود دهد.
به تازگی استفاده از انیمیشن ها در صفحه اصلی به مراتب ضعیف شده است،
بیشتر به موارد زیر بستگی دارند :

انیمیشن های خودکار که در یک برنامه ثابت حرکت میکنند
انیمیشن هایی که با کلیک کاربر حرکت میکنند

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

عکاسی و فیلمبرداری زیبا

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

اولویت بندی خوانایی

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

-سایز متن ها : سایز متن بدنه باید ۱۶ باشد
-ارتفاع بین متن ها : ۱٫۷۵x باشد
-رنگ متن و پس زمینه حساب شده باشد

نتیجه گیری

در سال ۲۰۱۸ پیشرفت بسیار بزرگی در طراحی سایت به وجود آمده است.
اکنون بیش تر از همیشه زمان این است ،
که از استراتژی های طراحی سایت خود را باز بینی و ارز یابی کنید.
اما این را در نظر داشته باشید که،
هر چیز که در ماه ها یا حتی سال های پیش به چشم می آمد دست نزنید.
همچنین میتوانید در قسمت تماس با ما ، با مشاوران ایران وب لایف ارتباط برقرار کرده ،سوالات خود را بپرسید و مشکلات خود را رفع کنید.