طراحی سایت

طراحی سایت نوتریکا ارائه دهنده بهترین خدمات طراحی سایت در ایران با پکیج های طراحی سایت شرکتی و طراحی سایت فروشگاهی و طراحی سایت شخصی و طراحی سایت اختصاصی

طراحی سایت

طراحی سایت نوتریکا ارائه دهنده بهترین خدمات طراحی سایت در ایران با پکیج های طراحی سایت شرکتی و طراحی سایت فروشگاهی و طراحی سایت شخصی و طراحی سایت اختصاصی

پیوندها

معرفی سرویس Google’s Material Design – بخش سوم

notrika webdesign | شنبه, ۱ خرداد ۱۳۹۵، ۰۸:۵۹ ق.ظ

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

معرفی سرویس Google’s Material Design – بخش سوم

کاربرد سرویس Google’s Material Design

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


منبع: معرفی سرویس Google’s Material Design – بخش سوم

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی