রঙ

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

কালো থেকে বিল্ডিং হার্ডওয়্যারের সাথে আরও ভাল সারিবদ্ধতা নিশ্চিত করে, যেহেতু অন্ধকার উপাদানগুলি প্রায়শই গাড়ির অভ্যন্তরীণ এবং ড্যাশবোর্ডগুলিতে ব্যবহৃত হয়।

এক নজরে নির্দেশিকা (TL;DR)

  • দিন এবং রাত উভয় ড্রাইভিং সমর্থন করার জন্য কালো থেকে আপনার রং পছন্দ তৈরি করুন
  • পটভূমি এবং আইকন বা পাঠ্যের মধ্যে কমপক্ষে 4.5:1 এর একটি বৈসাদৃশ্য অনুপাত বজায় রাখুন
  • উদ্দেশ্য সহ, সর্বনিম্ন রঙ ব্যবহার করুন
  • গ্রেস্কেলের মাধ্যমে উচ্চতা দেখান
  • চাক্ষুষ ফোকাস গাইড করতে স্বচ্ছতা এবং অস্বচ্ছতা ব্যবহার করুন

প্যালেট এবং গ্রেডিয়েন্ট

অ্যান্ড্রয়েড অটোমোটিভ ওএস ইন্টারফেসের গাঢ় থিমটি একটি গ্রেস্কেল প্যালেটের উপর ভিত্তি করে। আদর্শভাবে, যেকোন অতিরিক্ত রঙের তীব্রতা কম হওয়া উচিত, যেমনটি মেটেরিয়াল ডিজাইন প্যালেটের রঙের গাঢ় রূপের মতো।

এই বিভাগে প্যালেট এবং অস্বচ্ছতার তথ্য অন্তর্ভুক্ত রয়েছে, চার্ট সহ প্রতিটি উপাদানের সাথে যুক্ত উচ্চতার স্তরের জন্য গ্রেস্কেল মান প্রদান করে।

কলআউট আইকন
মেটেরিয়াল ডিজাইন
রঙের ব্যবহার এবং প্যালেট

অ্যান্ড্রয়েড অটোমোটিভ ওএস গ্রেস্কেল প্যালেট

Android Automotive OS গ্রেস্কেল প্যালেট পাঠ্য এবং আইকনগুলির মতো উপাদানগুলির জন্য ব্যবহৃত হয় এবং এটি ড্রাইভিং পরিবেশের অনন্য প্রয়োজনীয়তাগুলিকে মিটমাট করার জন্য ডিজাইন করা হয়েছে৷

এই প্যালেটটি যথেষ্ট বৈচিত্র্যময় হতে হবে:

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

টোনাল পার্থক্যগুলি গভীরতার বিভ্রম তৈরি করে এমনকি সত্যিকারের কালো পটভূমিতে যেখানে ছায়াগুলি অদৃশ্য। পর্যাপ্ত টোনাল পার্থক্য প্রদান করতে, অ্যান্ড্রয়েড অটোমোটিভ ওএস গ্রেস্কেল প্যালেটে মিড-গ্রে অন্তর্ভুক্ত রয়েছে। ধূসর 900 থেকে শুরু করে ম্যাটেরিয়াল ডিজাইন ধূসর খুব দ্রুত উজ্জ্বল রঙের দিকে এগিয়ে যায়; একটি রঙ দুই ধাপ হালকা হবে ধূসর 700, যা স্বয়ংক্রিয় প্রসঙ্গের জন্য খুব উজ্জ্বল।

উপাদান উচ্চতা চার্ট
এই চার্টটি উচ্চতার স্তর দেখায় যেখানে বিভিন্ন উপাদান বিশ্রাম নেয়। প্রতিটি উচ্চতা স্তর একটি সম্পর্কিত ধূসর মান আছে.
দিন এবং রাত মোড গ্রেস্কেল উচ্চতা স্তর
এই চার্টটি দিন এবং রাতের মোডে বিভিন্ন উচ্চতা স্তরের সাথে যুক্ত ধূসর মানগুলি দেখায়

সুরের ধাপের রঙ

