معرفی Material Design

نوشته شده توسط 
منتشرشده در آموزش طراحی سایت
یکشنبه, 14 شهریور 1395 ساعت 11:35
این مورد را ارزیابی کنید
(1 رای)

 کاربرد های Material Design

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

معرفی Material Design

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

هدف از طراحی و معرفی Material Design ترکیب اصول کلاسیک طراحی با امکانات و تکنولوژی های روز می باشد. همچنین متریال دیزاین تعادلی خاص میان زیبایی و کاربری ایجاد کرده و راه حلی مناسب برای تولید وب سایت های مدرن را ارائه میکند.

Material Design  گوگل

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

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

معرفی Material Design

در اوایل جولای 2015 (همین سه هفته پیش) گوگل فریم ورک جدید خود را، با نام Material Design Lite منتشر کرد. فریم ورک متریال دیزاین دارای قابلیت نصب آسان، بارگذاری راحت و حجم 25 کیلو بایت (به صورت فشرده) می باشد. متریال دیزاین شامل کتابخانه ای از کامپوننت ها و تم ها در قالب کد های HTML , CSS و Js می باشد.

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

نمونه قالب پنل مدیریت با Material Design:

معرفی Material Design

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

برای دسترسی به فریم ورک متریال دیزاین و دانلود منابع آن می توانید به منبع اصلی متریال دیزاین در سایت GitHub مراجعه کنید و یا مستقیما به سایت Material Design Lite رفته و آخرین نسخه را دریافت نمایید.

طراحی متریال در مرورگر های مدرن مانند اپرا، فایر فاکس، گوگل کروم و … به آسانی کار میکند. ولی در اینترنت اکسپلورر ورژن 9 کمی با مشکل روبرو است.

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

خواندن 177 دفعه

فروشگاه ساز طراحی وب سایت شرکت طراحی وب سایت خبری طراحی وب سایت تخفیف گروهی طراحی وب سایت آگهی طراحی وب سایت شخصی

آیا نیاز به مشاوره دارید؟

مشاوره طراحی وب سایت

با ما در تماس باشید

گروه طراحی وب پویا
طراحی وب سایت
031-36612265 , 09133045663 , 09129252046
info@webpouya.com

نظر مشتریان طراحی سایت

  • از پشتیبانی این شرکت در طول دو سال همکاری، رضایت کامل داشته و تلاششان در رابطه با طراحی سایت و بهینه سازی سایت ارزشمند است.
  • با توکل بر خدا و راهنمایی های جناب صداقت سایتم رو افتتاح کردیم. ایشان پس از طراحی همچنان پشتیبانی خدمات خود را دارند، وب پویا ممنونم.
  • گاهی اتفاقی با کسی آشنا می شوی که از راه و روش او پی به علاقه حرفه ای برای انجام کار متعهدانه اش می بری. من هم اتفاقی با این گروه آشنا شدم...
  • امکانات عالی و قیمت طراحی سایت ارزان باعث خرید ما از این سایت شد. وب پویا ممنونم و امیدوارم بتوانیم این همکاری را گسترش دهیم.
  • 1
  • 2
  • 3
  • 4