آموزش متریال دیزاین در وب قسمت اول

آموزش متریال دیزاین قسمت اول

  Materialize مجموعه ای از رابط های کاربری ساخته شده با CSS و HTML و Javascript است.با استفاده از این ابزار می توانید به سادگی و با جذابیت هر چه تمامتر به طراحی و کدنویسی بپردازید.Materialize از قواعد و اصول استاندارد در زمینه وب برخوردار است و پشتیبانی خوبی بر روی مرورگرهای بروز و مدرن دارد. این ابزار به شما کمک می کند که سایتهایی متریال و زیبا، سریع و واکنشگرا بسازید.این ابزار از Google Material Design ایده گرفته و از روی قواعد مربوط به آن ساخته شده است.

خصوصیت های که در این قسمت از آموزش کار خواهید کرد :
1- متریال چیست :

متریال دیزاین بیش از حد به سیستم گرید و انیمشین‌ها اهمیت می‌دهد و عمق و سایه‌ها برای المان‌های طراحی شده بسیار مهم است. شاید بتوان گفت ورژن بروز شده طراحی تخت (Flat Design) باشد اما خیلی زیباتر با انیمییشن‌ها و  Transition های بسیار زیبا و در عین حال پیچیده. خود گوگل ادعا دارد که زبان جدید طراحی آنها، الهام گرفته از مرکب و کاغذ است. یکی از طراحان مشهور جهان به نام Matias Durate میگوید همانگونه که اجسام در دنیای واقعی قابل حس هستند و طول و عرض و ارتفاع دارند در این نوع طراحی دیجیتال هم باید همین حس‌ها را منتقل کرد.
2- قرار دادن فایل های متریال در html:

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

در این قسمت یک مثال ساده ,ساخت دکمه به همراه افکت خاصت را توضیح میدهیم

توجه: پیش نیاز این دوره درک متوسطی از html و css است.تمام فایل های که باید با متریال کار کنید در کنار فایل آموزشی قرار دارد.

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