لی اوت در طراحی کلی،رویکرد طراحی متریال از اصول کلی طراحی در چاپ بهره برده است که خود گوگل یک منبع الهام بخش برای طراحی متریال است. تاکید زیادی بر ساخت رابط کاربری است که به خوبی در دستگاه های مختلف عمل کند و همان طور که می دانید اکنون این موضوع یک اصل مهم برای موفقیت اپلیکیشن ها است. توضیح تصویر: این تصویر به خوبی مفهوم عمق را در این طراحی را نشان می دهد. یکی از مفاهیم اصلی در این طراحی عمق سازی است. هنگامی که شما با طراحی متریال یک رابط کاربری را ایجاد می کنید می توانید از سایه ها، تضاد در رنگ ها و موقعیت سه بعدی استفاده کنید تا در رابط کاربری حس عمق را به خوبی ایجاد کنید. توضیح تصویر: نمونه ای برای درک مفهوم عمق در طراحی متریال: یک منو روی نوار ناوبری و محتوای اصلی. برای طراحان حرفه ای، راهنمایی که گوگل ایجاد کرده نکات پایه ای و کاملی را آورده است. صفحه زیر در راهنمای طراحی متریال بیشتر در مورد جزئیات نکاتی را آورده و برای شما منابعی را معرفی کرده تا آن ها را بیشتر آزمایش کنید: لینک راهنمای متریال دیزاین اگر ترجیح می دهید که از یک طراحی از پیش ساخته شده کار کنید می توانید از قالب سفید گوگل استفاده کنید: لینک دانلود طرح خام گوگل توضیح تصویر: نمونه ای از طراحی کامل. حرکت ها و انیمیشن ها حرکت ها همان طور که قبلاً در مثال کارت ها توضیح داده شد همراه با مواد ایجاد کننده صفحه کار می کنند. این حرکت ها هستند که طراحی متریال را زنده کرده اند. روان سازی انیمیشن ها هنگامی که شروع به یادگیری اصول طراحی می کنید، این موضوع یکی از اصول اصلی طراحی حرکت ها است. هنگامی که انیمیشن ها را روان می کنید در واقع تلاش می کنید تا آن ها را طبیعی تر کنید. در واقع به جای اینکه در کل انیمیشن از یک سرعت ثابت استفاده کنید ابتدا سرعت را زیاد و با نزدیک شدن به مقصد کم می کنید. این انیمیشنی است که همیشه به صورت طبیعی وجود دارد همانند نحوه حرکت یک اتومبیل قرار گرفته در ترافیک که همیشه در حال ترمز گرفتن و افزایش سرعت است. ساده ترین راه آشنایی بیشتر با این موضوع، دیدن نمونه های بیشتر است. منابع زیر برای این موضوع بسیار مناسب اند: لینک طرح ساخته شده توسط Suresh Selvaraj مرجع گسترده تر و دارای مثال های بیشتر واکنش گرایی هنگامی که کاربر با یک عنصر در صفحه ارتباط برقرار می کند آن عنصر داخل صفحه یک بازخورد ایجاد می کند اما در طراحی متریال هدف لذت بردن کاربر از بوجود آمدن آن بازخورد و همچنین ارائه یک چارچوب برای تعامل بیشتر کاربر با مواد طراحی است. زیبایی حرکت تعاملی این است که بازخورد با حرکت کاربر مطابقت داشته باشد که استفاده از محصول را بهبود می بخشد. زیباترین مثال در این باره موج دار شدن لمس یک دکمه است که یک برجسته سازی بصری هنگام تعامل با یک عنصر خاص است. مثال دیگر باز کردن یا گسترش عناصر است. هنگامی که یک عنصر خاص را برای گسترش دادن لمس کنید مواد تازه از نقطه ای که کاربر لمس کرده است گسترش می یابند. رشد یک عنصر احساسی طبیعی را برای شما ایجاد می کند هنگامی که تمام عناصر تازه دقیقا از مکانی که کاربر لمس می کند گسترش می یابند. انتقال بین رابط کاربری یکی از موارد مهم برای واکنش گرایی است که مهمترین گزینه برای ایجاد پیوستگی برای کاربر است. برای صفحات ورودی و خروجی، نقطه مبدا است که چارچوب را ایجاد می کند. رابط کاربری جدید می تواند به صورت پویا رشد و توسعه یابد که مجال زیادی برای ایجاد انتقال های زیبا و گسترده ایجاد می کند و مهمترین چیز این که می تواند به طراحی معنا ببخشد. الهام گیری در ادامه، مثال های زیبایی از طراحی متریال می بینید که توسط طراحان حرفه ای ایجاد شده اند. توضیح تصویر: گوگل – کاوش به سبک متریال توسط Aurélien Salomon توضیح تصویر: رابط کاربری آلارم متریال توسط طراح ایرانی احسان رحیمی توضیح تصویر: Aviasales L (طراحی متریال) توسط Mark M نتیجه این یک مقدمه کوتاه از طراحی متریال بود. اگر هر یک از خصوصیات متریال برای شما جالب است به شدت توصیه می شود تا برای ادامه دادن و یادگیری بیشتر از راهنمای گوگل استفاده کنید. طراحی متریال را به صورت خلاقانه مورد استفاده قرار دهید. بسیاری از مواردی که به آن اشاره شده همان دلایلی است که باعث خلق طرح های بزرگ می شوند. این ها فقط دستور العمل هستند ولی این افکار طراحان و خلاقیت آنها است که باعث ایجاد چنین طرح هایی می شوند. در ذهن خود یک طرح با استفاده از این راهنمایی ها ایجاد کنید تا رویکردی متفاوت تر از حد معمول ایجاد کنید و به عنوان یک طراح حرفهای شناخته شوید. و در آخر گفتار بنده حقیر طراحی رایط کاربری در موفقیت اپلیکیشن های شما نقش بسزایی ایفا می کند پس یا حرفه ای عمل کرده و طراحی رو به افراد حرفه ای بسپارید و اگر شرایط رو ندارید مثل خود بنده تلاش به افزایش دانش خودتون در زمینه طراحی و صفحه بندی داشته باشید که این خواندن و رعایت قوانین این پست قدم اول در این مسیر می باشد در پناه حق منابع طراحی فلت اصولی از طراحی رابط کاربری آشنایی با مفهوم متریال دیزاین گوگل