تا %60 تخفیف خرید برای 2 نفر با صدور مدرک فقط تا
00 00 00

الگوهای طراحی وب برای سال 2021 (بخش دوم)

محمد مرادی
محمد مرادی
0 پسند
47 بازدید
0 نظر
1 ماه قبل

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

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

رنگ های راحت

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

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

این موضوع زمانی اهمیت بیشتری پیدا می کند که بدانیم یکی از عوامل کلیدی باقی ماندن طولانی مدت کاربران در یک صفحه – که خود آن ها نیز ممکن است نسبت به آن خودآگاهی نداشته باشند – به کار گیری رنگ های آرامش بخش و به اصطلاح راحت (Comfortable Colors) در طراحی است.

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

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

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

https://tabooorganics.com

الگوهای طراحی وب

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

نخست اینکه دو دکمه اصلی در قسمت بالای صفحه (above the fold) در هنگام عبور نشانگر ماوس تغییر رنگ نمی دهند و اساسا طراحی مناسبی برای یک دکمه عملیاتی (Action Button) ندارند. مساله دیگر، عکس های انتهای صفحه و بالاتر از بخش فوتر وب سایت به شدت ضعیف طراحی شده اند در حالیکه  به راحتی می شد از ساختارهای مختلفی برای بهبود آن استفاده کرد.

https://matterapp.com

الگوهای طراحی وب

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

 

https://www.zendesk.com/platform

الگوهای طراحی وب

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

https://www.takeshape.io

الگوهای طراحی وب

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

https://ark.ng

الگوهای طراحی وب

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

 

 

نظر شما
برای ارسال نظر باید وارد شوید.
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...