অ্যান্ড্রয়েড অটোমোটিভ ওএস ইন্টারফেসের মূল অংশে গ্রেস্কেল প্যালেট ছাড়াও, ফোকাস আঁকার মতো উদ্দেশ্যে অন্যান্য রঙগুলি সামান্য ব্যবহার করা যেতে পারে।

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

নীল গাড়ির অ্যাকসেন্ট রঙের উদাহরণ
অ্যান্ড্রয়েড অটোমোটিভ ওএস-এ নীল "গাড়ির অ্যাকসেন্ট" রঙটি স্ট্যান্ডার্ড Google নীল রঙের চেয়ে বেশি স্যাচুরেটেড, যা দিনে এবং রাতের গাড়ি চালানোর সময় অন্ধকার-থিমযুক্ত ইন্টারফেসে ভালভাবে কাজ করার জন্য ডিজাইন করা হয়েছে।

অস্বচ্ছতা-মান চার্ট

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

গাঢ় অস্বচ্ছতার মান

অন্ধকার অস্বচ্ছতার মানগুলির জন্য সবচেয়ে সাধারণ ব্যবহার হল স্ক্রিম (ওভারলে) তৈরি করা।

ওভারলেগুলির জন্য কালো অস্বচ্ছতার মান

সাদা অস্বচ্ছতার মান

এই মানগুলি বেশিরভাগ পাঠ্যে ব্যবহৃত হয়। পটভূমি রঙিন হলে তারা বিশেষভাবে কার্যকর। একটি গাঢ়, রঙিন পটভূমিতে কঠিন ধূসর ব্যবহার করা খুব কর্দমাক্ত দেখায়।

পাঠ্যের জন্য সাদা অস্বচ্ছতার মান

স্ক্রিম এবং টেক্সট হায়ারার্কিতে কীভাবে অস্বচ্ছতা ব্যবহার করবেন তার উদাহরণের জন্য, নির্দেশিকা এবং উদাহরণ দেখুন।


বৈপরীত্য

মৌলিক Android Automotive OS নিরাপত্তা নির্দেশিকা পূরণ করতে, ব্যাকগ্রাউন্ড এবং আইকন বা পাঠ্যের মধ্যে বৈসাদৃশ্য অনুপাত কমপক্ষে 4.5:1 হওয়া উচিত। নির্দিষ্ট স্বয়ংচালিত UI উপাদানগুলিতে বৈসাদৃশ্য অনুপাত কীভাবে প্রযোজ্য তার বিশদ বিবরণের জন্য, বিষয়বস্তু পড়া সহজ করুন দেখুন।

কন্ট্রাস্ট করবেন

করবেন

নিশ্চিত করুন যে কন্ট্রাস্ট সব পঠনযোগ্য এবং কার্যকরী সামগ্রীর জন্য ন্যূনতম 4.5:1 অনুপাত পূরণ করে
কনট্রাস্ট করবেন না

করবেন না

কন্ট্রাস্টকে 4.5:1 এর নিচে নামতে দেবেন না, ড্রাইভারের নিরাপত্তা হ্রাস করে

নির্দেশিকা এবং উদাহরণ

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

এই বিভাগটি বিভিন্ন লক্ষ্য অর্জনের জন্য স্বচ্ছতা, অস্বচ্ছতা এবং রঙ প্রয়োগ করার জন্য নির্দেশিকা এবং উদাহরণ প্রদান করে। এই লক্ষ্যগুলির মধ্যে রয়েছে:

  • অস্পষ্ট পটভূমি
  • ধারাবাহিকতা বজায় রাখা
  • একটি চাক্ষুষ শ্রেণিবিন্যাস স্থাপন করা যা ব্যবহারকারীর ফোকাসকে প্রাথমিক ক্রিয়াকলাপে আকর্ষণ করে।
  • একটি তালিকায় বিশিষ্ট সত্তা

scrims সঙ্গে পটভূমি অস্পষ্ট

পূর্ণ-স্ক্রীন স্ক্রিম (ওভারলে) ব্যাকগ্রাউন্ডগুলিকে ব্যাকগ্রাউন্ড কভার করার জন্য ব্যাবহার করা হয়, যেমন ডায়ালগ যার জন্য ব্যবহারকারীদের একটি পদক্ষেপ নিতে হয়। আংশিক স্ক্রিমগুলি নোটিফিকেশনের মতো উপাদানগুলির পরিবর্তনের দিকে দৃষ্টি আকর্ষণ করতে ব্যবহৃত হয়।

দিনের মোডে সম্পূর্ণ স্ক্রিম
দিনের মোডে সম্পূর্ণ স্ক্রিম (ডায়ালগ কার্ডের পিছনে)
নাইট মোডে সম্পূর্ণ স্ক্রিম
নাইট মোডে সম্পূর্ণ স্ক্রিম (ডায়ালগ কার্ডের পিছনে)
দিনের মোডে আংশিক স্ক্রিম
দিনের মোডে আংশিক স্ক্রিম (বিজ্ঞপ্তির পিছনে)
নাইট মোডে আংশিক স্ক্রিম
নাইট মোডে আংশিক স্ক্রিম (বিজ্ঞপ্তির পিছনে)

রঙের সাথে সামঞ্জস্য বজায় রাখা

মেমরি এবং স্বীকৃতিকে শক্তিশালী করার জন্য রঙ একটি শক্তিশালী সংকেত। পর্দা থেকে পর্দায় একটি সুসংগত অভিজ্ঞতা তৈরি করতে এটি ব্যবহার করুন।

ভিজ্যুয়াল রঙের স্বীকৃতি

করবেন

একাধিক ভিউ জুড়ে একটি আইটেমের জন্য একই রঙ ব্যবহার করে চাক্ষুষ ধারাবাহিকতা বজায় রাখুন, যেমন সবুজ রঙ এখানে ঘুরে ঘুরে নেভিগেশন ভিউয়ের জন্য ব্যবহৃত হয়
ভিজ্যুয়াল রঙের ধারাবাহিকতা

করবেন

সম্পর্কিত উপাদান এবং ফাংশনগুলিকে দৃশ্যত সংযোগ করতে রঙ ব্যবহার করুন, যেমন এখানে দেখানো লাল হ্যাং-আপ CTA গুলি৷
ক্রমাগত অ্যাপ অ্যাকসেন্ট রঙ

করবেন

অ্যালবাম শিল্পের প্রভাবশালী রঙ বা একটি অবিচ্ছিন্ন ভিজ্যুয়াল সামর্থ্য হিসাবে সম্পর্কিত উপাদানগুলিতে একটি অ্যাপের নির্ধারিত রঙ ব্যবহার করুন। এখানে, বিরতি বোতামের চারপাশে বৃত্তটি স্পটিফাই সবুজ দিয়ে উচ্চারিত।
রঙ ব্যবহারের সীমাবদ্ধতা

করবেন না

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

একটি চাক্ষুষ শ্রেণিবিন্যাস প্রতিষ্ঠা করা

একটি সামঞ্জস্যপূর্ণ এবং শক্তিশালী চাক্ষুষ শ্রেণিবিন্যাস তৈরি করতে সাদা অস্বচ্ছতার মান ব্যবহার করুন। 88, 72, এবং 56-এর অপাসিটি মানগুলি একটি অন্ধকার পটভূমিতে একটি আরামদায়ক পড়ার পরিবেশ তৈরি করার সময় অ্যাক্সেসযোগ্যতার প্রয়োজনীয়তাগুলি পূরণ করার জন্য যথেষ্ট বৈসাদৃশ্য রয়েছে। রাতের মোডের জন্য সমস্ত সাদাতে 96% অপাসিটি ব্যবহার করুন।

চাক্ষুষ শ্রেণিবিন্যাস বজায় রাখার জন্য অস্বচ্ছতা এবং বৈসাদৃশ্যের উদাহরণ

করবেন

একটি ভিজ্যুয়াল শ্রেণিবিন্যাস বজায় রাখতে বিভিন্ন অস্বচ্ছতা এবং বৈসাদৃশ্য মান ব্যবহার করুন।
অস্বচ্ছতা এবং বৈসাদৃশ্য সীমাবদ্ধতা

করবেন না

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