Wear OS-এর জন্য ম্যাটেরিয়াল ডিজাইন একটি গাঢ় রঙের প্যালেট ব্যবহার করে। বিশেষ করে, আপনার অ্যাপ এবং টাইলের জন্য আপনাকে অবশ্যই একটি কালো ব্যাকগ্রাউন্ড ব্যবহার করতে হবে।
রঙের স্কিম
Wear OS কালার স্কিম তৈরি করা হয়েছে বেসলাইন মেটেরিয়াল ডিজাইন কালার থিমের উপর ভিত্তি করে। আপনি সেই থিমটি যেমন আছে তেমন ব্যবহার করতে পারেন বা আপনার অ্যাপের জন্য কাস্টমাইজ করতে পারেন।
এই থিম এর জন্য ডিফল্ট রং অন্তর্ভুক্ত করে:
- প্রাথমিক এবং মাধ্যমিক রং
- প্রাথমিক এবং মাধ্যমিক রঙের বৈকল্পিক
- অতিরিক্ত UI রং, যেমন ব্যাকগ্রাউন্ড, সারফেস, ত্রুটি, টাইপোগ্রাফি এবং আইকনোগ্রাফির জন্য রং
গাঢ় থিম
সমস্ত গাঢ়-থিম রঙে পর্যাপ্ত বৈসাদৃশ্য সহ উপাদানগুলি প্রদর্শন করা উচিত, যখন সমস্ত উচ্চতা পৃষ্ঠে প্রয়োগ করা হয় তখন বডি টেক্সটের জন্য WCAG-এর AA মান কমপক্ষে 4.5:1 পূরণ করে।
অ্যাক্সেসযোগ্যতার জন্য ডিস্যাচুরেটেড রং ব্যবহার করুন
একটি গাঢ় থিমকে স্যাচুরেটেড রং ব্যবহার করা এড়িয়ে চলা উচিত, কারণ এগুলি ডার্ক সারফেসগুলির বিরুদ্ধে বডি টেক্সটের জন্য WCAG-এর অ্যাক্সেসিবিলিটি মান কমপক্ষে 4.5:1 পূরণ করে না। স্যাচুরেটেড রঙগুলি অন্ধকার পটভূমিতেও অপটিক্যাল কম্পন তৈরি করে, যা চোখের চাপ সৃষ্টি করতে পারে। পরিবর্তে, আরো সুস্পষ্ট বিকল্প হিসাবে desaturated রং ব্যবহার করুন.
প্রাথমিক রঙ
একটি প্রাথমিক রঙ হল সেই রঙ যা আপনার অ্যাপের স্ক্রীন এবং উপাদান জুড়ে প্রায়শই প্রদর্শিত হয়। বেসলাইন মেটেরিয়াল ডিজাইন ডার্ক থিম প্রাথমিক রঙ হিসাবে 200 টোন ব্যবহার করে। এটি সমস্ত উচ্চতার পৃষ্ঠে সাধারণ পাঠ্যের জন্য কমপক্ষে 4.5:1 এর WCAG-এর AA মান পূরণ করে।
সেকেন্ডারি রঙ
আপনার UI এর নির্দিষ্ট অংশগুলিকে উচ্চারণ করতে একটি গৌণ রঙ ব্যবহার করা যেতে পারে। একটি গাঢ় থিমে, একটি গৌণ রঙ 4.5:1 বৈসাদৃশ্য স্তর পূরণ করতে desaturated হতে পারে।
চিত্র 4, 1) একটি গৌণ রঙ নির্দেশক নির্দেশ করে এবং 2) টোনাল বৈকল্পিক নির্দেশ করে।
অ্যাকসেন্ট রঙ
একটি অন্ধকার থিমে, অন্ধকার পৃষ্ঠগুলি UI এর বেশিরভাগ অংশ দখল করে। অ্যাকসেন্ট রঙগুলি সাধারণত হালকা (অস্যাচুরেটেড প্যাস্টেল) বা উজ্জ্বল (স্যাচুরেটেড, প্রাণবন্ত রঙ)। এটি উচ্চারিত উপাদানগুলিকে আলাদা করতে সহায়তা করে। টেক্সট বা বোতামের মতো মূল উপাদানগুলিকে উচ্চারণ করতে অ্যাকসেন্টের রঙগুলি কম ব্যবহার করুন।
অ্যাকসেন্ট রং খোঁজা একটি রঙের থিম তৈরি করতে বা দেখতে রঙ প্যালেট জেনারেটর ব্যবহার করুন। রঙ প্যালেট জেনারেটর টোনাল প্যালেটগুলিও তৈরি করে, যা হালকা থেকে গাঢ় রঙের বৈচিত্রের একটি পরিসর, যা আপনার প্রাথমিক এবং মাধ্যমিক রং থেকে তৈরি করা হয়। আপনার গাঢ় থিমের জন্য এগুলোর বৈচিত্র নির্বাচন করুন।
চিত্র 5-এ, 1) একটি ডিফল্ট থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে এবং 2) একটি অন্ধকার থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে৷
UI এর বড় অংশের জন্য গাঢ় রঙের বর্ণালী ব্যবহার করুন, যেমন পটভূমির রঙ। অ্যাকসেন্ট এবং UI উপাদানগুলির জন্য হালকা রং সংরক্ষণ করুন।
,Wear OS-এর জন্য ম্যাটেরিয়াল ডিজাইন একটি গাঢ় রঙের প্যালেট ব্যবহার করে। বিশেষ করে, আপনার অ্যাপ এবং টাইলের জন্য আপনাকে অবশ্যই একটি কালো ব্যাকগ্রাউন্ড ব্যবহার করতে হবে।
রঙের স্কিম
Wear OS কালার স্কিম তৈরি করা হয়েছে বেসলাইন মেটেরিয়াল ডিজাইন কালার থিমের উপর ভিত্তি করে। আপনি সেই থিমটি যেমন আছে তেমন ব্যবহার করতে পারেন বা আপনার অ্যাপের জন্য কাস্টমাইজ করতে পারেন।
এই থিম এর জন্য ডিফল্ট রং অন্তর্ভুক্ত করে:
- প্রাথমিক এবং মাধ্যমিক রং
- প্রাথমিক এবং মাধ্যমিক রঙের বৈকল্পিক
- অতিরিক্ত UI রং, যেমন ব্যাকগ্রাউন্ড, সারফেস, ত্রুটি, টাইপোগ্রাফি এবং আইকনোগ্রাফির জন্য রং
গাঢ় থিম
সমস্ত গাঢ়-থিম রঙে পর্যাপ্ত বৈসাদৃশ্য সহ উপাদানগুলি প্রদর্শন করা উচিত, যখন সমস্ত উচ্চতা পৃষ্ঠে প্রয়োগ করা হয় তখন বডি টেক্সটের জন্য WCAG-এর AA মান কমপক্ষে 4.5:1 পূরণ করে।
অ্যাক্সেসযোগ্যতার জন্য ডিস্যাচুরেটেড রং ব্যবহার করুন
একটি গাঢ় থিমকে স্যাচুরেটেড রং ব্যবহার করা এড়িয়ে চলা উচিত, কারণ এগুলি ডার্ক সারফেসগুলির বিরুদ্ধে বডি টেক্সটের জন্য WCAG-এর অ্যাক্সেসিবিলিটি মান কমপক্ষে 4.5:1 পূরণ করে না। স্যাচুরেটেড রঙগুলি অন্ধকার পটভূমিতেও অপটিক্যাল কম্পন তৈরি করে, যা চোখের চাপ সৃষ্টি করতে পারে। পরিবর্তে, আরো সুস্পষ্ট বিকল্প হিসাবে desaturated রং ব্যবহার করুন.
প্রাথমিক রঙ
একটি প্রাথমিক রঙ হল সেই রঙ যা আপনার অ্যাপের স্ক্রীন এবং উপাদান জুড়ে প্রায়শই প্রদর্শিত হয়। বেসলাইন মেটেরিয়াল ডিজাইন ডার্ক থিম একটি প্রাথমিক রঙ হিসাবে 200 টোন ব্যবহার করে। এটি সমস্ত উচ্চতার পৃষ্ঠে সাধারণ পাঠ্যের জন্য কমপক্ষে 4.5:1 এর WCAG-এর AA মান পূরণ করে।
সেকেন্ডারি রঙ
আপনার UI এর নির্দিষ্ট অংশগুলিকে উচ্চারণ করতে একটি গৌণ রঙ ব্যবহার করা যেতে পারে। একটি গাঢ় থিমে, একটি গৌণ রঙ 4.5:1 বৈসাদৃশ্য স্তর পূরণ করতে desaturated হতে পারে।
চিত্র 4, 1) একটি গৌণ রঙ নির্দেশক নির্দেশ করে এবং 2) টোনাল বৈকল্পিক নির্দেশ করে।
অ্যাকসেন্ট রঙ
একটি অন্ধকার থিমে, অন্ধকার পৃষ্ঠগুলি UI এর বেশিরভাগ অংশ দখল করে। অ্যাকসেন্ট রঙগুলি সাধারণত হালকা (অস্যাচুরেটেড প্যাস্টেল) বা উজ্জ্বল (স্যাচুরেটেড, প্রাণবন্ত রঙ)। এটি উচ্চারিত উপাদানগুলিকে আলাদা করতে সহায়তা করে। টেক্সট বা বোতামের মতো মূল উপাদানগুলিকে উচ্চারণ করতে অ্যাকসেন্টের রঙগুলি কম ব্যবহার করুন।
অ্যাকসেন্ট রং খোঁজা একটি রঙের থিম তৈরি করতে বা দেখতে রঙ প্যালেট জেনারেটর ব্যবহার করুন। রঙ প্যালেট জেনারেটর টোনাল প্যালেটগুলিও তৈরি করে, যা হালকা থেকে গাঢ় রঙের বৈচিত্রের একটি পরিসর, যা আপনার প্রাথমিক এবং মাধ্যমিক রং থেকে তৈরি করা হয়। আপনার গাঢ় থিমের জন্য এগুলোর বৈচিত্র নির্বাচন করুন।
চিত্র 5, 1) একটি ডিফল্ট থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে এবং 2) একটি অন্ধকার থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে৷
UI এর বড় অংশের জন্য গাঢ় রঙের বর্ণালী ব্যবহার করুন, যেমন পটভূমির রঙ। অ্যাকসেন্ট এবং UI উপাদানগুলির জন্য হালকা রং সংরক্ষণ করুন।
,Wear OS-এর জন্য ম্যাটেরিয়াল ডিজাইন একটি গাঢ় রঙের প্যালেট ব্যবহার করে। বিশেষ করে, আপনার অ্যাপ এবং টাইলের জন্য আপনাকে অবশ্যই একটি কালো ব্যাকগ্রাউন্ড ব্যবহার করতে হবে।
রঙের স্কিম
Wear OS কালার স্কিম তৈরি করা হয়েছে বেসলাইন মেটেরিয়াল ডিজাইন কালার থিমের উপর ভিত্তি করে। আপনি সেই থিমটি যেমন আছে তেমন ব্যবহার করতে পারেন বা আপনার অ্যাপের জন্য কাস্টমাইজ করতে পারেন।
এই থিম এর জন্য ডিফল্ট রং অন্তর্ভুক্ত করে:
- প্রাথমিক এবং মাধ্যমিক রং
- প্রাথমিক এবং মাধ্যমিক রঙের বৈকল্পিক
- অতিরিক্ত UI রং, যেমন ব্যাকগ্রাউন্ড, সারফেস, ত্রুটি, টাইপোগ্রাফি এবং আইকনোগ্রাফির জন্য রং
গাঢ় থিম
সমস্ত গাঢ়-থিম রঙে পর্যাপ্ত বৈসাদৃশ্য সহ উপাদানগুলি প্রদর্শন করা উচিত, যখন সমস্ত উচ্চতা পৃষ্ঠে প্রয়োগ করা হয় তখন বডি টেক্সটের জন্য WCAG-এর AA মান কমপক্ষে 4.5:1 পূরণ করে।
অ্যাক্সেসযোগ্যতার জন্য ডিস্যাচুরেটেড রং ব্যবহার করুন
একটি গাঢ় থিমকে স্যাচুরেটেড রং ব্যবহার করা এড়িয়ে চলা উচিত, কারণ এগুলি ডার্ক সারফেসগুলির বিরুদ্ধে বডি টেক্সটের জন্য WCAG-এর অ্যাক্সেসিবিলিটি মান কমপক্ষে 4.5:1 পূরণ করে না। স্যাচুরেটেড রঙগুলি অন্ধকার পটভূমিতেও অপটিক্যাল কম্পন তৈরি করে, যা চোখের চাপ সৃষ্টি করতে পারে। পরিবর্তে, আরো সুস্পষ্ট বিকল্প হিসাবে desaturated রং ব্যবহার করুন.
প্রাথমিক রঙ
একটি প্রাথমিক রঙ হল সেই রঙ যা আপনার অ্যাপের স্ক্রীন এবং উপাদান জুড়ে প্রায়শই প্রদর্শিত হয়। বেসলাইন মেটেরিয়াল ডিজাইন ডার্ক থিম একটি প্রাথমিক রঙ হিসাবে 200 টোন ব্যবহার করে। এটি সমস্ত উচ্চতার পৃষ্ঠে সাধারণ পাঠ্যের জন্য কমপক্ষে 4.5:1 এর WCAG-এর AA মান পূরণ করে।
সেকেন্ডারি রঙ
আপনার UI এর নির্দিষ্ট অংশগুলিকে উচ্চারণ করতে একটি গৌণ রঙ ব্যবহার করা যেতে পারে। একটি গাঢ় থিমে, একটি গৌণ রঙ 4.5:1 বৈসাদৃশ্য স্তর পূরণ করতে desaturated হতে পারে।
চিত্র 4, 1) একটি গৌণ রঙ নির্দেশক নির্দেশ করে এবং 2) টোনাল বৈকল্পিক নির্দেশ করে।
অ্যাকসেন্ট রঙ
একটি অন্ধকার থিমে, অন্ধকার পৃষ্ঠগুলি UI এর বেশিরভাগ অংশ দখল করে। অ্যাকসেন্ট রঙগুলি সাধারণত হালকা (অস্যাচুরেটেড প্যাস্টেল) বা উজ্জ্বল (স্যাচুরেটেড, প্রাণবন্ত রঙ)। এটি উচ্চারিত উপাদানগুলিকে আলাদা করতে সহায়তা করে। টেক্সট বা বোতামের মতো মূল উপাদানগুলিকে উচ্চারণ করতে অ্যাকসেন্টের রঙগুলি কম ব্যবহার করুন।
অ্যাকসেন্ট রং খোঁজা একটি রঙের থিম তৈরি করতে বা দেখতে রঙ প্যালেট জেনারেটর ব্যবহার করুন। রঙ প্যালেট জেনারেটর টোনাল প্যালেটগুলিও তৈরি করে, যা হালকা থেকে গাঢ় রঙের বৈচিত্রের একটি পরিসর, যা আপনার প্রাথমিক এবং মাধ্যমিক রং থেকে তৈরি করা হয়। আপনার গাঢ় থিমের জন্য এগুলোর বৈচিত্র নির্বাচন করুন।
চিত্র 5-এ, 1) একটি ডিফল্ট থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে এবং 2) একটি অন্ধকার থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে৷
UI এর বড় অংশের জন্য গাঢ় রঙের বর্ণালী ব্যবহার করুন, যেমন পটভূমির রঙ। অ্যাকসেন্ট এবং UI উপাদানগুলির জন্য হালকা রং সংরক্ষণ করুন।
,Wear OS-এর জন্য ম্যাটেরিয়াল ডিজাইন একটি গাঢ় রঙের প্যালেট ব্যবহার করে। বিশেষ করে, আপনার অ্যাপ এবং টাইলের জন্য আপনাকে অবশ্যই একটি কালো ব্যাকগ্রাউন্ড ব্যবহার করতে হবে।
রঙের স্কিম
Wear OS কালার স্কিম তৈরি করা হয়েছে বেসলাইন মেটেরিয়াল ডিজাইন কালার থিমের উপর ভিত্তি করে। আপনি সেই থিমটি যেমন আছে তেমন ব্যবহার করতে পারেন বা আপনার অ্যাপের জন্য কাস্টমাইজ করতে পারেন।
এই থিম এর জন্য ডিফল্ট রং অন্তর্ভুক্ত করে:
- প্রাথমিক এবং মাধ্যমিক রং
- প্রাথমিক এবং মাধ্যমিক রঙের বৈকল্পিক
- অতিরিক্ত UI রং, যেমন ব্যাকগ্রাউন্ড, সারফেস, ত্রুটি, টাইপোগ্রাফি এবং আইকনোগ্রাফির জন্য রং
গাঢ় থিম
সমস্ত গাঢ়-থিম রঙে পর্যাপ্ত বৈসাদৃশ্য সহ উপাদানগুলি প্রদর্শন করা উচিত, যখন সমস্ত উচ্চতা পৃষ্ঠে প্রয়োগ করা হয় তখন বডি টেক্সটের জন্য WCAG-এর AA মান কমপক্ষে 4.5:1 পূরণ করে।
অ্যাক্সেসযোগ্যতার জন্য ডিস্যাচুরেটেড রং ব্যবহার করুন
একটি গাঢ় থিমকে স্যাচুরেটেড রং ব্যবহার করা এড়িয়ে চলা উচিত, কারণ এগুলি ডার্ক সারফেসগুলির বিরুদ্ধে বডি টেক্সটের জন্য WCAG-এর অ্যাক্সেসিবিলিটি মান কমপক্ষে 4.5:1 পূরণ করে না। স্যাচুরেটেড রঙগুলি অন্ধকার পটভূমিতেও অপটিক্যাল কম্পন তৈরি করে, যা চোখের চাপ সৃষ্টি করতে পারে। পরিবর্তে, আরো সুস্পষ্ট বিকল্প হিসাবে desaturated রং ব্যবহার করুন.
প্রাথমিক রঙ
একটি প্রাথমিক রঙ হল সেই রঙ যা আপনার অ্যাপের স্ক্রীন এবং উপাদান জুড়ে প্রায়শই প্রদর্শিত হয়। বেসলাইন মেটেরিয়াল ডিজাইন ডার্ক থিম একটি প্রাথমিক রঙ হিসাবে 200 টোন ব্যবহার করে। এটি সমস্ত উচ্চতার পৃষ্ঠে সাধারণ পাঠ্যের জন্য কমপক্ষে 4.5:1 এর WCAG-এর AA মান পূরণ করে।
সেকেন্ডারি রঙ
আপনার UI এর নির্দিষ্ট অংশগুলিকে উচ্চারণ করতে একটি গৌণ রঙ ব্যবহার করা যেতে পারে। একটি গাঢ় থিমে, একটি গৌণ রঙ 4.5:1 বৈসাদৃশ্য স্তর পূরণ করতে desaturated হতে পারে।
চিত্র 4, 1) একটি গৌণ রঙ নির্দেশক নির্দেশ করে এবং 2) টোনাল বৈকল্পিক নির্দেশ করে।
অ্যাকসেন্ট রঙ
একটি অন্ধকার থিমে, অন্ধকার পৃষ্ঠগুলি UI এর বেশিরভাগ অংশ দখল করে। অ্যাকসেন্ট রঙগুলি সাধারণত হালকা (অস্যাচুরেটেড প্যাস্টেল) বা উজ্জ্বল (স্যাচুরেটেড, প্রাণবন্ত রঙ)। এটি উচ্চারিত উপাদানগুলিকে আলাদা করতে সহায়তা করে। টেক্সট বা বোতামের মতো মূল উপাদানগুলিকে উচ্চারণ করতে অ্যাকসেন্টের রঙগুলি কম ব্যবহার করুন।
অ্যাকসেন্ট রং খোঁজা একটি রঙের থিম তৈরি করতে বা দেখতে রঙ প্যালেট জেনারেটর ব্যবহার করুন। রঙ প্যালেট জেনারেটর টোনাল প্যালেটগুলিও তৈরি করে, যা হালকা থেকে গাঢ় রঙের বৈচিত্রের একটি পরিসর, যা আপনার প্রাথমিক এবং মাধ্যমিক রং থেকে তৈরি করা হয়। আপনার গাঢ় থিমের জন্য এগুলোর বৈচিত্র নির্বাচন করুন।
চিত্র 5-এ, 1) একটি ডিফল্ট থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে এবং 2) একটি অন্ধকার থিম প্রাথমিক রঙ নির্দেশক নির্দেশ করে৷
UI এর বড় অংশের জন্য গাঢ় রঙের বর্ণালী ব্যবহার করুন, যেমন পটভূমির রঙ। অ্যাকসেন্ট এবং UI উপাদানগুলির জন্য হালকা রং সংরক্ষণ করুন।