صفحه تلویزیون معمولاً از فاصله حدود 10 فوتی دیده میشود و اگرچه بسیار بزرگتر از نمایشگرهای اکثر دستگاههای اندرویدی دیگر است، اما همان سطح جزئیات و رنگ را که صفحه نمایش دستگاههای کوچکتر ارائه میدهد، ارائه نمیدهد. این عوامل شما را ملزم میکند که طرحبندی برنامهها را با در نظر گرفتن دستگاههای تلویزیون ایجاد کنید تا یک تجربه کاربری مفید و لذتبخش در اتاق نشیمن ایجاد کنید.
اصول اولیه چیدمان
طرحبندیهای دستگاههای تلویزیون باید از برخی دستورالعملهای اساسی پیروی کنند تا از قابل استفاده و مؤثر بودن آنها در صفحه نمایشهای بزرگ اطمینان حاصل شود. برای ساخت طرحبندیهای بهینه برای صفحه نمایش تلویزیون، این نکات را دنبال کنید:
- طرحبندیها را با جهت افقی بسازید. صفحههای تلویزیون همیشه در حالت افقی نمایش داده میشوند.
- کنترلهای ناوبری روی صفحه را در سمت چپ یا راست صفحه قرار دهید و فضای عمودی را برای محتوا نگه دارید.
- از اندازهبندی واکنشگرا و نسبی (مانند واحدهای
dpوsp) استفاده کنید تا رابطهای کاربری به طور واضح در وضوحهای مختلف نمایشگر مقیاسبندی شوند. - برای جلوگیری از شلوغی رابط کاربری، حاشیهها و فاصلههای کافی بین کنترلهای طرحبندی اضافه کنید.
اسکن بیش از حد
طرحبندیهای تلویزیون به دلیل تکامل استانداردهای تلویزیون برای ارائه تصویر تمام صفحه به بینندگان، الزامات منحصر به فردی دارند. به همین دلیل، دستگاههای تلویزیون ممکن است لبه بیرونی طرحبندی برنامه را برش دهند تا از پر شدن کل صفحه نمایش اطمینان حاصل شود. این رفتار معمولاً به عنوان overscan شناخته میشود.
عناصر صفحه نمایش که باید همیشه برای کاربر قابل مشاهده باشند را در ناحیه امن overscan قرار دهید. اضافه کردن حاشیه ۵٪ به میزان ۴۸ dp در لبههای چپ و راست و ۲۷ dp در لبههای بالا و پایین به یک طرحبندی، به اطمینان از قرار گرفتن عناصر صفحه نمایش در طرحبندی در ناحیه امن overscan کمک میکند.
عناصر صفحه پسزمینه را که کاربر مستقیماً با آنها تعامل ندارد، تنظیم نکنید و عناصر را به ناحیه امن overscan متصل نکنید. این رویکرد به شما اطمینان میدهد که عناصر صفحه پسزمینه در تمام صفحهها به درستی نمایش داده میشوند.
ساخت متن و کنترلهای قابل استفاده
برای اینکه متن و کنترلهای برنامه تلویزیون شما از فاصله دور راحتتر دیده شوند، این نکات را دنبال کنید:
- متن را به بخشهای کوچک تقسیم کنید تا کاربران بتوانند به سرعت آن را مرور کنند.
- از متن روشن روی پسزمینه تیره استفاده کنید. این سبک در تلویزیون راحتتر خوانده میشود.
- از فونتهای سبک یا فونتهایی که هم خطوط بسیار باریک و هم خطوط بسیار پهن دارند، اجتناب کنید. برای افزایش خوانایی، از فونتهای sans-serif و anti-aliasing استفاده کنید.
- تمام ویجتهای نمای خود را به اندازهای بزرگ کنید که برای کسی که در فاصله ۱۰ فوتی از صفحه نمایش نشسته است، به وضوح قابل مشاهده باشند. به جای واحدهای پیکسل مطلق، از واحدهای پیکسل مستقل از چگالی (
dp) و برای تایپوگرافی از واحدهای پیکسل مقیاسپذیر (sp) استفاده کنید.
برای اطلاعات بیشتر در مورد پیکسلهای مستقل از تراکم و طرحبندیهای ساختمانی برای مدیریت اندازههای بزرگتر صفحه نمایش، به نمای کلی سازگاری صفحه نمایش مراجعه کنید.
مدیریت منابع طرحبندی برای تلویزیون
مانند سایر دستگاههای اندرویدی، تلویزیونها اندازه صفحه نمایش متفاوتی دارند و از وضوحهای مختلفی از جمله 720p، 1080p و 4K پشتیبانی میکنند. مطمئن شوید که برنامه شما از اندازههای مختلف صفحه نمایش پشتیبانی میکند .
اندازهها و وضوحهای مختلف صفحه نمایش، تراکم پیکسل متفاوتی دارند. برای حفظ ظاهر رابط کاربری خود در اندازهها، وضوحها و تراکم پیکسلهای مختلف صفحه نمایش، اندازهگیریهای رابط کاربری را با استفاده از پیکسلهای مستقل از تراکم ( dp ) تعریف کنید. تراکم پیکسل صفحه نمایش برای وضوحهای مختلف پنل تلویزیون در جدول زیر آمده است:
| وضوح پنل | تراکم پیکسلی صفحه نمایش |
|---|---|
| ۷۲۰p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
برای اطلاعات بیشتر به پشتیبانی از تراکم پیکسلهای مختلف و مرور کلی سازگاری صفحه نمایش مراجعه کنید.
الگوهای چیدمانی که باید از آنها اجتناب کنید
چند رویکرد برای ساخت طرحبندیهایی وجود دارد که در دستگاههای تلویزیون به خوبی کار نمیکنند. هنگام ایجاد طرحبندی برای تلویزیون، از الگوهای رابط کاربری زیر اجتناب کنید:
- استفاده مجدد از طرحبندیهای گوشی یا تبلت : طرحبندیهای یک برنامه گوشی یا تبلت را بدون تغییر دوباره استفاده نکنید. طرحبندیهایی که برای سایر دستگاههای دارای اندروید ساخته شدهاند، برای دستگاههای تلویزیون مناسب نیستند و باید برای کار در تلویزیون سادهسازی شوند.
- استفاده از نوارها یا منوهای عملکرد تلفن : نوارهای عملکرد بالا و منوهای کشویی به دلیل دشواری پیمایش در چنین منوهایی با کنترل از راه دور، برای رابط تلویزیون مناسب نیستند.
- استفاده از ناوبری فقط با کشیدن انگشت : کشیدن یا سوایپ کردن بین صفحات میتواند در تلفن یا تبلت عالی عمل کند، اما حرکات فقط با کشیدن انگشت را در تلویزیونی که کاربران به کنترل از راه دور D-pad متکی هستند، امتحان نکنید.
برای اطلاعات بیشتر در مورد طراحی چیدمانهای مناسب برای تلویزیون، به «طراحی برای تلویزیون» مراجعه کنید.
مدیریت بیتمپهای بزرگ
دستگاههای تلویزیون حافظه محدودی دارند. اگر طرحبندی برنامه شما از تصاویر با وضوح بسیار بالا استفاده کند، میتواند به سرعت با محدودیت حافظه مواجه شود و باعث خطاهای کمبود حافظه شود. از کتابخانههای بارگذاری و رمزگشایی تصویر کارآمد (مانند Coil یا Glide ) برای دریافت، رمزگشایی و نمایش بیتمپها در برنامه خود استفاده کنید.
برای اطلاعات بیشتر در مورد دستیابی به بهترین عملکرد هنگام کار با بیتمپها، به بهترین شیوههای گرافیک اندروید مراجعه کنید.
ارائه تبلیغات موثر
برای محیط اتاق نشیمن، توصیه میکنیم از راهکارهای تبلیغات ویدیویی استفاده کنید که تمام صفحه باشند و ظرف 30 ثانیه قابل حذف باشند. قابلیتهای تبلیغات در اندروید تیوی، مانند دکمههای حذف و کلیکها، باید با استفاده از D-pad به جای لمس قابل دسترسی باشند.
اندروید تیوی مرورگر وب ارائه نمیدهد. تبلیغات شما نباید سعی در باز کردن مرورگر وب یا هدایت به محتوای فروشگاه گوگل پلی که برای دستگاههای اندروید تیوی تأیید نشده است، داشته باشند.
،صفحه تلویزیون معمولاً از فاصله حدود 10 فوتی دیده میشود و اگرچه بسیار بزرگتر از نمایشگرهای اکثر دستگاههای اندرویدی دیگر است، اما همان سطح جزئیات و رنگ را که صفحه نمایش دستگاههای کوچکتر ارائه میدهد، ارائه نمیدهد. این عوامل شما را ملزم میکند که طرحبندی برنامهها را با در نظر گرفتن دستگاههای تلویزیون ایجاد کنید تا یک تجربه کاربری مفید و لذتبخش در اتاق نشیمن ایجاد کنید.
اصول اولیه چیدمان
طرحبندیهای دستگاههای تلویزیون باید از برخی دستورالعملهای اساسی پیروی کنند تا از قابل استفاده و مؤثر بودن آنها در صفحه نمایشهای بزرگ اطمینان حاصل شود. برای ساخت طرحبندیهای بهینه برای صفحه نمایش تلویزیون، این نکات را دنبال کنید:
- طرحبندیها را با جهت افقی بسازید. صفحههای تلویزیون همیشه در حالت افقی نمایش داده میشوند.
- کنترلهای ناوبری روی صفحه را در سمت چپ یا راست صفحه قرار دهید و فضای عمودی را برای محتوا نگه دارید.
- از اندازهبندی واکنشگرا و نسبی (مانند واحدهای
dpوsp) استفاده کنید تا رابطهای کاربری به طور واضح در وضوحهای مختلف نمایشگر مقیاسبندی شوند. - برای جلوگیری از شلوغی رابط کاربری، حاشیهها و فاصلههای کافی بین کنترلهای طرحبندی اضافه کنید.
اسکن بیش از حد
طرحبندیهای تلویزیون به دلیل تکامل استانداردهای تلویزیون برای ارائه تصویر تمام صفحه به بینندگان، الزامات منحصر به فردی دارند. به همین دلیل، دستگاههای تلویزیون ممکن است لبه بیرونی طرحبندی برنامه را برش دهند تا از پر شدن کل صفحه نمایش اطمینان حاصل شود. این رفتار معمولاً به عنوان overscan شناخته میشود.
عناصر صفحه نمایش که باید همیشه برای کاربر قابل مشاهده باشند را در ناحیه امن overscan قرار دهید. اضافه کردن حاشیه ۵٪ به میزان ۴۸ dp در لبههای چپ و راست و ۲۷ dp در لبههای بالا و پایین به یک طرحبندی، به اطمینان از قرار گرفتن عناصر صفحه نمایش در طرحبندی در ناحیه امن overscan کمک میکند.
عناصر صفحه پسزمینه را که کاربر مستقیماً با آنها تعامل ندارد، تنظیم نکنید و عناصر را به ناحیه امن overscan متصل نکنید. این رویکرد به شما اطمینان میدهد که عناصر صفحه پسزمینه در تمام صفحهها به درستی نمایش داده میشوند.
ساخت متن و کنترلهای قابل استفاده
برای اینکه متن و کنترلهای برنامه تلویزیون شما از فاصله دور راحتتر دیده شوند، این نکات را دنبال کنید:
- متن را به بخشهای کوچک تقسیم کنید تا کاربران بتوانند به سرعت آن را مرور کنند.
- از متن روشن روی پسزمینه تیره استفاده کنید. این سبک در تلویزیون راحتتر خوانده میشود.
- از فونتهای سبک یا فونتهایی که هم خطوط بسیار باریک و هم خطوط بسیار پهن دارند، اجتناب کنید. برای افزایش خوانایی، از فونتهای sans-serif و anti-aliasing استفاده کنید.
- تمام ویجتهای نمای خود را به اندازهای بزرگ کنید که برای کسی که در فاصله ۱۰ فوتی از صفحه نمایش نشسته است، به وضوح قابل مشاهده باشند. به جای واحدهای پیکسل مطلق، از واحدهای پیکسل مستقل از چگالی (
dp) و برای تایپوگرافی از واحدهای پیکسل مقیاسپذیر (sp) استفاده کنید.
برای اطلاعات بیشتر در مورد پیکسلهای مستقل از تراکم و طرحبندیهای ساختمانی برای مدیریت اندازههای بزرگتر صفحه نمایش، به نمای کلی سازگاری صفحه نمایش مراجعه کنید.
مدیریت منابع طرحبندی برای تلویزیون
مانند سایر دستگاههای اندرویدی، تلویزیونها اندازه صفحه نمایش متفاوتی دارند و از وضوحهای مختلفی از جمله 720p، 1080p و 4K پشتیبانی میکنند. مطمئن شوید که برنامه شما از اندازههای مختلف صفحه نمایش پشتیبانی میکند .
اندازهها و وضوحهای مختلف صفحه نمایش، تراکم پیکسل متفاوتی دارند. برای حفظ ظاهر رابط کاربری خود در اندازهها، وضوحها و تراکم پیکسلهای مختلف صفحه نمایش، اندازهگیریهای رابط کاربری را با استفاده از پیکسلهای مستقل از تراکم ( dp ) تعریف کنید. تراکم پیکسل صفحه نمایش برای وضوحهای مختلف پنل تلویزیون در جدول زیر آمده است:
| وضوح پنل | تراکم پیکسلی صفحه نمایش |
|---|---|
| ۷۲۰p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
برای اطلاعات بیشتر به پشتیبانی از تراکم پیکسلهای مختلف و مرور کلی سازگاری صفحه نمایش مراجعه کنید.
الگوهای چیدمانی که باید از آنها اجتناب کنید
چند رویکرد برای ساخت طرحبندیهایی وجود دارد که در دستگاههای تلویزیون به خوبی کار نمیکنند. هنگام ایجاد طرحبندی برای تلویزیون، از الگوهای رابط کاربری زیر اجتناب کنید:
- استفاده مجدد از طرحبندیهای گوشی یا تبلت : طرحبندیهای یک برنامه گوشی یا تبلت را بدون تغییر دوباره استفاده نکنید. طرحبندیهایی که برای سایر دستگاههای دارای اندروید ساخته شدهاند، برای دستگاههای تلویزیون مناسب نیستند و باید برای کار در تلویزیون سادهسازی شوند.
- استفاده از نوارها یا منوهای عملکرد تلفن : نوارهای عملکرد بالا و منوهای کشویی به دلیل دشواری پیمایش در چنین منوهایی با کنترل از راه دور، برای رابط تلویزیون مناسب نیستند.
- استفاده از ناوبری فقط با کشیدن انگشت : کشیدن یا سوایپ کردن بین صفحات میتواند در تلفن یا تبلت عالی عمل کند، اما حرکات فقط با کشیدن انگشت را در تلویزیونی که کاربران به کنترل از راه دور D-pad متکی هستند، امتحان نکنید.
برای اطلاعات بیشتر در مورد طراحی چیدمانهای مناسب برای تلویزیون، به «طراحی برای تلویزیون» مراجعه کنید.
مدیریت بیتمپهای بزرگ
دستگاههای تلویزیون حافظه محدودی دارند. اگر طرحبندی برنامه شما از تصاویر با وضوح بسیار بالا استفاده کند، میتواند به سرعت با محدودیت حافظه مواجه شود و باعث خطاهای کمبود حافظه شود. از کتابخانههای بارگذاری و رمزگشایی تصویر کارآمد (مانند Coil یا Glide ) برای دریافت، رمزگشایی و نمایش بیتمپها در برنامه خود استفاده کنید.
برای اطلاعات بیشتر در مورد دستیابی به بهترین عملکرد هنگام کار با بیتمپها، به بهترین شیوههای گرافیک اندروید مراجعه کنید.
ارائه تبلیغات موثر
برای محیط اتاق نشیمن، توصیه میکنیم از راهکارهای تبلیغات ویدیویی استفاده کنید که تمام صفحه باشند و ظرف 30 ثانیه قابل حذف باشند. قابلیتهای تبلیغات در اندروید تیوی، مانند دکمههای حذف و کلیکها، باید با استفاده از D-pad به جای لمس قابل دسترسی باشند.
اندروید تیوی مرورگر وب ارائه نمیدهد. تبلیغات شما نباید سعی در باز کردن مرورگر وب یا هدایت به محتوای فروشگاه گوگل پلی که برای دستگاههای اندروید تیوی تأیید نشده است، داشته باشند.