لوگو گروه تبلیعاتی فورسی(4C) - 4C Advertising Logo

گروه تبلیغاتی فورسی(4C)

گروه تبلیغاتی فورسی(4C) ارائه دهنده انواع خدمات مشاور تبلیغاتی، برنامه نویسی و طراحی سایت،طراحی و اجرا طرح های گرافیکی، چاپ، هاستینگ، پنل ارسال پیام کوتاه انبوه و بسیاری از خدمات دیگر جهت بهتر دیده شدن برند شما می‌باشد.
می‌توانید برای کسب اطلاعات بیشتر و کسب مشاوره رایگان با ما تماس حاصل فرمایید.

09203189087
Info@4CGroup.Co
FourCGroupBot@
4C_Group

 

Material Design چه کاربردی دارد؟
زمان تخمینی مطالعه:‌ 4 دقیقه

Material Design

Material Design چه کاربردی دارد؟
زمان تخمینی مطالعه:‌ 4 دقیقه

معرفی Material Design و کاربرد آن

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

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

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

Material design از frame work های مختلف ایجاد شده است که ما در ادامه برخی از آن ها را به شما معرفی می کنیم:

Material design frame work

۱- Material design lite

۲- materialize

۳- MUI

۴-Polymer

۵- Material UI

Material design چه قواعدی دارد؟

برای اینکه بتوانید درک بهتری از material design داشته باشید و این طراحی برای سایت شما موثر تر باشد، شما باید چند قاعده را رعایت کنید. در ادامه این مقاله ما این قواعد را به صورت موردی به شما معرفی می کنیم:

Material Design

 

۱- metaphor و استفاده از آن در طراحی material design

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

در material design شما رنگ ها، ستون ها و آیکون ها را به گونه ای طراحی می کنید. که سایت شما در تمامی دستگاه هوشمند، فارغ از نوع سیستم عامل و ورژن سیستم عاملشان به یک شکل به نمایش دربیاید در واقع به این نوع طراحی، طراحی ریسپانسیو، آگاهانه یا سازگار گفته می شود.

۲- قاعده استفاده از حروف یزرگ، گرافیک و استفاده از عناصر چشم نواز

همواره در طراحی material design از حروف بزرگ استفاده می شود. حروف بزرگ می تواند توجه کاربران را به وب سایت شما بیش تر کند واین سبب شود کاربران از وب سایت شما هرچه بیش تر و بهتر لذت ببرند.

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

شما در این مدل از طراحی سایت با استفاده از نشانه ها و تاکید بر روی برخی از آیکون ها، کاربران را ترغیب به زدن دکمه های روی سایتتان می کنید و بر جذابیت های وب سایتتان را می افزایید.

Material Design

۳- قابل پیش بینی بودن حرکات

یکی از قاعده های اصلی که در طراحی متریال دیزاین وجود دارد. قابل پیش بینی بود حرکات است. معمولا در این نوع طراحی از حرکت غیرقابل پیشبینی صرف نظر می شود. همچنین در این طراحی کاربران به عکس العمل در برابر وب سایت تشویق می شوند.

Material design lite چیست؟

در اواسط سال ۲۰۱۵ شرکت گوگل یک frame work جدید با نام material design lite برای طراحان وب سایت ها ایجاد کرد. این frame work از دسته طراحی های UI است.

شرکت گوگل سعی کرده است این فریم ورک از material design را با استفاده از css، javascript و HTML خلق کند. برای همین شما قبل از استفاده از این فریم ورک در وبسایتتان باید css و javascript را بر روی سرور وب سایتتان نصب کنید.

material design lite به صفحه وب سایت شما کمک می کند که جذاب، زیبا و عملکردی به نظر برسد. همچنین وب سایت شما یک وب سایت responsive و سریع باشد. شما با داشتن این frame work می توانید آن را به سادگی نصب کنید و آن را بر روی وب سایت خود قرار دهید. همچنین حجم این frame work بسیار ناچیز است چیزی در حدود ۲۵ کیلوبایت.

اما دقیقا این frame work یا material design lite از چه چیزی تشکیل شده است؟ material design lite درست همانند یک کتابخانه می ماند که از یک سری قاب ها، تم ها و اجزاء یا component  ها تشکیل شده است. همچنین اجزاء این کتابخانه در قالب کد های css،js و html طراحی شده اند.

در واقع اجزاء این کتابخانه به جذابیت و کاربر پسند بودن بیش تر وب سایت شما کمک می کنند.

جالب است که بدانید Material design lite توسط گوگل به صورت رایگان برای تمامی کاربران گوگل قابل دسترس است.

Sending
User Review
5 (2 votes)
محمدسالار آدم زاده
محمدسالار آدم زاده

برنامه نویس و طراح وب به خصوص فرانت‌اند با استفاده از بروز ترین زبان‌های برنامه‌نویسی مانند PHP ،CSSes و ...

بدون نظر

ارسال نظر

نظر
نام
ایمیل
وب سایت