فواید و معایب طراحی Flat

طراحی Flat چیست؟

حتماً درباره ی این طراحی، در سایت ها و بلاگ ها شنیده اید، که در لیست های ترند طراحی قرار گرفته است. این سبک بصری ساده، ریشه ای در طرح های مینیمال دارد و می تواند به فرم های مختلف در بیاید، به همین دلیل بهتر است که با آنچه نیست معرفی شود و سپس فواید و معایب طراحی Flat را در مقاله ای از زبان Janie Kliever باهم مطالعه کنیم.
طراحی Flat ، ۳D نیست، اسم این سبک از فرم ها و کیفیت های دوبعدی می آید، از جمله، اشکال flat و نبود جزئیاتی مانند سایه ها، هایلایت ها، و بافت ها، می باشد.
طراحی سکومورفیک نیست. طراحی فلت، جهت مقابله با طراحی Skeuomorphism به بازار آمد، یک سبک زیبایی شناسی که در تلاش بود شکل واقعی المان ها یا پروسه ها در دنیای واقعی را تقلید کند. Skeuomorphism از افکت های مختلف بسیاری مانند بافت های واقعی، رفلکت ها، فرورفتگی ها و برآمدگی ها، استفاده می کند.

محبوبیت استفاده از طراحی flat

طراحی Flat در سال های ۲۰۱۲ و ۲۰۱۳ به عنوان یک سبک در طراحی، شناخته شد. در این سال ها این ترند، به دلیل انتشار ویندوز ۸ و iOS7، بیشتر دیده شد و سریعتر گسترده شد.

فواید و معایب طراحی Flat

فواید و معایب طراحی Flat

از لایه مدولار ویندوز با بلوک های رنگی واضح تا اشکال تمیز و آیکون های ساده شده ی، استفاده شده در اپل، شما می توانید بعضی از تاثیراتی که انواع توسعه یافته ی طراحی فلت و انقلابی که این ترند، در طراحی ایجاد کرد؛ را داشته باشید.
یکی ار کارمندان در UXPin، که برای مجله ی طراحی Fast Co Design، می نویسد، به این نکته اشاره می کند که ” بهترین محل در انقلاب طراحی فلت، محلی بین ترند اصلی و نوع Skeumorphic، که در حال فراموش شدن بود، قرار داشت. ”
اما از آنجا که طراحی فلت چندین سالی است که همچنان باقی مانده و با قدرت به کار خود ادامه می دهد، این نوع طراحی، فراتر از یک ترند گذرا است. پس بیایید به فواید و معایب آن و محلی که در آینده به سمت آن پیش خواهد رفت، بپردازیم.

فواید

سازگاری با طراحی Responsive

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

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

فواید و معایب طراحی Flat

از طرف دیگر، سبک پر از جزئیات Skeuomorphism با بافت ها و سایه های بسیار، در کنار تصویرسازی هایی با اندازه های ثابت، معمولاً نمی توانند به خوبی اندازه کم کنند و دوباره در روش های مختلف بازدید، خود را جای دهند.
همانطور که Ryan Allen در شرکت طراحی Dapper Gentlemen، در مقاله خود به نام Flat2.0 بیان می کند، ” طراحی فلت، به گونه ای ساخته شده است که اندازه ها به صورت پویا، برای اندازه مناسب محتوا، بسیار ساده تر از طراحی هایی با یپکسل های کامل، تغییر اندازه می دهند.”

چهارچوب انعطاف پذیر

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

فواید و معایب طراحی Flat

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

تایپوگرافی های خوانا و تمیز

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

فواید و معایب طراحی Flat

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

فواید و معایب طراحی Flat

معایب

ضعف در قابلیت استفاده

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

فواید و معایب طراحی Flat

نبود عدم تمایز در طراحی flat

هر حرفه، برند، یا هر شخصی که به تنهایی برای یک پروژه طراحی برنامه ریزی می کند، می خواهد نتایج این طراحی، ویژگی های منحصربفرد خود را به نمایش بگذارند، حال چه برای یک وب سایت طراحی کنند، چه برای نرم افزار، کارت ویزیت، پوستر رویداد یا هرچیزی دیگری را طراحی کنند.
یکی از معایب طراحی فلت، ایستادگی بیش از اندازه بر سادگی و دقیق بودن طراحی سبک های بصری، اغلب به طراحی هایی منتهی می شود که بسیار به هم شبیه هستند. طراحانی که در حوزه طراحی فلت کار می کنند، انتخاب های محدودی در اصول و قواعد دارند که می توانند بر پروژه های خود وراد کنند.
برای مثال، این رابط کاربری موبایل نامرتبط که با Marco La Mantina و Simone Lippolis ( اولین عکس در زیر) و Luis Vaz (دومین) طراحی شده اند، هر دو از اشکال هندسی پایه ای که با لایه رویی سفید رنگ و فونت های Sans-Serif پوشش شده، همراه شده اند. هر دوی آن ها، حتی از تم رنگی یکسانی بهره برده اند.

فواید و معایب طراحی Flat

فواید و معایب طراحی Flat

تمرکز بیش از اندازه بر ترند های زیبایی شناسی

طراحی فلت معمولا در سر لیست ترندهای طراحی قرار می گیرد، و این روند همچنان ادامه دارد و این نوع طراحی یکی از انتخاب های محبوب برای طراحانی است که می خواهند کارهای خود را مدرن و همراه با تکنولوژی روز نشان دهند.
اما یکی از مشکلات این ترند، این است که بسیاری از طراحان، تنها برای اینکه با دیگر طراحان همراه شوند از آن استفاده می کنند؛ بدون اینکه دبراه ی کاربرد آن آگاهی داشته و از آن مطمئن باشند و همین مساله یک طراحی بدون هدف را منجر خواهد شد، مانند علاقه ای که طراحان برای ایجاد سایه های بلند در طراحی های فلت داشتند.
دو نمونه زیر از Alexander Lototsky و Erik Malmskold، مثال های معمولی از این ترند سایه های بلند هستند که بیشتر در تایپوگرافی ها و آیکون ها استفاده می شدند. هر دوی طراحی ها در سال ۲۰۱۳ انجام شده اند، که تازه طراحی فلت به زمره سبک های بصری جدید وارد شده بود.

فواید و معایب طراحی Flat

فواید و معایب طراحی Flat

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

فواید و معایب طراحی Flat

آینده ی طراحی فلت Flat 2.0

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

فواید و معایب طراحی Flat

طراحی متریال

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

فواید و معایب طراحی Flat

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

فواید و معایب طراحی Flat

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

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

به این مبحث بپیوندید

زمانی که شما روح و ایده ی پشت طراحی فلت (سادگی بصری) و skeuomorphism (آشنایی بصری)، را در نظر می گیرید، در می یابید که این دو موضوع می توانند در کنار هم، قرار بگیرند. مهم این است که، در سال های اخیر و در آینده، بتوان، بالانس خوبی بین این دو برقرار شود” UXPin از Fast Co Design.
آیا شما این تعادل بین طراحی فلت را می دانید؟ فکر می کنید که این نوع طراحی ماندگار خواهد بود یا آماده ی تغییر کردن است؟ افکار و ایده های خود را با ما در میان بگذارید.