রঙ সিস্টেম

অ্যান্ড্রয়েড টিভি Google-এর উপাদান রঙের নির্দেশিকা মেনে চলে, একটি সুসংহত এবং দৃশ্যত আকর্ষণীয় ইন্টারফেস নিশ্চিত করে৷ এটি টিভি স্ক্রিনের জন্য তৈরি একটি অত্যন্ত নিমগ্ন এবং আকর্ষক ভিজ্যুয়াল স্টাইল তৈরি করে৷ একটি অ্যান্ড্রয়েড টিভি ইন্টারফেসে মেটেরিয়াল ডিজাইন থিম প্রয়োগ করার এই নির্দেশিকাটির বিশদ বিবরণ।

হাইলাইট

  • অ্যান্ড্রয়েড টিভি Google এর উপাদান রঙ নির্দেশিকা মেনে চলে, কিন্তু টিভির জন্য অপ্টিমাইজ করে৷
  • সিনেমাটিক অভিজ্ঞতা তৈরি করতে অন্ধকার থিম থেকে তৈরি করুন।
  • একটি থিম তৈরি করতে ম্যাটেরিয়াল থিম বিল্ডার ব্যবহার করুন।

রঙের স্কিম

একটি রঙের স্কিম আপনাকে আপনার UI-তে একটি অর্থপূর্ণ উপায়ে রঙ প্রয়োগ করতে সাহায্য করে, সাদৃশ্য, ব্র্যান্ডের সামঞ্জস্য এবং মাপযোগ্যতা তৈরি করে।

একটি রঙ পরিকল্পনার ভিত্তি হল পাঁচটি মূল রঙের সেট যা পৃথকভাবে তেরো বা তার বেশি টোন সহ পৃথক টোনাল প্যালেটের সাথে সম্পর্কিত। প্রতিটি টোনাল প্যালেট থেকে নির্দিষ্ট টোন একটি UI জুড়ে রঙের ভূমিকার জন্য বরাদ্দ করা হয়। মূল রং যে কোনো গতিশীল রঙের স্কিম তৈরির ভিত্তি। আপনি মেটেরিয়াল থিম বিল্ডার ব্যবহার করে একটি মূল রঙের উপর ভিত্তি করে কী রঙ তৈরি করতে পারেন, বা আপনার নিজের কী রং বেছে নিতে পারেন।

মূল রং

মূল রঙগুলি প্রতিষ্ঠিত হওয়ার সাথে, উপাদানের অ্যালগরিদম মিথস্ক্রিয়া অবস্থা, ত্রুটি এবং অ্যাক্সেসযোগ্য বৈসাদৃশ্য প্রকাশের জন্য প্রয়োজনীয় রঙের সম্পূর্ণ বর্ণালী নির্দিষ্ট করে।

রঙ থিম প্রজন্মের প্রক্রিয়া

ম্যাটেরিয়াল থিম নির্মাতা একই রঙের টোকেন সহ গাঢ় এবং হালকা উভয় রঙের স্কিম তৈরি করে, যা থিমের মধ্যে পরিবর্তন করা সহজ করে তোলে।

রঙ ভূমিকা

প্রাথমিক

প্রাথমিক ভূমিকাগুলি UI জুড়ে মূল উপাদানগুলির জন্য ব্যবহৃত হয়, যেমন বিশিষ্ট বোতাম, সক্রিয় অবস্থা এবং উন্নত পৃষ্ঠের রঙ।

অ্যাকসেন্ট প্রাথমিক

মাধ্যমিক

সেকেন্ডারি ভূমিকাগুলি UI-তে কম বিশিষ্ট উপাদানগুলির জন্য ব্যবহার করা হয়, যেমন ফিল্টার চিপস, এবং রঙের অভিব্যক্তির জন্য অতিরিক্ত সুযোগের জন্য।

উচ্চারণ মাধ্যমিক

টারশিয়ারি

