চশমার রঙ

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

অপটিক্যাল-সি-থ্রু ডিসপ্লেতে কালো রঙ স্বচ্ছ দেখায়। ডিজাইন করার সময় এই বিষয়টি মাথায় রাখবেন, কারণ গাঢ় রঙ অনুজ্জ্বল বা স্বচ্ছ দেখাবে, তবে এটি গভীরতা তৈরি করতেও ব্যবহার করা যেতে পারে।

রঙের পরিকল্পনা

গ্লাসেস কালার স্কিম (আপনার অ্যাপের রঙের থিম নির্ধারণের জন্য কালার টোকেন বা রোলের একটি সংগ্রহ) ৩টি অ্যাকসেন্ট রোল, ৬টি সারফেস (বা নিউট্রাল রোল) এবং তাদের অন-কালার প্রতিরূপ নিয়ে গঠিত। এই কালার রোলগুলো তাদের মোবাইল স্কিম রোলের মতোই এবং একই পদ্ধতিতে ব্যবহার করা উচিত।

ডিজাইনের উপাদানগুলো ফ্রেমের নিচের অংশে নোঙর করা উচিত।

একটি রঙের উপর সীমিত জোর দেওয়ার জন্য অ্যাকসেন্ট রঙ ব্যবহার করা যেতে পারে।

আপনার লেখার বেশিরভাগ অংশের জন্য সাদা রঙ ব্যবহার করুন। বিশেষ কোনো লেখার ওপর জোর দেওয়ার জন্য ফন্টের রঙ ব্যবহার করা যেতে পারে।
সমস্ত কন্টেন্টের জন্য রঙিন টেক্সট ব্যবহার করুন।

রঙ কাস্টমাইজ করুন

চশমার রং কাস্টমাইজ করার সময়, দৃষ্টিতে ন্যূনতম বাধা এবং বাস্তব জগতের সাথে সামঞ্জস্য অত্যন্ত গুরুত্বপূর্ণ; বিভিন্ন আলোর পরিস্থিতিতে পাঠযোগ্যতাকে অগ্রাধিকার দিন। রংগুলো যেন সঙ্গে সঙ্গে চেনা যায়, সেজন্য উজ্জ্বলতা ও স্যাচুরেশনের মধ্যে ভারসাম্য রেখে সতর্কতার সাথে ক্যালিব্রেট করুন।

আপনার ব্র্যান্ড বা প্রধান ইন্টারঅ্যাকশন রঙ ব্যবহার করার জন্য প্রাথমিক রঙটি কাস্টমাইজ করা যেতে পারে। নির্বাচিত রঙের কনট্রাস্ট, স্যাচুরেশন এবং শক্তি ব্যবহারের বিষয়টি বিবেচনা করুন।

ডিজাইনের উপাদানগুলো ফ্রেমের নিচের অংশে নোঙর করা উচিত।

অপ্টিমাইজড ব্র্যান্ড এবং শব্দার্থিক রঙ

ব্র্যান্ড, কার্যক্রম বা সিস্টেম অ্যালার্ট নির্দেশকারী রংগুলো অবশ্যই হতে হবে:

  • পড়ার জন্য যথেষ্ট উজ্জ্বল।
  • রঙ হিসেবে শনাক্ত করার মতো যথেষ্ট গাঢ়
  • HCT কালার স্পেস ব্যবহার করে ফোরগ্রাউন্ড এবং ব্যাকগ্রাউন্ডের মধ্যে কমপক্ষে ৬৬% টোন পার্থক্য নিশ্চিত করুন।

Jetpack Compose Glimmer থিম সম্পর্কে আরও জানুন।

বিদ্যুৎ ব্যবহার

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

ডিজাইনের উপাদানগুলো ফ্রেমের নিচের অংশে নোঙর করা উচিত।

আপনার ব্যবহারকারীরা যেসব পটভূমির সম্মুখীন হবেন, সেগুলোর মধ্যেকার বৈসাদৃশ্য বিবেচনায় রাখুন।
বিভিন্ন ব্যাকগ্রাউন্ডে UI এলিমেন্টগুলোর মধ্যে কনট্রাস্ট খুব কম থাকলে, তা চোখের উপর চাপ সৃষ্টি করতে পারে এবং পাঠযোগ্যতা কমিয়ে দিতে পারে।
প্রতিটি ব্যাকগ্রাউন্ডে পর্যাপ্ত কনট্রাস্ট আনার জন্য ফোরগ্রাউন্ড এবং ব্যাকগ্রাউন্ড রঙের টোনের মধ্যে ৭০ (৭:১) কনট্রাস্ট পার্থক্য থাকতে হবে। আপনার ডিজাইনগুলোকে স্ক্রিন ব্লেন্ড মোডে সেট করে আপনি এটি পরীক্ষা করতে পারেন।
অনুজ্জ্বল রং ব্যবহার করুন।
অতিরিক্ত উজ্জ্বল রং ব্যবহার করুন। এগুলো সঠিকভাবে প্রদর্শিত নাও হতে পারে এবং পাঠযোগ্যতায় ব্যাঘাত ঘটাতে পারে।

বিশেষভাবে তৈরি পৃষ্ঠতল পরিহার করা উচিত।

ডিজাইনের উপাদানগুলো ফ্রেমের নিচের অংশে নোঙর করা উচিত।

গাঢ় পাত্রের রঙ

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

  • সর্বোচ্চ কনট্রাস্টের জন্য পৃষ্ঠতল অবশ্যই কালো হতে হবে।
  • সম্মুখভাগের উপাদানগুলোর পাঠযোগ্যতা বজায় রাখার জন্য, ফোকাস করা অবস্থায় পৃষ্ঠতলগুলোর টোন ৩৪% এর কম হালকা হওয়া উচিত নয়।
  • রূপরেখাগুলো দৃশ্যমান কিন্তু সূক্ষ্ম হওয়া উচিত।

গাঢ় পৃষ্ঠতল এবং উজ্জ্বল বিষয়বস্তু ব্যবহার করুন।
উজ্জ্বল বা ভরাট পৃষ্ঠতল ব্যবহার করুন।
পৃষ্ঠতল এবং লেখার মধ্যে বৈসাদৃশ্য প্রদান করুন। আনুমানিক ৬৬ টোনের পার্থক্য যাচাই করার পরামর্শ দেওয়া হচ্ছে।
পৃষ্ঠতল এবং লেখার বৈসাদৃশ্যকে খুব কাছাকাছি হতে দিন।
প্রয়োজনীয় দৃশ্যগত স্তরবিন্যাস তৈরি করার জন্য সারফেস এবং সারফেস ভ্যারিয়েন্টগুলোর মধ্যে রঙের যথেষ্ট পার্থক্য আছে কিনা, তা নিশ্চিত করুন।
সারফেস এবং সারফেস ভ্যারিয়েন্টের টোন খুব কাছাকাছি করুন (পার্থক্য প্রায় ২০)।

ব্র্যান্ডিং বা অভিব্যক্তিপূর্ণ UI যোগ করার জন্য আউটলাইন কাস্টমাইজ করা সম্ভব।

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

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

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

সমস্ত ইন্টারঅ্যাকশন স্টেট জুড়ে পর্যাপ্ত কনট্রাস্ট আছে কিনা তা নিশ্চিত করুন।
ইন্টারঅ্যাকশন স্টেটগুলোর কনট্রাস্ট সর্বনিম্ন কনট্রাস্টে পরিবর্তন করুন।