مطلب1

بازگشت به بلاگ

طراحی سایت و معرفی Material Design

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

 

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

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

آیا از Material Design در طراحی سایت و یا طراحی پورتال باید استفاده کرد؟

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

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

 

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

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

 

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

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

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

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

 
 

 

ورود

ثبت نام

  tele             logo-samandehi

3dsmax - سیستم هلپ فارسی

سیستم هلپ فارسی - متفرقه

اواس کلاس فارسی

وردپرس فارسی

آتلیه آگاه

بلاگ

درباره ما

تماس با ما

سوال و جواب

اخبار

شماره تماس : 

09190722512

021.26141553

ایمیل :

 
 

 Copyright ©2016 فروشگاه فایل آگاه سافت

این سایت در ستاد ساماندهی پایگاه‌های ایرانی ثبت شده و تابع قوانین جمهوری اسلامی ایران می‌باشد. تمام حقوق این وبسایت متعلق به آگاه سافت می‌باشد

(C) Copyright Aagahsoft.com 2016. All Rights Reserved.