তৃতীয় ভূমিকাগুলি বিপরীত উচ্চারণের জন্য ব্যবহৃত হয় যা প্রাথমিক এবং মাধ্যমিক রঙের ভারসাম্য বা ইনপুট ক্ষেত্রের মতো একটি উপাদানের প্রতি উচ্চতর মনোযোগ আনতে ব্যবহার করা যেতে পারে।

উচ্চারণ তৃতীয়

সারফেস

নিরপেক্ষ ভূমিকা পৃষ্ঠতল এবং ব্যাকগ্রাউন্ড এবং উচ্চ জোর দেওয়া পাঠ্য এবং আইকনগুলির জন্য ব্যবহৃত হয়। মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে পৃষ্ঠতল সম্পর্কে আরও পড়ুন।

সারফেস

রূপরেখা

মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে রূপরেখার ভূমিকা সম্পর্কে আরও পড়ুন।

রূপরেখা

গতিশীল রঙ

অ্যান্ড্রয়েড মোবাইলে, অ্যান্ড্রয়েড 12 দিয়ে শুরু, ব্যবহারকারীরা ওয়ালপেপার নির্বাচন এবং অন্যান্য কাস্টমাইজেশনের মাধ্যমে স্বতন্ত্র স্কিম তৈরি করতে পারে। অ্যান্ড্রয়েড টিভি ওয়ালপেপার সমর্থন করে না, মানে ব্যবহারকারীর তৈরি স্কিম সমর্থিত নয় এবং অ্যান্ড্রয়েড টিভি ওএস শুধুমাত্র বেস প্যালেট সম্প্রচার করে।

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

ম্যাটেরিয়াল কালার ইউটিলিটি ডেভেলপার লাইব্রেরি ব্যবহার করে আপনি সরাসরি ইমেজ থেকে মূল রং বের করতে পারেন, অথবা একটি কী রঙ খুঁজে পেতে আপনার নিজস্ব কালার এক্সট্রাকশন অ্যালগরিদম চালাতে পারেন এবং তারপর একটি থিম তৈরি করতে ম্যাটেরিয়াল কালার ইউটিলিটি ব্যবহার করতে পারেন।

একটি চিত্র থেকে রঙগুলি কীভাবে বের করা হয় তার একটি উদাহরণ এখানে রয়েছে:

গতিশীল রঙ

  1. উৎস চিত্র
  2. নিষ্কাশিত বীজের রঙ
  3. উত্পন্ন কী রং

আপনি এই কী রঙগুলি ব্যবহার করে একটি রঙের স্কিম তৈরি করতে পারেন, বা আপনার UI এ প্রয়োগ করতে টোনগুলি ব্যবহার করতে পারেন৷

গতিশীল রঙ অ্যাপ্লিকেশন উদাহরণ

অ্যাক্সেসযোগ্যতা

অ্যাক্সেসিবিলিটি বিবেচনার জন্য, Android TV-এর জন্য অ্যাক্সেসিবিলিটি সেরা অনুশীলন দেখুন

,

অ্যান্ড্রয়েড টিভি Google-এর উপাদান রঙের নির্দেশিকা মেনে চলে, একটি সুসংহত এবং দৃশ্যত আকর্ষণীয় ইন্টারফেস নিশ্চিত করে৷ এটি টিভি স্ক্রিনের জন্য তৈরি একটি অত্যন্ত নিমগ্ন এবং আকর্ষক ভিজ্যুয়াল স্টাইল তৈরি করে৷ একটি অ্যান্ড্রয়েড টিভি ইন্টারফেসে মেটেরিয়াল ডিজাইন থিম প্রয়োগ করার এই নির্দেশিকাটির বিশদ বিবরণ।

হাইলাইট

  • অ্যান্ড্রয়েড টিভি Google এর উপাদান রঙ নির্দেশিকা মেনে চলে, কিন্তু টিভির জন্য অপ্টিমাইজ করে৷
  • সিনেমাটিক অভিজ্ঞতা তৈরি করতে অন্ধকার থিম থেকে তৈরি করুন।
  • একটি থিম তৈরি করতে ম্যাটেরিয়াল থিম বিল্ডার ব্যবহার করুন।

রঙের স্কিম

একটি রঙের স্কিম আপনাকে আপনার UI-তে একটি অর্থপূর্ণ উপায়ে রঙ প্রয়োগ করতে সাহায্য করে, সাদৃশ্য, ব্র্যান্ডের সামঞ্জস্য এবং মাপযোগ্যতা তৈরি করে।

একটি রঙ পরিকল্পনার ভিত্তি হল পাঁচটি মূল রঙের সেট যা পৃথকভাবে তেরো বা তার বেশি টোন সহ পৃথক টোনাল প্যালেটের সাথে সম্পর্কিত। প্রতিটি টোনাল প্যালেট থেকে নির্দিষ্ট টোন একটি UI জুড়ে রঙের ভূমিকার জন্য বরাদ্দ করা হয়। মূল রং যে কোনো গতিশীল রঙের স্কিম তৈরির ভিত্তি। আপনি মেটেরিয়াল থিম বিল্ডার ব্যবহার করে একটি মূল রঙের উপর ভিত্তি করে কী রঙ তৈরি করতে পারেন, বা আপনার নিজের কী রং বেছে নিতে পারেন।

মূল রং

মূল রঙগুলি প্রতিষ্ঠিত হওয়ার সাথে, উপাদানের অ্যালগরিদম মিথস্ক্রিয়া অবস্থা, ত্রুটি এবং অ্যাক্সেসযোগ্য বৈসাদৃশ্য প্রকাশের জন্য প্রয়োজনীয় রঙের সম্পূর্ণ বর্ণালী নির্দিষ্ট করে।

রঙ থিম প্রজন্মের প্রক্রিয়া

ম্যাটেরিয়াল থিম নির্মাতা একই রঙের টোকেন সহ গাঢ় এবং হালকা উভয় রঙের স্কিম তৈরি করে, যা থিমের মধ্যে পরিবর্তন করা সহজ করে তোলে।

রঙ ভূমিকা

প্রাথমিক

প্রাথমিক ভূমিকাগুলি UI জুড়ে মূল উপাদানগুলির জন্য ব্যবহৃত হয়, যেমন বিশিষ্ট বোতাম, সক্রিয় অবস্থা এবং উন্নত পৃষ্ঠের রঙ।

অ্যাকসেন্ট প্রাথমিক

মাধ্যমিক

সেকেন্ডারি ভূমিকাগুলি UI-তে কম বিশিষ্ট উপাদানগুলির জন্য ব্যবহার করা হয়, যেমন ফিল্টার চিপস, এবং রঙের অভিব্যক্তির জন্য অতিরিক্ত সুযোগের জন্য।

উচ্চারণ মাধ্যমিক

টারশিয়ারি

তৃতীয় ভূমিকাগুলি বিপরীত উচ্চারণের জন্য ব্যবহৃত হয় যা প্রাথমিক এবং মাধ্যমিক রঙের ভারসাম্য বা ইনপুট ক্ষেত্রের মতো একটি উপাদানের প্রতি উচ্চতর মনোযোগ আনতে ব্যবহার করা যেতে পারে।

উচ্চারণ তৃতীয়

সারফেস

নিরপেক্ষ ভূমিকা পৃষ্ঠতল এবং ব্যাকগ্রাউন্ড এবং উচ্চ জোর দেওয়া পাঠ্য এবং আইকনগুলির জন্য ব্যবহৃত হয়। মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে পৃষ্ঠতল সম্পর্কে আরও পড়ুন।

সারফেস

রূপরেখা

মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে রূপরেখার ভূমিকা সম্পর্কে আরও পড়ুন।

রূপরেখা

গতিশীল রঙ

অ্যান্ড্রয়েড মোবাইলে, অ্যান্ড্রয়েড 12 দিয়ে শুরু, ব্যবহারকারীরা ওয়ালপেপার নির্বাচন এবং অন্যান্য কাস্টমাইজেশনের মাধ্যমে স্বতন্ত্র স্কিম তৈরি করতে পারে। অ্যান্ড্রয়েড টিভি ওয়ালপেপার সমর্থন করে না, মানে ব্যবহারকারীর তৈরি স্কিম সমর্থিত নয় এবং অ্যান্ড্রয়েড টিভি ওএস শুধুমাত্র বেস প্যালেট সম্প্রচার করে।

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

ম্যাটেরিয়াল কালার ইউটিলিটি ডেভেলপার লাইব্রেরি ব্যবহার করে আপনি সরাসরি ইমেজ থেকে মূল রং বের করতে পারেন, অথবা একটি কী রঙ খুঁজে পেতে আপনার নিজস্ব কালার এক্সট্রাকশন অ্যালগরিদম চালাতে পারেন এবং তারপর একটি থিম তৈরি করতে ম্যাটেরিয়াল কালার ইউটিলিটি ব্যবহার করতে পারেন।

একটি চিত্র থেকে রঙগুলি কীভাবে বের করা হয় তার একটি উদাহরণ এখানে রয়েছে:

গতিশীল রঙ

  1. উৎস চিত্র
  2. নিষ্কাশিত বীজের রঙ
  3. উত্পন্ন কী রং

আপনি এই কী রঙগুলি ব্যবহার করে একটি রঙের স্কিম তৈরি করতে পারেন, বা আপনার UI এ প্রয়োগ করতে টোনগুলি ব্যবহার করতে পারেন৷

গতিশীল রঙ অ্যাপ্লিকেশন উদাহরণ

অ্যাক্সেসযোগ্যতা

অ্যাক্সেসিবিলিটি বিবেচনার জন্য, Android TV-এর জন্য অ্যাক্সেসিবিলিটি সেরা অনুশীলন দেখুন

,

অ্যান্ড্রয়েড টিভি Google-এর উপাদান রঙের নির্দেশিকা মেনে চলে, একটি সুসংহত এবং দৃশ্যত আকর্ষণীয় ইন্টারফেস নিশ্চিত করে৷ এটি টিভি স্ক্রিনের জন্য তৈরি একটি অত্যন্ত নিমগ্ন এবং আকর্ষক ভিজ্যুয়াল স্টাইল তৈরি করে৷ একটি অ্যান্ড্রয়েড টিভি ইন্টারফেসে মেটেরিয়াল ডিজাইন থিম প্রয়োগ করার এই নির্দেশিকাটির বিশদ বিবরণ।

হাইলাইট

  • অ্যান্ড্রয়েড টিভি Google এর উপাদান রঙ নির্দেশিকা মেনে চলে, কিন্তু টিভির জন্য অপ্টিমাইজ করে৷
  • সিনেমাটিক অভিজ্ঞতা তৈরি করতে অন্ধকার থিম থেকে তৈরি করুন।
  • একটি থিম তৈরি করতে ম্যাটেরিয়াল থিম বিল্ডার ব্যবহার করুন।

রঙের স্কিম

একটি রঙের স্কিম আপনাকে আপনার UI-তে একটি অর্থপূর্ণ উপায়ে রঙ প্রয়োগ করতে সাহায্য করে, সাদৃশ্য, ব্র্যান্ডের সামঞ্জস্য এবং মাপযোগ্যতা তৈরি করে।

একটি রঙ পরিকল্পনার ভিত্তি হল পাঁচটি মূল রঙের সেট যা পৃথকভাবে তেরো বা তার বেশি টোন সহ পৃথক টোনাল প্যালেটের সাথে সম্পর্কিত। প্রতিটি টোনাল প্যালেট থেকে নির্দিষ্ট টোন একটি UI জুড়ে রঙের ভূমিকার জন্য বরাদ্দ করা হয়। মূল রং যে কোনো গতিশীল রঙের স্কিম তৈরির ভিত্তি। আপনি মেটেরিয়াল থিম বিল্ডার ব্যবহার করে একটি মূল রঙের উপর ভিত্তি করে কী রঙ তৈরি করতে পারেন, বা আপনার নিজের কী রং বেছে নিতে পারেন।

মূল রং

মূল রঙগুলি প্রতিষ্ঠিত হওয়ার সাথে, উপাদানের অ্যালগরিদম মিথস্ক্রিয়া অবস্থা, ত্রুটি এবং অ্যাক্সেসযোগ্য বৈসাদৃশ্য প্রকাশের জন্য প্রয়োজনীয় রঙের সম্পূর্ণ বর্ণালী নির্দিষ্ট করে।

রঙ থিম প্রজন্মের প্রক্রিয়া

ম্যাটেরিয়াল থিম নির্মাতা একই রঙের টোকেন সহ গাঢ় এবং হালকা উভয় রঙের স্কিম তৈরি করে, যা থিমের মধ্যে পরিবর্তন করা সহজ করে তোলে।

রঙ ভূমিকা

প্রাথমিক

প্রাথমিক ভূমিকাগুলি UI জুড়ে মূল উপাদানগুলির জন্য ব্যবহৃত হয়, যেমন বিশিষ্ট বোতাম, সক্রিয় অবস্থা এবং উন্নত পৃষ্ঠের রঙ।

অ্যাকসেন্ট প্রাথমিক

মাধ্যমিক

সেকেন্ডারি ভূমিকাগুলি UI-তে কম বিশিষ্ট উপাদানগুলির জন্য ব্যবহার করা হয়, যেমন ফিল্টার চিপস, এবং রঙের অভিব্যক্তির জন্য অতিরিক্ত সুযোগের জন্য।

উচ্চারণ মাধ্যমিক

টারশিয়ারি

তৃতীয় ভূমিকাগুলি বিপরীত উচ্চারণের জন্য ব্যবহৃত হয় যা প্রাথমিক এবং মাধ্যমিক রঙের ভারসাম্য বা ইনপুট ক্ষেত্রের মতো একটি উপাদানের প্রতি উচ্চতর মনোযোগ আনতে ব্যবহার করা যেতে পারে।

উচ্চারণ তৃতীয়

সারফেস

নিরপেক্ষ ভূমিকা পৃষ্ঠতল এবং ব্যাকগ্রাউন্ড এবং উচ্চ জোর দেওয়া পাঠ্য এবং আইকনগুলির জন্য ব্যবহৃত হয়। মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে পৃষ্ঠতল সম্পর্কে আরও পড়ুন।

সারফেস

রূপরেখা

মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে রূপরেখার ভূমিকা সম্পর্কে আরও পড়ুন।

রূপরেখা

গতিশীল রঙ

অ্যান্ড্রয়েড মোবাইলে, অ্যান্ড্রয়েড 12 দিয়ে শুরু, ব্যবহারকারীরা ওয়ালপেপার নির্বাচন এবং অন্যান্য কাস্টমাইজেশনের মাধ্যমে স্বতন্ত্র স্কিম তৈরি করতে পারে। অ্যান্ড্রয়েড টিভি ওয়ালপেপার সমর্থন করে না, মানে ব্যবহারকারীর তৈরি স্কিম সমর্থিত নয় এবং অ্যান্ড্রয়েড টিভি ওএস শুধুমাত্র বেস প্যালেট সম্প্রচার করে।

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

ম্যাটেরিয়াল কালার ইউটিলিটি ডেভেলপার লাইব্রেরি ব্যবহার করে আপনি সরাসরি ইমেজ থেকে মূল রং বের করতে পারেন, অথবা একটি কী রঙ খুঁজে পেতে আপনার নিজস্ব কালার এক্সট্রাকশন অ্যালগরিদম চালাতে পারেন এবং তারপর একটি থিম তৈরি করতে ম্যাটেরিয়াল কালার ইউটিলিটি ব্যবহার করতে পারেন।

একটি চিত্র থেকে রঙগুলি কীভাবে বের করা হয় তার একটি উদাহরণ এখানে রয়েছে:

গতিশীল রঙ

  1. উৎস চিত্র
  2. নিষ্কাশিত বীজের রঙ
  3. উত্পন্ন কী রং

আপনি এই কী রঙগুলি ব্যবহার করে একটি রঙের স্কিম তৈরি করতে পারেন, বা আপনার UI এ প্রয়োগ করতে টোনগুলি ব্যবহার করতে পারেন৷

গতিশীল রঙ অ্যাপ্লিকেশন উদাহরণ

অ্যাক্সেসযোগ্যতা

অ্যাক্সেসিবিলিটি বিবেচনার জন্য, Android TV-এর জন্য অ্যাক্সেসিবিলিটি সেরা অনুশীলন দেখুন

,

অ্যান্ড্রয়েড টিভি Google-এর উপাদান রঙের নির্দেশিকা মেনে চলে, একটি সুসংহত এবং দৃশ্যত আকর্ষণীয় ইন্টারফেস নিশ্চিত করে৷ এটি টিভি স্ক্রিনের জন্য তৈরি একটি অত্যন্ত নিমগ্ন এবং আকর্ষক ভিজ্যুয়াল স্টাইল তৈরি করে৷ একটি অ্যান্ড্রয়েড টিভি ইন্টারফেসে মেটেরিয়াল ডিজাইন থিম প্রয়োগ করার এই নির্দেশিকাটির বিশদ বিবরণ।

হাইলাইট

  • অ্যান্ড্রয়েড টিভি Google এর উপাদান রঙ নির্দেশিকা মেনে চলে, কিন্তু টিভির জন্য অপ্টিমাইজ করে৷
  • সিনেমাটিক অভিজ্ঞতা তৈরি করতে অন্ধকার থিম থেকে তৈরি করুন।
  • একটি থিম তৈরি করতে ম্যাটেরিয়াল থিম বিল্ডার ব্যবহার করুন।

রঙের স্কিম

একটি রঙের স্কিম আপনাকে আপনার UI-তে একটি অর্থপূর্ণ উপায়ে রঙ প্রয়োগ করতে সাহায্য করে, সাদৃশ্য, ব্র্যান্ডের সামঞ্জস্য এবং মাপযোগ্যতা তৈরি করে।

একটি রঙ পরিকল্পনার ভিত্তি হল পাঁচটি মূল রঙের সেট যা পৃথকভাবে তেরো বা তার বেশি টোন সহ পৃথক টোনাল প্যালেটের সাথে সম্পর্কিত। প্রতিটি টোনাল প্যালেট থেকে নির্দিষ্ট টোন একটি UI জুড়ে রঙের ভূমিকার জন্য বরাদ্দ করা হয়। মূল রং যে কোনো গতিশীল রঙের স্কিম তৈরির ভিত্তি। আপনি মেটেরিয়াল থিম বিল্ডার ব্যবহার করে একটি মূল রঙের উপর ভিত্তি করে কী রঙ তৈরি করতে পারেন, বা আপনার নিজের কী রং বেছে নিতে পারেন।

মূল রং

মূল রঙগুলি প্রতিষ্ঠিত হওয়ার সাথে, উপাদানের অ্যালগরিদম মিথস্ক্রিয়া অবস্থা, ত্রুটি এবং অ্যাক্সেসযোগ্য বৈসাদৃশ্য প্রকাশের জন্য প্রয়োজনীয় রঙের সম্পূর্ণ বর্ণালী নির্দিষ্ট করে।

রঙ থিম প্রজন্মের প্রক্রিয়া

ম্যাটেরিয়াল থিম নির্মাতা একই রঙের টোকেন সহ গাঢ় এবং হালকা উভয় রঙের স্কিম তৈরি করে, যা থিমের মধ্যে পরিবর্তন করা সহজ করে তোলে।

রঙ ভূমিকা

প্রাথমিক

প্রাথমিক ভূমিকাগুলি UI জুড়ে মূল উপাদানগুলির জন্য ব্যবহৃত হয়, যেমন বিশিষ্ট বোতাম, সক্রিয় অবস্থা এবং উন্নত পৃষ্ঠের রঙ।

অ্যাকসেন্ট প্রাথমিক

মাধ্যমিক

সেকেন্ডারি ভূমিকাগুলি UI-তে কম বিশিষ্ট উপাদানগুলির জন্য ব্যবহার করা হয়, যেমন ফিল্টার চিপস, এবং রঙের অভিব্যক্তির জন্য অতিরিক্ত সুযোগের জন্য।

উচ্চারণ মাধ্যমিক

টারশিয়ারি

তৃতীয় ভূমিকাগুলি বিপরীত উচ্চারণের জন্য ব্যবহৃত হয় যা প্রাথমিক এবং মাধ্যমিক রঙের ভারসাম্য বা ইনপুট ক্ষেত্রের মতো একটি উপাদানের প্রতি উচ্চতর মনোযোগ আনতে ব্যবহার করা যেতে পারে।

উচ্চারণ তৃতীয়

সারফেস

নিরপেক্ষ ভূমিকা পৃষ্ঠতল এবং ব্যাকগ্রাউন্ড এবং উচ্চ জোর দেওয়া পাঠ্য এবং আইকনগুলির জন্য ব্যবহৃত হয়। মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে পৃষ্ঠতল সম্পর্কে আরও পড়ুন।

সারফেস

রূপরেখা

মেটেরিয়াল ডিজাইন নির্দেশিকাগুলিতে রূপরেখার ভূমিকা সম্পর্কে আরও পড়ুন।

রূপরেখা

গতিশীল রঙ

অ্যান্ড্রয়েড মোবাইলে, অ্যান্ড্রয়েড 12 দিয়ে শুরু, ব্যবহারকারীরা ওয়ালপেপার নির্বাচন এবং অন্যান্য কাস্টমাইজেশনের মাধ্যমে স্বতন্ত্র স্কিম তৈরি করতে পারে। অ্যান্ড্রয়েড টিভি ওয়ালপেপার সমর্থন করে না, মানে ব্যবহারকারীর তৈরি স্কিম সমর্থিত নয় এবং অ্যান্ড্রয়েড টিভি ওএস শুধুমাত্র বেস প্যালেট সম্প্রচার করে।

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

ম্যাটেরিয়াল কালার ইউটিলিটি ডেভেলপার লাইব্রেরি ব্যবহার করে আপনি সরাসরি ইমেজ থেকে মূল রং বের করতে পারেন, অথবা একটি কী রঙ খুঁজে পেতে আপনার নিজস্ব কালার এক্সট্রাকশন অ্যালগরিদম চালাতে পারেন এবং তারপর একটি থিম তৈরি করতে ম্যাটেরিয়াল কালার ইউটিলিটি ব্যবহার করতে পারেন।

একটি চিত্র থেকে রঙগুলি কীভাবে বের করা হয় তার একটি উদাহরণ এখানে রয়েছে:

গতিশীল রঙ

  1. উৎস চিত্র
  2. নিষ্কাশিত বীজের রঙ
  3. উত্পন্ন কী রং

আপনি এই কী রঙগুলি ব্যবহার করে একটি রঙের স্কিম তৈরি করতে পারেন, বা আপনার UI এ প্রয়োগ করতে টোনগুলি ব্যবহার করতে পারেন৷

গতিশীল রঙ অ্যাপ্লিকেশন উদাহরণ

অ্যাক্সেসযোগ্যতা

অ্যাক্সেসিবিলিটি বিবেচনার জন্য, Android TV-এর জন্য অ্যাক্সেসিবিলিটি সেরা অনুশীলন দেখুন