VIP آشنایی با طراحی و رنگ‌های فلت و متریال

  • شروع کننده موضوع mah.s.a
  • بازدیدها 176
  • پاسخ ها 9
  • تاریخ شروع

mah.s.a

۰•● ملکه الیزابت ●•۰
مترجم انجمن
عضویت
2019/08/24
ارسالی ها
4,490
امتیاز واکنش
10,641
امتیاز
921
با توجه به اینکه اطلاع زیادی در مورد این موضوع ندارم، این مطالب جمع آوری دانسته‌های دوستانم و اینترنته، پس اگر اشکال یا ایرادی داشت خوشحال میشم بگید تا رفع بشه. :aiwan_lggight_blum: :aiwan_light_heart:




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

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

طراحی مترو مایکروسافت

طراحی مترو مایکروسافت
 
آخرین ویرایش:
  • پیشنهادات
  • mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    در نهایت طراحی فلت در سال 2013 وقتی اپل iOS 7 را معرفی کرد و تمام آیکون ها و فونت های قبلی خود را به طراحی فلت تغییر داده بود وارد مرحله ی جدیدی شد.

    <yoastmark


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

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

    به طور خلاصه سه نمونه از سبک طراحی فلت وجود دارد:
    طراحی مترو مایکروسافت (Metro Design)
    طراحی iOS 7 اپل
    طراحی متریال گوگل
    ویژگی های مهم طراحی تخت (Flat Design)
    سادگی
    طراحی فلت به خاطر عدم استفاده از طرح ها و افکت های سه بعدی مانند گرادینت ها یا رنگ های تدریجی، تکسچر ها یا طرح بافت دار، هایلایت ها و سایه ها به این نام نامگذاری شد. سبک طراحی فلت بر اساس طرح دو بعدی است و در آن طرح های پیچیده جای خود را به سبک بسیار ساده فلت دادند. اغلب اوقات ما در این طراحی فقط سایه ای از آبجکت مورد نظر را نشان می دهیم بدون کوچکترین توجهی به جزئیات.

    سادگی

     

    mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    زیبایی:
    هنگامی که از طراحی فلت در آیکون و UI استفاده می شود چه در نرم افزار های برداری (مثل الوستریتور و کورل دراو) و چه نرم افزار های رستر یا پیکسلی (مثل فتوشاپ)، عناصر باید به صورت واضح و دقیق به کار بـرده شوند. در تصویر زیر که در نرم افزار فتوشاپ طراحی شده است، همه چیز به صورت دقیق بر مبنای پیکسل طراحی شده است. و می بینید که به چه زیبایی طراحی شده اند.

    آیکون فلت


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

    رنگ


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

    mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    سایه ی بلند:
    همانطور که در بالا اشاره کردیم طراحی فلت باید ساده باشد و از افکت های پیچیده در آن باید خودداری کنیم. با این حال یک افکت وجود دارد که از دل طراحی فلت بیرون آمده و یکی از ویژگی های مهم طراحی فلت به شمار می رود.
    سایه بلند فلت
    سایه بلند فلت:
    ما داریم در مورد سایه بلند صحبت می کنیم. سایه ی بلند چند ویژگی خاص دارد که آن را متمایز می کند. زاویه مورد نظر باید 45 درجه باشد و طول سایه باید از آبجکت مورد نظر بیشتر باشد تقریبا دو برابر.
    استفاده از سایه بلند واقعا زیبایی بسیار زیادی به کار می بخشد. سایه بلند باعث می شود که یک آبجکت سه بعدی به نظر بیاید در حالی که هنوز شکل و شمایل طراحی تخت خود را حفظ کرده است.
    فونت ها:
    تایپوگرافی نقش بسیار مهمی را در طراحی فلت بازی می کند. معمولا از فونت های ساده در طراحی فلت استفاده می شود (البته این به اون معنی نیست که ما نمی توانیم از فونت های پیچیده استفاده کنیم فقط باید دقت کنیم که فونت با آبجکت های ما همخوانی داشته باشد.) چون همانطور که قبلا هم اشاره کردیم طراحی فلت به سادگی اهمیت زیادی می دهد. برای استفاده از حروف انگلیسی در طرح های خود بهتر است از حروف بزرگ استفاده کنید. فونت ها را با دقت انتخاب کنید. فونت باید با آبجکت ها هماهنگ باشد نه اینکه مانند یک عنصر جدا بر روی طرح به نظر برسد.

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

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

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

    mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    نکات منفی:
    مشکل انعطاف پذیری:
    گاهی اوقات نبود جزئیات اضافی و جلوه های بصری باعث می شود که طرح ما پاسخگوی نیاز مخاطب نباشد. همه ی کاربران با این سبک طراحی راحت نیستند چون ممکن است برای آن ها مشکل باشد که بتوانند عناصر قابل کلیک بر روی یک صفحه وب سایت یا یک برنامه موبایل را پیدا کنند.

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

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

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

    آینده


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

    mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    نمونه هایی از پالت رنگ فلت و کد رنگ‌ها

    کد های رنگ فلت
    ۳bb226
    کد های رنگ فلت
    ۲۶a65b
    کد های رنگ فلت
    ۱bbc9b

    کد های رنگ فلت
    ۰۱۹۸۷۵
    کد های رنگ فلت
    ۲۹۸۰b9
    کد های رنگ فلت
    ۰۰۷۷aa
    کد های رنگ فلت
    ۳۴۹۸db
    کد های رنگ فلت
    ۵۹abe3
    کد های رنگ فلت
    c0392b
    کد های رنگ فلت
    e74c3c
    کد های رنگ فلت
    ۸e44ad
    کد های رنگ فلت
    bf55ec
    کد های رنگ فلت
    d2527f
    کد های رنگ فلت
    f5ab35
    کد های رنگ فلت
    ۶c7a89
    کد های رنگ فلت
    ۹۵a5a6
    کد های رنگ فلت
    ۳۴۴۹۵e
    کد های رنگ فلت
    ۲c3e50
    کد های رنگ فلت
    ۹۱۳D88
    کد های رنگ فلت
    ۶۷۴۱۷۲
    کد های رنگ فلت
    ۸۷D37C
    کد های رنگ فلت
    ۱BA39C
    کد های رنگ فلت
    ۶C7A89
    کد های رنگ فلت
    F9690E
    کد های رنگ فلت
    ۱E824C
    کد های رنگ فلت
    ۲ECC71
    کد های رنگ فلت
    ۱F3A93
    کد های رنگ فلت
    BE90D
    کد های رنگ فلت
    DB0A5B
    کد های رنگ فلت
    ۴۱۸۲b6
    کد های رنگ فلت
    ۴۱b691
    کد های رنگ فلت
    da4453
    کد های رنگ فلت
    ۴۸cfad

    کد های رنگ فلت
    ۵d9cec
     
    آخرین ویرایش:

    mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    با توجه به قابلیت های این طراحی سایت، مدل فلت بیشتر مورد استقبال قرار گرفته و خیلی محبوب است. مهمترین ویژگی آن هم این است که در برابر تغییرات و یا عملکردهای دستکاری شده مقاومت می کند. این مساله باعث شده است که سایت با سرعت بالاتر بارگذاری شود حتی بدون در نظر گرفتن وضوح صفحه نمایش. کاربران همیشه از این موضوع راضی بودند. چنین طراحی سایتی را یک روش ساده گرا می دانند که بیشتر هم روی کارآمدی تاکید دارد تا اینکه به واقعیت نزدیک باشد. نیز دارای فضاهای خالی زیاد، عناصر دو بعدی با لبه های تیز و رنگ های روشن است. شرکت مایکروسافت اولین شرکتی بود که اینگونه طراحی را پیاده سازی کرد تا به رقابت با طراحی واقع گرای IOS بپردازد و به جای وارد کردن عناصر دنیای واقعی در طراحی ، تفاوت تکنولوژی و اشیای قابل لمس را به کاربر انتقال دهد.

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

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

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

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

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

    mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    معمولا برای طراحی سایت از این دو سبک مشهور یعنی طراحی فلت یا تخت (Flat Design) و متریال دیزاین (Material Design) استفاده می شود .
    طراحی متریال و فلت بر اساس دیدگاه های مشترک شکل گرفته اند اما یکی از آنها کاملا جدید و دیگری در حال تبدیل شدن به یک مد زود گذر می باشد. طراحی تخت در مرور زمان و خود به خود رشد کرده است در صورتی که متریال دیزاین شامل قوانینی تدوین شده می شود که به یک سبک طراحی بی نظیر ختم می شود و البته مورد تائید بسیاری از کمپانی های مشهور از جمله گوگل است !

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

    در این روش سعی می شود که رنگ ها و فضا تا حد امکان نزدیک به طبیعت طراحی شود که نمونه ی این موضوع را در بسیاری از برنامه های آیفون و برخی از سایت ها نیز مشاهده کرده ایم .

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

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

    مزایای طراحی تخت
    امکان به کار گیری راحت در طراحی سایت های واکنش گرا

    حذف موارد غیر ضروری مانند سایه ها و کاهش حجم صفحات برای افزایش سرعت بارگذاری

    حذف المان های غیر ضروری در طراحی برای ساده تر شدن روند طراحی سایت

    نبودن عناصر اسکیومورفیک برای درک مطالب سایت برای کاربران مبتدی

    معایب طراحی تخت
    محدود بودن به اشکال و آیکون های ساده و رنگ های یکنواخت

    تکرار و یکنواخت بودن پروژه ها

    عدم تامین نیاز برخی از وب سایت ها که نیاز به گرافیک سنگین و پیچیده دارند

    کمبود برجستگی ها و حاشیه ها برای جلب توجه کاربران و تشویق آنها به کلیک کردن

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

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

    مزایای طراحی متریال
    آسان تر شدن تعامل با کاربر با نمایش های سه بعدی

    وجود دستور العمل های مشخص برای طراحی

    امکان یکپارچه بودن طرح سایت و اپلیکیشن

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

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

    دشوار بودن تغییرات در چهار چوب اولیه

    سریع تر خالی شدن باتری موبایل به دلیل استفاده از انیمیشن ها

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

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

    mah.s.a

    ۰•● ملکه الیزابت ●•۰
    مترجم انجمن
    عضویت
    2019/08/24
    ارسالی ها
    4,490
    امتیاز واکنش
    10,641
    امتیاز
    921
    نتیجه گیری: متریال دیزاین بهتر است یا فلت دیزاین؟
    طراحی متریال یک تغییر مسیر از طراحی تخت به حساب نمی آید، بلکه هر دو سبک طراحی از یک نوع زیبایی شناختی یکسان استفاده میکنند. رابط های کاربری در طراحی متریال را می توان نوعی رابط کاربری در طراحی تخت دانست در صورتی که انیمیشن های طراحی شده از طریق طراحی متریال بسیار مورد علاقه بوده و به سایت ها و اپلیکیشن ها جلوه ای دوستانه تر میبخشد. می توان این دو سبک طراحی را ترکیب کرد و از مزایای هر یک بهره برد.

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

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