• Telegram
  • Google Plus
  • Linked In

آیکون‌های سیستمی‌

آیکون‌های سیستمی‌

تاریخ درج: خلاصه

آیکون‌های سیستمی‌

آیکون‌های سیستمی‌

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

اصول طراحی‌
شکل‌ها درشت و هندسی میباشند
هندسه و سازگاری شکل‌ها به ایکون یک کیفیت منحصر به فرد میدهد و در عین حال آن را ساده و قوی نگاه می‌دارد

ساده

شهودی

قابل اکشن

سازگاری
grid, تناسب و اندازه
grid واحد dp

ایکون‌های سیستمی‌ در ۲۴dp نمایش داده میشوند. به هنگام ساخت این ایکون ها، اهمیت دارد که طراحی‌ در مقیاس ۱۰۰% دقت پیکسل ساخته شود و همچنین به منظور افزایش دقت زوم شود.

مقیاس ۱۰۰%

مقیاس ۸۰۰%
grid برای ایکون
grid برای ایکون به منظور بهینه سازی دقت و سازگاری به وجود آمده است تا بتوان مجموعه‌ای از قوانین جده سازی المان‌ها را به درستی‌ ایجاد نمود. این استاندارد سازی موجب به وجود آمدن یک سیستم منعطف و در عین حال منسجم میشود.

Grid

Keylines
محدوده محتوا
محتوای یک ایکون باید درون محدوده زنده باقی‌ بماند. این محتوا تنها میتواند تا مرز‌ها کشیده شود، اما تنها در صورتی‌ که نیاز به بار بصری بیشتری باشد. هرگز بخشی از ایکون را خارج از این محدوده قرار ندهید.

محدوده زنده
محتوای ایکون محدود به محوطه زنده ۲۰ در ۲۰ dp با ۴px کادر می‌باشد.

محدوده کادر
۴px فضای‌ خالی‌ دور محدوده زنده ۲۰ در ۲۰ dp به عنوان کادر وجود دارد.
شکل‌های کلیدی
شکل‌های کلیدی پایه grid میباشند. با استفاده از این شکل‌ها به عنوان راهنما، شما قادر خواهید بود تا یک تناسب بصری سازگار در سیستم ایکون‌ها به وجود آورید.

مربع - طول ۱۸dp و عرض ۱۸dp

دایره - قطر ۲۰dp

مستطیل عمودی - طول ۲۰dp و عرض ۱۶dp

مستطیل افقی - طول ۱۶dp و عرض ۲۰dp
هندسه
استاندارد‌های از پیش تعیین شده برای شکل‌های کلیدی وجود دارد: دایره، مربع، مستطیل، خطوط قائم و اریب. این پالت کوچک جهانی‌ و ساده المان‌ها به منظور یک پارچه سازی سیستم ایکون‌های گوگل و سیستم دار کردن جایگاه قرار گیری بر روی grid ایکون ارائه شده است.

ساختار

آرایش



تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In