টিভি অ্যাপ আইকন ডিজাইন নির্দেশিকা

এই নির্দেশিকাটি Android TV-এর জন্য ব্যানার এবং লঞ্চার আইকন তৈরির বর্ণনা দেয়৷

মূল গ্রহণ

এই পৃষ্ঠার মূল টেকঅ্যাওয়ে নিম্নলিখিত:

  • AndroidManifest.xml-এ Android TV OS অ্যাপের জন্য দুটি আইকন প্রকার রয়েছে:
    • android:icon (মান, বাধ্যতামূলক)
    • android:banner (ব্যানার, বাধ্যতামূলক)
  • অভিযোজিত আইকন অত্যন্ত সুপারিশ করা হয়.
  • আইকন এবং ব্যানার উভয়কেই এই নির্দেশিকায় বর্ণিত ডিজাইন নির্দেশিকা মেনে চলতে হবে।
  • ব্যানার এবং আইকন তৈরি করার জন্য অফিসিয়াল ফিগমা টেমপ্লেট ব্যবহার করুন
  • Android TV OS থিমযুক্ত আইকন সমর্থন করে না।

ওভারভিউ

Google TV এবং Android OS তিনটি উপায়ে আপনার AndroidManifest.xml মাধ্যমে প্রদত্ত আইকনোগ্রাফি ব্যবহার করে:

  • লঞ্চার আইকন (1x1 আকৃতির অনুপাত)
  • গোলাকার লঞ্চার আইকন (1x1 আকৃতির অনুপাত, কিন্তু বৃত্তাকার)
  • ব্যানার লোগো (16x9 আকৃতির অনুপাত)

এগুলি বিভিন্ন জায়গায় বিভিন্ন ব্যবহারের ক্ষেত্রে ব্যবহৃত হয়, যেমন আপনার অ্যাপের সারি, সেটিংস বা ইনস্টলেশনের অগ্রগতি।

ব্যানার লোগো হল একটি 16x9 আকৃতির অনুপাতের লোগো যা আপনার অ্যাপ লঞ্চার দেখানোর জন্য Android TV OS-এ ব্যবহৃত হয়। আমরা সুপারিশ করি যে টিভি অ্যাপগুলি নিম্নলিখিত বৈশিষ্ট্যগুলির সাথে একটি অভিযোজিত 16:9 ব্যানার সরবরাহ করে৷ API স্তর 25 বা তার কম ব্যবহার করার সময় আপনি 320 x 180px আকারের xhdpi সংস্থানও সরবরাহ করতে পারেন।

টিভি ব্যানার আইকনের মাপ
ঘনত্ব ন্যূনতম আকার ফোল্ডারের অবস্থান (আন্ডারে) পিক্সেল অনুপাত
এমডিপিআই 160x90 px mipmap-mdpi 1
hdpi 240x135 px mipmap-hdpi 1.5
xhdpi 320x180 px mipmap-xhdpi 2
xxhdpi 480x270 px mipmap-xxhdpi 3
xxxhdpi 640x360 px mipmap-xxxhdpi 4

লঞ্চার আইকন

লঞ্চার আইকন হল একটি 1x1 অ্যাসপেক্ট রেশিও রিসোর্স যা Android TV-তে সেটিংস এবং মিডিয়া সেশন ইন্টিগ্রেশন (এখন কার্ড প্লে করা) এর মতো একাধিক জায়গায় ব্যবহার করা হয়। লঞ্চার আইকনটি Google TV-তে আপনার অ্যাপের সারিতেও ব্যবহার করা যেতে পারে।

লঞ্চার আইকনের মাপ
ঘনত্ব ন্যূনতম আকার ফোল্ডারের অবস্থান (আন্ডারে) পিক্সেল অনুপাত
এমডিপিআই 80x80 px mipmap-mdpi 1
hdpi 120x120 px mipmap-hdpi 1.5
xhdpi 160x160 px mipmap-xhdpi 2
xxhdpi 240x240 px mipmap-xxhdpi 3
xxxhdpi 320x320 px mipmap-xxxhdpi 4

অভিযোজিত আইকন

অ্যান্ড্রয়েড 8.0 রিলিজ (এপিআই স্তর 26) অনুসারে, অভিযোজিত লঞ্চার আইকনগুলির জন্য সমর্থন রয়েছে, যা অ্যাপ আইকনের ক্ষেত্রে আরও নমনীয়তা এবং আকর্ষণীয় ভিজ্যুয়াল প্রভাবগুলির জন্য অনুমতি দেয়। বিকাশকারীদের জন্য, এর অর্থ হল আপনার অ্যাপ আইকন দুটি স্তর নিয়ে গঠিত: একটি অগ্রভাগ এবং একটি পটভূমি স্তর৷

অভিযোজিত ব্যানার

আপনি একটি লিগ্যাসি ব্যানারের সাথে একটি অভিযোজিত ব্যানারও প্রদান করতে পারেন, লঞ্চার আইকন ব্যানারগুলির মতো যার দুটি স্তর রয়েছে৷

টিভি অভিযোজিত ব্যানার

অভিযোজিত লঞ্চার আইকন

আপনার অভিযোজিত আইকনটি বিভিন্ন আকার এবং ভিজ্যুয়াল ইফেক্টকে সমর্থন করে তা নিশ্চিত করতে ডিজাইনটিকে অবশ্যই নিম্নলিখিত প্রয়োজনীয়তাগুলি পূরণ করতে হবে:

আইকনের রঙিন সংস্করণের জন্য দুটি স্তর প্রদান করুন: একটি অগ্রভাগের জন্য এবং একটি পটভূমির জন্য৷

টিভি অভিযোজিত লঞ্চার আইকন

অভিযোজিত আইকন ফোরগ্রাউন্ড এবং ব্যাকগ্রাউন্ড লেয়ার ব্যবহার করে সংজ্ঞায়িত করা হয়। প্রথম ছবিতে 72 x 72 সেফ জোন দেখায় যেখানে আপনার আইকন এবং ফোরগ্রাউন্ড লেয়ারগুলি আকৃতির মাস্ক দ্বারা ক্লিপ করা হয় না৷

আইকনের একরঙা সংস্করণের প্রয়োজন নেই কারণ Android TV থিমযুক্ত আইকন সমর্থন করে না।

উদাহরণ

একটি টিভি অ্যাপ আইকন ডিজাইন করার সময় নিচে কিছু করণীয় এবং করণীয় বিবেচনা করা আছে।

নির্দেশিকা অনুসরণ করুন, লোগোটি নিরাপদ স্থানে রাখুন
কোনো অতিরিক্ত তথ্য নির্দেশ করতে পাঠ্য বা গ্রাফিক উপাদান ব্যবহার করা এড়িয়ে চলুন।
ব্যবহারকারীদের বিভ্রান্ত করতে পারে এমন পাঠ্য বা গ্রাফিক উপাদান ব্যবহার করবেন না
নিরাপদ এলাকা থেকে লোগো ছড়িয়ে দেবেন না
লোগোর চারপাশে কোনও সীমানা যোগ করা এড়িয়ে চলুন কারণ সেগুলি ক্রপ করা হয় এবং অপালিশ করা ভিজ্যুয়াল তৈরি করে৷
লোগো ক্রপ করা এড়িয়ে চলুন
একটি ব্যানার ব্যবহার করার সময় এটি সুপারিশ করে যে আপনি আপনার সম্পূর্ণ লোগো, আইকন + পাঠ্য দেখান।

লঞ্চার উদাহরণ

নির্দেশিকা অনুসরণ করুন, লোগোটি নিরাপদ স্থানে রাখুন
কোনো অতিরিক্ত তথ্য নির্দেশ করতে পাঠ্য বা গ্রাফিক উপাদান ব্যবহার করবেন না।
ব্যবহারকারীদের বিভ্রান্ত করতে পারে এমন পাঠ্য বা গ্রাফিক উপাদান ব্যবহার করবেন না
নিরাপদ এলাকা থেকে লোগো ছড়িয়ে দেবেন না
লোগোর চারপাশে কোন সীমানা যোগ করা এড়িয়ে চলুন কারণ সেগুলি ক্রপ করা হয় এবং অপালিশ করা ভিজ্যুয়াল তৈরি করে।
লোগো ক্রপ করা এড়িয়ে চলুন

সম্পদ