وقتی سبکها و ترندهای پرطرفدار در سال 2019 را مشاهده میکردیم متوجه شدیم طراحی با استفاده از عناصر انسانی (استفاده از کاراکتر انسان در طراحی) بیشتر از سایر موضوعات توجه گرافیستها و مخاطبان را توانسته بود به خود جلب کند. البته استفاده از تایپوگرافیِ اصولی و راحت تر کردن دسترسی پذیری نیز در کنار طرح اصلی، بهبود تجربه کاربری را رقم زده است. حال با فرا رسیدن سال 2020 احساس میکنیم این سبک از طراحی به اوج خود برسد و از این پس در تصاویر و Illustrationهای بیشتری شاهده استفاده از این سبک باشیم.
طراحی مسطح در واقع نوعی طراحی مینیمال محسوب شده و مانند همیشه شعار «کمتر، بیشتر است» یا (less is more) بهترین توصیف برای این سبک از طراحی محسوب میشود. بنابراین دیگر لازم نخواهد بود تصاویر پیچیده طراحی کنید. بدون شک یک پالت رنگی محدود و ساده نیز پاسخگو خواهد بود. اما آیا اهمیت طراحی مسطح و تجربه کاربری حاصل از آن تنها به یک پالت محدود ختم میشود؟
چرا طراحی مسطح (Flat) اینقدر محبوب است؟
وقتی شرکتهای بزرگی مانند Mailchimp و Slack طراحی مسطح را به اینترفیس و رابط کاربری خود وارد کردند، به مرور زمان طراحی فلت تبدیل به یک سبک رایج و پرطرفدار میان گرافیستها شد. سادگی این سبک طراحی و کاراکترهای انسانی استفاده شده در آن به تنهایی کافی بود تا مخاطبان به آنها توجه کنند و آنها را دوست داشته باشند. اما هیچ چیز به اینجا ختم نمیشود. دلایل بیشتری وجود دارد که چرا این سبک از طراحی، اینقدر به سرعت محبوب شد و پیشرفت کرد.
- انعطاف پذیری و قابلیت ویرایش و شخصی سازی ساده: تصاویر استوک تا 90 درصد غیرقابل ویرایش و شخصیسازی هستند. این موضوع باعث میشود کسل کننده به نظر برسند. اما وکتورهایی که در طراحی رابط کاربری به کار میروند، قابلیت سفارشیسازی دارند و طراحان میتوانند آنها را مطابق با ایدههای خود در بیاورند و به شکل دلخواه در پروژههای خود استفاده کنند.
- منحصربفرد بودن: حتی اگر نخواهید یک وکتور جدید و اوریجینال ایجاد کنید و بخواهید از کتابخانههای آنلاین نمونههای آماده دانلود کنید، میتوانید آنرا شخصیسازی کرده و در آن فردیت ایجاد کنید. اینگونه وکتورها میتوانند یک هویت بصری زیبا، جذاب و قدرتمند برای شما به ارمغان بیاورند.
- هویت: تعداد زیرشاخههای زیادی در استایلهای وکتورها وجود دارد که میتوانید از بین آنها، هر کدام که بهتر برند شما را توصیف میکند، انتخاب کنید. همچنین میتوانید استایل تصویر مورد استفاده را مناسب با نوع مخاطبان خود انتخاب کنید. در این صورت کاربران شما احساس بهتری هنگام کار با نرم افزار طراحی شده خواهند داشت.
- تطبیق پذیری (ریسپانسیو بودن): برای سازگار شدن با نمایشگرهای مختلف، تنها لوگو و جدولها نیستند که اهمیت دارند. بلکه تصاویر نیز قسمت مهمی از برنامه هستند که باید خصوصیات واکنشگرایی برای آنها مدنظر گرفته شوند. وکتورهای مسطح بهتر از سایر طرحها به شما این امکان را میدهند که آن ها را سریع و راحت با صفحههای مختلف هماهنگ کنید.
وکتور مسطح را از کجا پیدا کنم؟
همانطور که گفتیم وکتورهای طراحی رابط کاربری در تنوع بسیار زیادی و توسط وبسایتهای مختلف ارائه میشوند و برای پیدا کردن چنین تصاویری با هیچ کمبود ایدهای مواجه نخواهید شد. از آنجا که اکثر این طرح ها به صورت کانسپت طراحی میشوند، به صورت رایگان در دسترس قرار دارند و برای استفاده از آنها نیز معمولا با محدودیت کپی رایت مواجه نخواهید شد. در ادامه چند وبسایت و ابزار آنلاین برای پیدا کردن وکتورهای مورد استفاده در طراحی UI را به شما معرفی میکنیم.
- یکی از ابزارهای پرطرفدار در این زمینه Vector Creator وب سایت icons8 میباشد. به کمک این ابزار شما میتوانید وکتور مورد نظر خود را از بین 12 استایل مختلف انتخاب کنید و آنرا به صورت آنلاین شخصیسازی کنید. همچنین میتوانید این وکتورها را در کنار آیکونهای متنوع و جذابی که وجود دارد میکس کنید و خروجی نهایی را با فرمت دلخواه دریافت کنید.
- کتابخانه آنلاین Shape نیز با بیش از 2000 طرح قابل شخصیسازی یکی دیگر از وبسایتهایی است که باید حتما آنرا امتحان کنید. این وکتورها معمولا مناسب طراحی اینترفیس و رابط کاربری در نظر گرفته شده اند.
- حال اگر به دنبال یک ابزار آنلاین هستید که مشابه نرم افزارهای Sketch یا Figma عمل کند، Smash Illustrations بهترین گزینه خواهد بود. این وبسایت از کتابخانهی گسترده ای برخوردار است و دارای انواع طرحهای رایگان و پولی است که میتوانید برای خود انتخاب کنید و آنها را مطابق نیاز خود شخصیسازی کنید.
- در نهایت، DrawKit نیز یکی از ابزارهای مورد علاقه طراحان است. در این وبسایت می توانید وکتورهای رایگان با فرمت SVG را در دو استایل مختلف پیدا کنید. همچنین امکانات پیشرفته شخصیسازی مانند انیمیشن نیز در آن نیز وجود دارد که ابته در نسخه پیشرفته و پولی در دسترس است.
ساخت دستی وکتور و تصاویر مورد نیاز
اگر در نقاشی و یا illustration مهارت دارید، می توانید تصاویر شخصی خود را بسازید و اینترفیس خود را در بالاترین از شخصی سازی قرار دهید. برای طراحی چنین تصاویری حتما باید از گرافیک برداری (پردازش بر پایه وکتور) استفاده کنید. این موضوع به شما کمک خواهد کرد تصاویری کاملا مقیاس پذیر داشته باشید و آنرا در هر اندازه ای که خواستید بدون افت کیفیت مورد استفاده قرار دهید. برای انجام اینکار موارد و توصیه های زیر را رعایت کنید.
با طرحهای هندسی شروع نکنید: سعی کنید طرح ابتدایی خود را به همراه جزئیات، حرکات و ترکیببندی صورت نقاشی درآورید. کمی با آن بازی کنید و به طور کامل مورد آزمایش قرار دهید تا بتوانید بهترین چشم انداز ممکن را ایجاد کنید. سپس آن را به داخل نرم افزار بیاورید و به صورت برداری طرح نهایی را ایجاد کنید.
- طرح خود را تجزیه و تحلیل کنید: همانطور که گفتیم سبک طراحی مسطح دارای چندین زیر شاخه و استایل مختلف است. سعی کنید استایلی را در پیش بگیرید که به بهترین شکل ممکن شما و مخاطبان شما را معرفی میکند.
- ایده داشته باشید: پشت هر طرح با ارزشی یک ایده خوب وجود دارد. سعی کنید کار خود را با یک ایده مناسب شروع کنید و آنرا در لابهلای عناصر طرح پنهان کنید. اینگونه طرح چشمنوازتری خواهید داشت.
- یکنواخت طراحی کنید: در طراحی رابط کاربری و عناصر آن یکنواختی و هماهنگی از اهمیت ویژهای برخوردار است. سعی کنید یک پالت رنگی اختصاصی برای کار در نظر بگیرید و بافتها و سایهها را در کل طرح به شکل هماهنگ به کار ببرید. اینگونه طرح شما زیباتر و قدرتمندتر جلوه خواهد کرد.
ترجمه بر اساس
"Flat Illustrations, a Design Trend for 2020 and Beyond" by Ksenia Pedchenko @ TheStartup