یک فنجان مشاوره
مهـمـان مــا باشیـد

شـمـــاره تــمــاس
031-36628509

متریال دیزاین چیست؟

انتشار 15 فروردین 1401
دیدگاه ها 0
زمان تقریبی مطالعه
گردآوری پدیده تجارت

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

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

متریال دیزاین چیست؟

متریال دیزاین (Material Design) چیست؟

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

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

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

متریال دیزاین چیست؟

اصول و قواعد  متریال دیزاین چیست؟

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

مشابه آنچه ما در طراحی وب  سایت اصول  و ساختار مشخصی داریم که باید از آنها پیروی کنیم ، Material Design هم اصول  خاص خود را دارد:

 1 -ماده استعاره است  (Material is the metaphor)

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

این بدان معنی است که دکمه های روی صفحه باید مانند دکمه های زندگی واقعی به نظر برسند ، عناصر باید سایه داشته باشند و “اصول نور ، سطح و حرکت” باید رعایت شوند.

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

2 – مطالب توپر، گرافیکی و طراحی جذاب (( Content is bold, graphic, and intentional

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

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

 3- حرکت معنی می دهد( Motion provides meaning)

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

چرا باید از طراحی متریال استفاده کرد؟

مانند هر سیستم طراحی کاملاً مستقر ، استفاده از Material Design چندین مزیت مهم دارد که طراحان باید آنها را در نظر بگیرند.

Material Design در واقع یک اکوسیستم کامل طراحی   است وبرای مدیریت آن مجموع قوانین جامع ارائه  می دهد.

استفاده از رنگ در متریال دیزاین

رنگ به بیان سلسله مراتب ، ایجاد حضور نام تجاری ، معنا بخشیدن و نشان دادن حالات عنصر کمک می کند.

·         سلسله مراتب

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

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

·          نام تجاری

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

·         نشان دادن تعامل

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

·         نشان دادن انتخاب

برای تأکید بر عناصر انتخاب شده ، از تضادهای رنگی شدید روی این عناصر استفاده کنید.

طراحی متریال  درGoogle

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

متریال دیزاین چیست؟

فلت دیزاین در مقابل متریال دیزاین:

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

  • طراحی بدون سر و صدا و بدون حواس پرتی
  • خوانایی بالا با تایپوگرافی روشن
  • بارگیری سریعتر در مرورگرها و برنامه ها

معایب طراحی فلت:

  • کمبود عمق باعث می شود عناصر کمتر کلیک شوند
  • طراحی خلاقانه و برجسته تر کردن سخت تر است
  • هیچ راهنمای طراحی مانند سایر سیستم های طراحی وجود ندارد

مزایای متریال دیزاین:

  • رابط یکپارچه و ساده
  • اصول و اهداف ثابت را برای طراحان فراهم می کند
  • در محور Z عمق ایجاد می کند
  • از حرکت برای نشان دادن اتفاقات روی صفحه به کاربران استفاده می کند

معایب متریال دیزاین :

  • عناصری مانند دکمه های عملکرد شناور می توانند زائد باشند
  • طرح ها فقط برای دستگاه های Android معتبر هستند
  • به شدت با Google همراه است و فضای کمتری برای مارک تجاری دارد

نتیجه گیری

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

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

مقالات مرتبط

شاید علاقمند به دیدن این مقالات نیز باشید
(آرشیو کامل)

نکات مهم در مورد سیستم عامل ios که لازم است بدانید! نکات مهم در مورد سیستم عامل ios که لازم است بدانید! مقالات موبایل

پدیده تجارت

19 تیر 1397

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

پدیده تجارت

23 آبان 1398

مشاوره تخصصی وب برندینگ در اصفهان (Branding & Web Branding) مشاوره تخصصی وب برندینگ در اصفهان (Branding & Web Branding) مقالات برندینگ

پدیده تجارت

04 خرداد 1396

وردپرس چیست ؟ وردپرس چیست ؟ مقالات تجارت الکترونیک

پدیده تجارت

16 فروردین 1401

ضرورت طراحی وبسایت در کسب وکار ضرورت طراحی وبسایت در کسب وکار مقالات طراحی وب سایت

پدیده تجارت

16 آبان 1398

برقراری اتصال اندروید به سرور برقراری اتصال اندروید به سرور مقالات موبایل

پدیده تجارت

04 بهمن 1397

چگونه در اندروید استودیو، Toolbar سفارشی طراحی کنیم؟ چگونه در اندروید استودیو، Toolbar سفارشی طراحی کنیم؟ مقالات موبایل

پدیده تجارت

23 اردیبهشت 1397

ورکشاپ (workshop) چیست؟! ورکشاپ (workshop) چیست؟! مقالات طراحی وب سایت

پدیده تجارت

20 مهر 1393

سئو و بهینه سازی وب سایت سئو و بهینه سازی وب سایت مقالات سئو

پدیده تجارت

07 تیر 1396

آموزش طراحی سایت با MVC آموزش طراحی سایت با MVC طراحی وب سایت

پدیده تجارت

23 دی 1398

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

پدیده تجارت

26 خرداد 1398

تاثیر رنگ ها در طراحی وب سایت تاثیر رنگ ها در طراحی وب سایت مقالات طراحی وب سایت

پدیده تجارت

04 شهریور 1396

دیدگاه کاربران

0

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
پشتیبانی آنلاین است
ارسال در واتساپ