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

طراحی فلت چیست؟

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

تاریخچه ای کوتاه از طراحی فلت

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

به طور خلاصه سه نمونه از سبک طراحی فلت وجود دارد:

• طراحی مترو مایکروسافت (Metro Design)
• طراحی iOS 7 اپل
• طراحی متریال گوگل
• ویژگی های مهم طراحی تخت (Flat Design)

سادگی

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

زیبایی

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

رنگ ها

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

سایه ی بلند

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

فونت ها

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

نکات مثبت و منفی در طراحی فلت

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

نکات مثبت

سادگی

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

شفافیت

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

نکات منفی

مشکل انعطاف پذیری

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

مشکل تایپوگرافی (چیدمان حروف)

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

محدودیت

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

آینده طراحی فلت (طراحی تخت)

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

چگونه طراحی فلت را شروع کنیم

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