«طراحی مسطح» ترند پرطرفدار برای UI و UX در سال 2020 است!

Flat Illustration (2)

وقتی سبک ها و ترندهای پرطرفدار در سال 2019 را مشاهده می کردیم متوجه شدیم طراحی با استفاده از عناصر انسانی (استفاده از کاراکتر انسان در طراحی) بیشتر از سایر موضوعات توجه گرافیست ها و مخاطبان را توانسته بود به خود جلب کند. البته استفاده از تایپوگرافیِ اصولی و راحت تر کردن دسترسی پذیری نیز در کنار طرح اصلی، بهبود تجربه کاربری را رقم زده است. حال با فرا رسیدن سال 2020 احساس می کنیم این سبک از طراحی به اوج خود برسد و از این پس در تصاویر و Illustration های بیشتری شاهده استفاده از این سبک باشیم.

نمونه ای از یک UI با طراحی فلت

طراحی مسطح در واقع نوعی طراحی مینیمال محسوب شده و مانند همیشه شعار «کمتر، بیشتر است» یا (less is more) بهترین توصیف برای این سبک از طراحی محسوب می شود. بنابراین دیگر لازم نخواهد بود تصاویر پیچیده طراحی کنید. بدون شک یک پالت رنگی محدود و ساده نیز پاسخگو خواهد بود. اما آیا اهمیت طراحی مسطح و تجربه کاربری حاصل از آن تنها به یک پالت محدود ختم می شود؟

چرا طراحی مسطح (Flat) اینقدر محبوب است؟

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

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

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

وکتور مسطح را از کجا پیدا کنم؟

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

  • یکی از ابزارهای پرطرفدار در این زمینه Vector Creator وب سایت icons8 می باشد. به کمک این ابزار شما می توانید وکتور مورد نظر خود را از بین 12 استایل مختلف انتخاب کنید و آنرا به صورت آنلاین شخصی سازی کنید. همچنین می توانید این وکتورها را در کنار آیکون های متنوع و جذابی که وجود دارد میکس کنید و خروجی نهایی را با فرمت دلخواه دریافت کنید.

ابزار آنلاین ساخت وکتور Icons8

  • کتابخانه آنلاین Shape نیز با بیش از 2000 طرح قابل شخصی سازی یکی دیگر از وب سایت هایی است که باید حتما آنرا امتحان کنید. این وکتورها معمولا مناسب طراحی اینترفیس و رابط کاربری در نظر گرفته شده اند.
  • حال اگر به دنبال یک ابزار آنلاین هستید که مشابه نرم افزارهای Sketch یا Figma عمل کند، Smash Illustrations بهترین گزینه خواهد بود. این وب سایت از کتابخانه ی گسترده ای برخوردار است و دارای انواع طرح های رایگان و پولی است که می توانید برای خود انتخاب کنید و آن ها را مطابق نیاز خود شخصی سازی کنید.

نمونه ای از کاراکتر ها پر کاربرد در طراحی UI و UX

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

ساخت دستی وکتور و تصاویر مورد نیاز

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

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

سازگار یا واکنشگرا؟!

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

منبع: سایت Medium

نویسنده شوید
دیدگاه‌های شما

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.