گرافیک گرافیک رابط کاربری هنرهای تجسمی

آیکن‌های میان‌بر اپلیکیشن

میان‌برهای اپلیکیشن، از ویژگی‌هایی است که گوگل از آپدیت ۷.۱.۱ اندروید در دسترس کاربرانش قرار داده است. این میان‌برها بی‌نیاز از ورود به اپلیکیشن، امکان دسترسی مستقیم، آسان و سریع را به حداکثر چهار امکان/ عملکرد آن اپلیکیشن فراهم می‌سازد. همچنین هر یک از این میان‌برها می‌توانند به صورت تکی روی صفحه خانه دستگاه شما قرار گیرد. در ادامه به ارائه توضیحات بیشتر درباره طراحی آیکن‌های میان‌بر اپلیکیشن‌ها می‌پردازیم. با ما همراه باشید.

این میان‌برها بسته به مکان آیکن اپلیکیشن نمایش داده می‌شوند. برای مثال، میان‌برها در آیکن‌هایی که نزدیک به گوشه سمت چپ صفحه هستند، در سمت راست آنها باز می‌شوند.

از اپلیکیشن‌هایی که دارای این ویژگی هستند می‌توان به نمونه‌های زیر اشاره کرد:

  • Google Maps
  • Google Play Music
  • Google Photos
  • Google Drive
  • Chrome
  • YouTube
  • Evernote
  • Twitter

میان‌بر اپلیکیشن‌ها با لمس طولانی آیکن هر اپلیکیشن پدیدار می‌شوند.

آیکن‌های میان‌بر اپلیکیشن

دستورالعمل‌های زیر شما را در ساخت میان‌برهای اپلیکیشن با استفاده از آیکن‌های استاندارد، آواتارهای تکی و آواتارهای گروهی راهنمایی خواهند کرد.

حداکثر چهار میان‌بر می‌توانند به صورت همزمان نشان داده شوند. ترتیب قرار گیری این میان‌برها می‌تواند توسط خود شما تعیین شود.

آیکن میان‌بر

آیکن‌های میان‌بر دایره‌ای شکل و حاوی یک آیکن سیستم استاندارد و یا حداقل یک آواتار هستند. محتوبات آیکن باید داخل منطقه حاشیه* (Trim Area) باقی بماند (یعنی از مجموع فضایی که برای آیکن در نظر گرفته شده است خارج نشود).

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

اندازه‌ها

منطقه اصلی: دایره ۴۴dp

فضای کلی: دایره ۴۸dp

حاشیه‌ای به میزان ۲dp باید منطقه اصلی ( ۴۴x۴۴dp ) را در بر گیرد.

رنگ

منطقه اصلی: رنگ خاکستری ۱۰۰ در پالت رنگی متریال دیزاین (#F5F5F5) به صورت تخت

سایه

آیکن‌های میان‌بر فاقد سایه‌اند.

منطقه اصلی: تمام محتوای آیکن باید در محدوده ۴۴dp منطقه اصلی با رنگ تخت پس‌زمینه خاکستری ۱۰۰ (#F5F5F5) باقی بمانند.

فضای کلی: حاشیه‌ای به میزان ۲dp باید منطقه اصلی را در برگیرد، که با احتساب آن سایز کلی آیکن ۴۸dp می‌شود.

آیکن‌های میان‌بر استاندارد

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

اندازه‌ها

منطقه اصلی: دایره ۴۴dp

فضای کلی: دایره ۴۸dp

آیکن سیستم: ۲۴dp

رنگ

آیکن سیستم مورد نظر باید دارای رنگی یکسان با رنگ اولیه اپلیکیشن و یا آیکن اپلیکیشن داشته باشد (و با رنگ خاکستری پس‌زمینه نیز کنتراست کافی ایجاد کند.)

فرمت فایل

آیکن‌های استاندارد باید با فرمت SVG آماده شوند، این فرمت به آیکن‌ها امکان تغییر اندازه به صورت خودکار می‌دهد. همچنین می‌توانید از فایل‌های وکتور قابل ترسیم، بیت‌مپ و یا سایر موارد مشابه استفاده کنید.

از موارد قابل ترسیم غیر وکتوری استفاده نکنید، چرا که دارای ابعادی‌اند که اندازه آنها – برخلاف موارد بالا- قابل تغییر نیست.

اندازه آیکن سیستم: آیکن سیستم باید دارای عرض و ارتفاع یکسان با ابعاد ۲۴x۲۴dp باشد.

موقعیت قرارگیری در دایره منطقه اصلی: آیکن با اندازه ۲۴dp باید چه عمودی و چه افقی در مرکز منطقه اصلی قرار گیرد.

رنگ آیکن باید کنتراست کافی با پس زمینه خاکستری ایجاد کند.

از رنگ‌هایی که دارای کنتراست نامناسب با پس‌زمینه خاکستری هستند استفاده نکنید.

آواتارهای تکی

آواتار‌های تکی شامل یک تصویرند. آنها باید در واحد XXXHPDI ساخته شوند.

اندازه‌ها

منطقه اصلی: دایره ۴۴dp

منطقه آواتار: دایره ۴۴dp

فضای کلی: دایره ۴۸dp

فرمت فایل

فایل‌های PNG که با تمامی تراکم‌های موجود فراهم شده باشند.

دایره منطقه اصلی و منطقه آواتار: آواتار باید دایره منطقه اصلی را به طور کامل پوشش دهد. این بخش‌ها باید در واحد XXXHPDI ساخته شوند.

فضای کلی: حاشیه‌ای با اندازه ۲dp باید اطراف منطقه اصلی ۴۴dp را در برگیرد تا اندازه فضای کلی ۴۸dp شود.

آواتارهای گروهی

آواتارهای گروهی شامل ۲ تا ۴ عکس درون یک پس زمینه دایره‌ای شکل هستند. آنها باید در واحد XXXHPDI ساخته شوند.

اندازه‌ها

منطقه اصلی: دایره ۴۴dp

منطقه آواتار: دایره ۳۰dp

فضای کلی: دایره ۴۸dp

رنگ

منطقه اصلی: رنگ خاکستری ۱۰۰ در پالت رنگی متریال دیزاین (#F5F5F5) به صورت تخت

فرمت فایل

فایل‌های PNG که با تمامی تراکم‌های موجود تهیه شده باشند.

دایره منطقه اصلی: منطقه اصلی باید دارای رنگ خاکستری ۱۰۰ در پالت رنگی متریال دیزاین به صورت تخت (#F5F5F5) باشد.

منطقه آواتار: مجموع آواتارها چه افقی و چه عمودی، باید در مرکز منطقه اصلی در فضایی با اندازه ۳۰x۳۰ جای گیرند.

فضای کلی: حاشیه‌ای با اندازه ۲dp باید اطراف منطقه اصلی ۴۴dp را در بر گیرد تا اندازه فضای کلی ۴۸dp شود.

8

نظر بدهید

مطالب را هر روز در ایمیل خود دریافت کنید.

[انصراف]