دستورالعمل های طراحی آیکون برنامه تلویزیونی

این راهنما ایجاد بنرها و نمادهای راه‌انداز را برای Android TV توضیح می‌دهد.

خوراکی های کلیدی

موارد زیر نکات کلیدی این صفحه است:

  • دو نوع نماد برای برنامه های سیستم عامل Android TV در AndroidManifest.xml وجود دارد:
    • android:icon (استاندارد، اجباری)
    • android:banner (بنر، اجباری)
  • آیکون های تطبیقی ​​بسیار توصیه می شود.
  • هم نماد و هم بنر باید با دستورالعمل های طراحی که در این راهنما مشخص شده است مطابقت داشته باشند.
  • از الگوی رسمی figma برای تولید بنر و نمادها استفاده کنید
  • سیستم عامل Android TV از نمادهای موضوعی پشتیبانی نمی کند.

نمای کلی

Google TV و سیستم عامل Android به سه روش از نمادنگاری ارائه شده از طریق AndroidManifest.xml شما استفاده می کنند:

  • نماد راه‌انداز (نسبت تصویر 1x1)
  • نماد راه‌انداز گرد (نسبت تصویر 1x1، اما دایره‌ای)
  • لوگوی بنر (نسبت تصویر 16x9)

این موارد در مکان‌های مختلف برای موارد استفاده مختلف مانند ردیف برنامه‌های شما ، تنظیمات یا پیشرفت نصب استفاده می‌شوند.

لوگوی بنر یک آرم با نسبت ابعاد 16×9 است که در سیستم عامل Android TV برای نمایش راه‌انداز برنامه شما استفاده می‌شود. توصیه می کنیم برنامه های تلویزیونی یک بنر تطبیقی ​​16:9 با مشخصات زیر ارائه دهند. همچنین می توانید منابع xhdpi را با اندازه 320 x 180px هنگام استفاده از API سطح 25 یا پایین تر ارائه دهید.

اندازه آیکون بنر تلویزیون
تراکم حداقل اندازه مکان پوشه (تحت پاسخ) نسبت پیکسل
mdpi 160x90 پیکسل mipmap-mdpi 1
hdpi 240x135 پیکسل mipmap-hdpi 1.5
xhdpi 320x180 پیکسل mipmap-xhdpi 2
xxhdpi 480x270 پیکسل mipmap-xxhdpi 3
xxxhdpi 640x360 پیکسل mipmap-xxxhdpi 4

نماد راه‌انداز

نماد راه‌انداز یک منبع نسبت ابعاد 1×1 است که در مکان‌های متعددی مانند تنظیمات و ادغام‌های جلسه رسانه (در حال حاضر کارت بازی) در Android TV استفاده می‌شود. نماد راه‌انداز همچنین می‌تواند در ردیف برنامه‌های شما در Google TV استفاده شود.

اندازه نماد راه‌انداز
تراکم حداقل اندازه مکان پوشه (تحت پاسخ) نسبت پیکسل
mdpi 80x80 پیکسل mipmap-mdpi 1
hdpi 120x120 پیکسل mipmap-hdpi 1.5
xhdpi 160x160 پیکسل mipmap-xhdpi 2
xxhdpi 240x240 پیکسل mipmap-xxhdpi 3
xxxhdpi 320x320 پیکسل mipmap-xxxhdpi 4

نمادهای تطبیقی

از زمان انتشار اندروید 8.0 (سطح API 26)، از آیکون‌های راه‌انداز تطبیقی ​​پشتیبانی می‌شود، که باعث می‌شود انعطاف‌پذیری بیشتر و جلوه‌های بصری جالبی در مورد نمادهای برنامه‌ها به میان آید. برای توسعه دهندگان، این بدان معناست که نماد برنامه شما از دو لایه تشکیل شده است: یک لایه پیش زمینه و یک لایه پس زمینه.

بنر تطبیقی

همچنین می‌توانید یک بنر تطبیقی ​​به همراه بنرهای قدیمی، مشابه بنرهای نماد راه‌انداز که دارای دو لایه هستند نیز تهیه کنید.

بنر تطبیقی ​​تلویزیون

نماد راه‌انداز تطبیقی

برای اطمینان از اینکه نماد تطبیقی ​​شما از اشکال مختلف و جلوه‌های بصری پشتیبانی می‌کند، طرح باید شرایط زیر را برآورده کند:

دو لایه برای نسخه رنگی نماد ارائه دهید: یکی برای پیش زمینه و دیگری برای پس زمینه.

نماد راه‌انداز تطبیقی ​​تلویزیون

آیکون های تطبیقی ​​با استفاده از لایه های پیش زمینه و پس زمینه تعریف می شوند. منطقه امن ۷۲×۷۲ در تصویر اول نشان می‌دهد که آیکون و لایه‌های پیش‌زمینه شما هرگز با یک ماسک بریده نمی‌شوند.

نسخه تک رنگ نماد مورد نیاز نیست زیرا Android TV از نمادهای مضمون پشتیبانی نمی کند.

نمونه ها

در زیر بایدها و نبایدهایی را که باید هنگام طراحی نماد برنامه تلویزیون در نظر بگیرید آورده شده است.

انجام دهید

دستورالعمل ها را دنبال کنید، آرم را در منطقه امن نگه دارید

نکن

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

نکن

از متن یا عناصر گرافیکی که می تواند کاربران را گمراه کند استفاده نکنید

نکن

لوگو را از ناحیه امن بیرون نریزید

نکن

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

نکن

از برش دادن لوگو خودداری کنید

احتیاط

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

نمونه های لانچر

انجام دهید

دستورالعمل ها را دنبال کنید، آرم را در منطقه امن نگه دارید

نکن

از متن یا عناصر گرافیکی برای نشان دادن اطلاعات اضافی استفاده نکنید.

نکن

از متن یا عناصر گرافیکی که می تواند کاربران را گمراه کند استفاده نکنید

نکن

لوگو را از ناحیه امن بیرون نریزید

نکن

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

نکن

از برش دادن لوگو خودداری کنید

منابع

قبلی
ناوبری در تلویزیون، ناوبری در تلویزیون، ناوبری در تلویزیون
بعدی
رنگ