bg single
خانه مقاله ها طراحی فلت چیست و مزایا و معایب آن
product-introduction-image

طراحی فلت چیست و مزایا و معایب آن

comment image 0 دیدگاه
comment image 28 مهر 1401

نویسنده : پشتیبان

دسته بندی : مقاله ها

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

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

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

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

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

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

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

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

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

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

مترو مایکروسافت - طراحی فلت چیست و مزایا و معایب آن

در نهایت طراحی فلت در سال 2013 وقتی اپل iOS 7  را معرفی کرد و تمام آیکون ها و فونت های قبلی خود را به طراحی فلت تغییر داده بود وارد مرحله ی جدیدی شد.

ios 7 100274736 orig - طراحی فلت چیست و مزایا و معایب آن

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

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

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

– طراحی مترو مایکروسافت (Metro Design)
– طراحی iOS 7  اپل
– طراحی متریال گوگل

ویژگی های مهم طراحی تخت (Flat Design)

سادگی

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

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

 زیبایی

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

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

رنگ ها

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

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

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

سایه ی بلند

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

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

فونت ها

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

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

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

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

نکات مثبت

سادگی

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

شفافیت

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

نکات منفی

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

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

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

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

محدودیت

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

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

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

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

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

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

 

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای: 0

کلمات کلیدی: __
برای ارسال نظر باید ثبت نام / ورود به حساب کاربری کنید.
آخرین دیدگاه های شما
هنوز کسی نظری نداده ! تو اولین نفر باش

هر هفته بهترین مقالات و تخفیف های ویژه را ایمیل می کنیم. برای دریافت، به کلوپ ۲۰۰۰۰ نفری ما بپیوندید.



جشواره فروش ویژه (99 هزار تومانی) مدت محدود (همه دوره ها 99 هزار تومان)

0 روز 0 ساعت 0 دقیقه 0 ثانبه!