طراحی متریال و تاثیر آن روی طراحی و ساخت اپلیکیشن ها و سایت ها
سه اصل نور، سطح و حرکت، کلیدهای فهمیدن روش حرکت اشیا و در ارتباط بودن اشیا در فضا هستند. نورپردازی واقعی شکاف ها را مشخص می کند و فضاها را تقسیم می کند. همچنین قسمت هایی را که حرکت می کنند به ما نشان می دهد. درتولید اپلیکیشن موبایلاین موارد رعایت می شوند. گوگل نیز درطراحی اپلیکیشن موبایلاز آنها استفاده کرده است.
مقدمه:
طراحی متریال نوعی زبان دیداری است که دستورهای طراحی کلاسیک را با خلاقیت و تکنولوژی روز ترکیب می کند. سطوح و لبه ها در طراحی متریال آن طور که در واقعیت وجود دارند به نظر می رسند. استفاده از ویژگی های لمسی معمول به کاربر برای درک کارایی کمک می کند. سه اصل نور، سطح و حرکت، کلیدهای فهمیدن روش حرکت اشیا و در ارتباط بودن اشیا در فضا هستند. نورپردازی واقعی شکاف ها را مشخص می کند و فضاها را تقسیم می کند. همچنین قسمت هایی را که حرکت می کنند به ما نشان می دهد. درتولید اپلیکیشن موبایلاین موارد رعایت می شوند. گوگل نیز درطراحی اپلیکیشن موبایلاز آنها استفاده کرده است.
بخش هایی عمومی از طراحی متریال:
به طور کلی شما می توانید طراحی متریال را در دو بخش خلاصه کنید: 1- مواد و عناصر طراحی. 2- حرکت ها و انیمیشن ها مواد و عناصر.
طراحی این مواد زمینه طراحی ما را فراهم می کنند به طوری که سطوح و لبه های اشیا در طراحی متریال برای ما نشانه هایی بصری را ایجاد می کنند. اکنون می خواهیم این نوع طراحی را با زندگی واقعی مقایسه کنیم. ما ابعاد یک اتاق را به خاطر وجود دیوار ها می توانیم درک کنیم و همچنین چیدمان یک اتاق درک ما را نسبت به آن اتاق شکل می دهد. مثلاً شما به وضوح می توانید تفاوت بین آشپزخانه و اتاق نشیمن را درک کنید. این همان اصلی است که در طراحی متریال به کار می رود. ترکیب طراحی و محتوا، بافت طراحی را در فضای دیجیتالی برای کاربر همانند دیوار های فیزیکی و چیدمان اتاق ایجاد می کنند. اکنون کاربر درک بهتری از رابط کاربری دارد چون زبان متریال بافت کاملی را از طراحی رابط ایجاد کرده است.
توضیح تصویر:
کارت ها طراحی بافت ها را به خوبی نشان می دهند و آن ها عنصری هستند که در این طراحی بسیار از آن ها استفاده شده است. یک کارت محتوای خود را به خوبی با داشتن تعامل با دیگر کارت ها، در خود به نمایش می گذارد .مفهوم حرکت ها در طراحی متریال شرحی همانند موضوع قبلی دارد. این حرکت ها از طریق به جریان در آوردن اجزای اپلیکیشن، بافت طراحی را فراهم می‌کنند و با توجه به این که انیمیشن ها در همه جا وجود دارند، هیچ گاه کاربر احساس توقف در محتوا نمی کند. هیچ مانعی مانند تناقض در طراحی یا منوهای ناوبری گیج کننده در این نوع طراحی وجود ندارد.
اینجا این سوال پیش می آید که دقیقاً فعالیت این حرکت ها بر چه اساسی انجام می گیرد؟ پاسخ این سوال با آوردن یک مثال قابل توضیح است؛ در صفحه اصلی لیستی از کارت ها وجود دارد که با انتخاب یکی از کارت ها محتوای آن کارت به جای آن که به اندازه یک کارت در صفحه قرار گیرد به اندازه طول و عرض صفحه گسترش می یابد.
در این قسمت به خوبی می توانید کار مواد و حرکت ها را در طراحی درک کنید. در این بخش کارت به مانند ماده در طراحی است. هنگامی که کاربر در تعامل با آن قرار می گیرد، محتوای آن برای نمایش بیشتر با حرکت در صفحه گسترش می یابد. این ها پیوستگی کار را برای کاربر فراهم می کنند تا ببیند که ورودی آن ها چگونه رابط کاربری را تحت تاثیر قرار می دهند.
رنگ ها:
رنگ ها همچون اندازه، برای طراحان اهمیت دارند. بخش زیادی از تاثیر در احساس و ظاهر طراحی مربوط به این بخش است در عین حالی که با خود بار روانی برای کاربر ایجاد می کنند. رنگ ها می توانند این احساس را به وجود آورند که این طراحی قابل اعتماد یا هیجان انگیز یا علمی و ... است. در طراحی متریال ما به یک پالت رنگ گسترده دسترسی داریم که می توانیم به وسیله آن پایهطراحی اپلیکیشن موبایلرا ایجاد کنیم.
جمع بندی:
موارد اصلی طراحی (قابل چاپ) شامل متن، فضا، مقیاس، رنگ و استفاده از تصاویر مناسب و مربوط برای راهنمایی بیشتر بیننده است. کاری که موارد فوق انجام می دهند بیشتر از راضی نگه داشتن نگاه مخاطب است. این اصول تمرکز و یک روند مفهومی را انتقال می دهند. رنگ آمیزی های حساب شده، تایپ با اندازه های بالا و فضای سفیدی که از قصد قرار داده می شود، رابطه ای بین متن و گرافیک ایجاد می کند. این رابطه باعث جذب بیشتر مخاطب هنگام استفاده می شود. رنگ ها میتوانند این احساس را به وجود آورند که طراحی هیجان انگیز یاعلمی و … است. گوگل در طراحی متریال یک پالت رنگ گسترده را هم معرفی کرده که می توانید به وسیله آنطراحی اپلیکیشن موبایلیاطراحی سایتخود را پایه ریزی کنید.
مقدمه:
