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

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

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

انتشار 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 برای آن یک برنامه بومی سازی شده است.

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

مقالات مرتبط

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

آموزش طراحی سایت با لاراول در اصفهان آموزش طراحی سایت با لاراول در اصفهان مقالات طراحی وب سایت

پدیده تجارت

22 خرداد 1399

وسایل لازم برای یک آموزش کاربردی!!!؟ وسایل لازم برای یک آموزش کاربردی!!!؟ مقالات طراحی وب سایت

پدیده تجارت

02 آذر 1393

سیستم مدیریت محتوا چیست ؟ سیستم مدیریت محتوا چیست ؟ مقالات طراحی وب سایت

پدیده تجارت

01 مهر 1392

مدل کانو (kano) چیست و چه مزایایی دارد؟ مدل کانو (kano) چیست و چه مزایایی دارد؟ مقالات تجارت الکترونیک

پدیده تجارت

05 تیر 1399

آموزش فتوشاپ ویژه اینستاگرام در اصفهان آموزش فتوشاپ ویژه اینستاگرام در اصفهان مقالات تجارت الکترونیک

پدیده تجارت

30 اردیبهشت 1399

معایب و سوالات رایج وردپرس معایب و سوالات رایج وردپرس مقالات سئو

پدیده تجارت

16 فروردین 1401

مزایای شرکت برنامه نویسی ios در اصفهان مزایای شرکت برنامه نویسی ios در اصفهان مقالات

پدیده تجارت

01 مهر 1397

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

پدیده تجارت

29 خرداد 1396

تولید محتوا در اصفهان تولید محتوا در اصفهان مقالات سئو

پدیده تجارت

28 مرداد 1396

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

پدیده تجارت

21 فروردین 1401

متریال دیزاین (Material Design) چیست ؟ متریال دیزاین (Material Design) چیست ؟ مقالات طراحی وب سایت

پدیده تجارت

31 تیر 1399

آموزش افترافکت در اصفهان آموزش افترافکت در اصفهان مقالات برندینگ

پدیده تجارت

24 اسفند 1400

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

0

0 0 رای ها
امتیازدهی به مقاله
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها