بررسی و مقایسه طراحی متریال و فلت

معرفی طراحی متریال و فلت

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

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

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

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

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

طراحی تخت در وب سایت

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

مزایای طراحی تخت

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

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

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

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

معایب طراحی تخت

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

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

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

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

سبک متریال دیزاین

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

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

مزایای طراحی متریال

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

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

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

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

معایت طراحی متریال

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

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

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

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

طراحی متریال و فلت

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