نمادهای مشاهده لیست، نمادهای مشاهده لیست

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

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

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

ldpi (120 dpi)
(صفحه نمایش با چگالی کم)
mdpi (160 نقطه در اینچ)
(صفحه نمایش با چگالی متوسط)
hdpi (240 dpi)
(صفحه نمایش با تراکم بالا)
xhdpi (320 dpi)
(صفحه نمایش با تراکم فوق العاده بالا)
اندازه نماد نمایش لیست 24 × 24 پیکسل 32 × 32 پیکسل 48 × 48 پیکسل 64 × 64 پیکسل

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

الگوهای ایجاد آیکون در Adobe Photoshop در بسته قالب آیکون موجود است.

تمامی نسخه های اندروید

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

ساختار

  • یک نماد نمای لیست معمولاً یک قاب امن 1 پیکسلی دارد، اما استفاده از ناحیه safeframe برای لبه ضد نام مستعار یک شکل گرد اشکالی ندارد.
  • همه ابعاد مشخص شده بر اساس اندازه 32x32 پیکسل در فتوشاپ است. 1 پیکسل از بالشتک را در اطراف جعبه محدود کننده در داخل الگو قرار دهید.
نمایی از ساختار آیکون نمای لیست.

شکل 1. Safeframe و گرادیان پر برای نمادهای نمای لیست. اندازه آیکون 32x32 است.

نور، افکت ها و سایه ها

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

نمای نور، جلوه‌ها و سایه‌ها برای نمادهای نمای فهرست.

شکل 2. نور، جلوه ها و سایه ها برای نمادهای نمای لیست.

1. سایه درونی: سیاه | کدورت 57 درصد | زاویه 120 درجه | حالت ترکیبی معمولی | فاصله 1px | اندازه 1px
2. پس زمینه: سیاه | رنگ سیستم استاندارد
این آیکون ها فقط در نماهای لیست نمایش داده می شوند.
توجه: نماد نمای فهرست بر روی آرت بورد 32x32 پیکسل در فتوشاپ بدون قاب امن قرار دارد.

قدم به قدم

  1. افکت های مشاهده شده در شکل 2 را برای فیلتر مناسب اضافه کنید.
  2. نماد را در ابعاد 32x32 به عنوان یک فایل PNG با شفافیت فعال صادر کنید.
  3. اشکال اصلی را با استفاده از ابزاری مانند Adobe Illustrator ایجاد کنید.
  4. شکل را در ابزاری مانند Adobe Photoshop وارد کنید و مقیاس آن را طوری تنظیم کنید که تصویری با ابعاد 32x32 پیکسل در پس‌زمینه شفاف قرار گیرد.
،

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

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

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

ldpi (120 dpi)
(صفحه نمایش با چگالی کم)
mdpi (160 نقطه در اینچ)
(صفحه نمایش با چگالی متوسط)
hdpi (240 dpi)
(صفحه نمایش با تراکم بالا)
xhdpi (320 dpi)
(صفحه نمایش با تراکم فوق العاده بالا)
اندازه نماد نمایش لیست 24 × 24 پیکسل 32 × 32 پیکسل 48 × 48 پیکسل 64 × 64 پیکسل

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

الگوهای ایجاد آیکون در Adobe Photoshop در بسته قالب آیکون موجود است.

تمامی نسخه های اندروید

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

ساختار

  • یک نماد نمای لیست معمولاً یک قاب امن 1 پیکسلی دارد، اما استفاده از ناحیه safeframe برای لبه ضد نام مستعار یک شکل گرد اشکالی ندارد.
  • همه ابعاد مشخص شده بر اساس اندازه 32x32 پیکسل در فتوشاپ است. 1 پیکسل از بالشتک را در اطراف جعبه محدود کننده در داخل الگو قرار دهید.
نمایی از ساختار آیکون نمای لیست.

شکل 1. Safeframe و گرادیان پر برای نمادهای نمای لیست. اندازه آیکون 32x32 است.

نور، افکت ها و سایه ها

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

نمای نور، جلوه‌ها و سایه‌ها برای نمادهای نمای فهرست.

شکل 2. نور، جلوه ها و سایه ها برای نمادهای نمای لیست.

1. سایه درونی: سیاه | کدورت 57 درصد | زاویه 120 درجه | حالت ترکیبی معمولی | فاصله 1px | اندازه 1px
2. پس زمینه: سیاه | رنگ سیستم استاندارد
این آیکون ها فقط در نماهای لیست نمایش داده می شوند.
توجه: نماد نمای فهرست بر روی آرت بورد 32x32 پیکسل در فتوشاپ بدون قاب امن قرار دارد.

قدم به قدم

  1. افکت های مشاهده شده در شکل 2 را برای فیلتر مناسب اضافه کنید.
  2. نماد را در ابعاد 32x32 به عنوان یک فایل PNG با شفافیت فعال صادر کنید.
  3. اشکال اصلی را با استفاده از ابزاری مانند Adobe Illustrator ایجاد کنید.
  4. شکل را در ابزاری مانند Adobe Photoshop وارد کنید و مقیاس آن را طوری تنظیم کنید که تصویری با ابعاد 32x32 پیکسل در پس‌زمینه شفاف قرار گیرد.