طراحی مسطح Flat Design

flat-design-min_6_11zon

با انیمیشن و افکت ­های پر زرق و برق 3Dخداحافظی کنید. مد تازه­ای بابِ روز شده است: (طراحی مسطح Flat design).

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

 وجه تسمیه

نام این سبک از کیفیت دو بعدی ­اش می­آید، که شامل تصاویر تخت و جای خالی جزئیات است- یعنی همان چیزهایی که به اثر عمق و بعد می­بخشند- مانند: سایه ­ها، سیاه­ روشن­ ها و بافت.

 ما واقع گرا نیستیم!

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

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

 دلیل استفاده از طراحی مسطح

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

flat-desgin-min_11_11zon

 قواعد بنیادین

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

محاسن و مزایای طراحی مسطح

  1. طراحی مسطح بسیار مورد پسند عامه است.
  2. با تلفن­ های همراه به سادگی سازگار می­شود.
  3. رنگ­های درخشانش حال و هوای مخاطب را به شکل مثبتی عوض می­کند. بعلاوه رنگ­های زنده و براق آن، تفکیک بخش­ها از یکدیگر را آسان می­سازند و تصاویر را قابل فهم می­کنند.
  4. کنتراست را مد نظر خود قرار می­دهد. استفاده از کنتراست بالا در این شیوه از طراحی، کار را برای خلق تصاویر مینی­مالیستی و اشکالی که با وجود دوری از واقع نمایی به راحتی باز شناخته می­شوند، هموار می­سازد.
  5. بر (تایپوگرافیTypography) عالی متمرکز است. غیاب سایه­ ها و دیگر افکت­ها خواندن متن را در فلت دیزاین ساده­ تر ساخته است.

       برای آشنایی بیشتر با تایپوگرافی می­توانید به سایت مدرسه­ ایده مراجعه و در دوره­ طراحی حروف و تایپوگرافی این موسسه ثبت نام نمایید.


  1. تصاویرش واضح و شفاف اند.
  2. از تزئینات ملالت بار بر حذر می­دارد.
  3. چاچوب انعطاف پذیری دارد. هر چه می­خواهید اسمش را بگذارید- گرید، کارت، طرح یا قالب- بسیاری از طراحی ­های مسطح معمولا ترکیب بندی­یی دارند که توسط اشکال هندسی متحد الشکل سازمانده شده است. در این شیوه از طرح­بندی، هر اِلِمان طراحی جایگاه مخصوص خود را دارد که سبب می­شود خوانایی اثر و یافتن مسیر به سرعت انجام پذیرد.
flat-design-site-min_10_11zon

معایب و کمبودهای طراحی مسطح

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

  1. نگرانی­ هایی در باب کاربران: همه­ کاربران با این سبک از طراحی راحت نیستند و گاهی وقت­ها نمی­دانند که بر روی چه و کجا باید کلیک کنند یا ضربه بزنند. به عنوان مثال، دکمه­ ها در طراحی مسطح درست شبیه هر اِلمِان دیگری هستند بدون برجستگی­یی که کاربر به وسیله­ آن بفهمد این یک دکمه است و می­شود بر رویّش کلیک کرد.
  2. پالتِ رنگ­ها تطابق را دشوار می­سازد. هر چه در یک پروژه از رنگ­های بیشتری استفاده شود، ایجاد هم خوانی میانشان دشوارتر خواهد بود.
  3. تایپوگرافی­های ضعیف بیشتر به چشم می­آیند. به همان نسبت که طراحی مسطح به ایجاد تمرکز بر تایپوگرافی خوب کمک می­کند، به همان میزان می­تواند سبب شود که یک تایپوگرافی بد بیشتر توی چشم بزند.

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

  1. بعضی اوقات زیور بندی لازم است. همه­ تزئینات هم بد نیستند. اما طراحی مسطح دست طراح را در استفاده از برخی ترفندها می­بندد و او را محدود می­سازد.
  2. فقدان تمایز: هر کسب و کار، برند یا طرح ریزی فردی، در یک پروژه­ی طراحی انتظار دارد با اثری مواجه شود که توانمندی­های منحصر به فردش را به نمایش می­گذارد- خواه در قالب وب سایت باشد، اپلیکیشن، کارت ویزیت، پوستر رویدادها یا هر چیز دیگری.
  3. یکی از نکات منفی طراحی مسطح، الصاقش به سبکی بصری است که واجد سادگی بیش از حد و در مقابل تعین اندک است. در نتیجه، اغلب با طراحی ­هایی مواجه می­شویم که بسیار شبیه به هم به نظر می­رسند. طراحانی که در سبک مسطحِ تام کار می­کنند، در پروژه ­های خود انتخاب­های محدودی برای بکار گیری اصول و قواعد دارند و این مساله دستشان را می­بندد.
  4. تمرکز بیش از حد بر زیبایی شناسی بابِ روز: فلت دیزاین معمولا در صدر فهرست ­ها جای دارد، چرا که هنوز هم انتخاب محبوبی در نزد طراحانی است که می­خواهند آثارشان مدرن یا بازتاب دهنده­ تکنولوژی روز جلوه کند. اما یکی از معضلات مدهای روز این است که برخی طراحان تنها به منظور پیروی از پسند عامه­ی مردم از آن­ها بهره می­برند، بی آنکه به راستی درباره­ کاربردش اندیشیده باشند. این امر می­تواند به ارائه­ محصولات طراحی بی هدفی بینجامد. به عنوان نمونه می­شود از شیفتگی بیش از حد طراحی­ های مسطح نسبت به سایه ­های بلند یاد کرد بی آنکه در تمام این موارد پر شمار کارکردی داشته باشد.

سخن آخر

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

دیدگاهتان را بنویسید

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