অপটিকাল সি-থ্রু ডিসপ্লের জন্য পরিষ্কার, এক ঝলকে দেখে নেওয়া যায় এমন ডিজাইন।
Jetpack Compose Glimmer হল Google-এর ডিজাইন সিস্টেম এবং ওয়্যারড XR গ্লাসের মতো অপ্টিক্যাল ট্রান্সপারেন্ট (OST) ডিসপ্লের জন্য UI টুলকিট। ডিজাইন সিস্টেম, রঙ, টাইপ ও শেপ প্রিমিটিভ থেকে শুরু করে কম্পোনেন্ট ও নির্দেশিকা পর্যন্ত, আবার ব্যবহারযোগ্য সিদ্ধান্ত প্রদান করে।
নীতি
Jetpack Compose Glimmer হল প্রথম UI ফ্রেমওয়ার্কগুলির মধ্যে একটি যা ট্রান্সপারেন্ট ডিসপ্লে এবং গ্লাস ফর্ম-ফ্যাক্টরের জন্য অপ্টিমাইজ করা হয়েছে। OST, অস্বচ্ছ স্ক্রিন ডিসপ্লে ব্যবহার না করে প্রজেক্ট লাইট সরাসরি ফিজিক্যাল ওয়ার্ল্ডের উপরে দেখায়। Glimmer ডেভেলপারদের এমন হাই-কনট্রাস্ট, এক ঝলকে দেখে নেওয়া যায় এমন UI তৈরি করতে সাহায্য করে যা বাস্তব-জগতের উপস্থিতি বজায় রাখে।
প্রথমে স্বচ্ছ ডিসপ্লে
ট্রান্সপারেন্ট ডিসপ্লে এবং চশমার ফর্ম ফ্যাক্টরের জন্য অপ্টিমাইজ করা হয়েছে এবং রিসার্চ ও কালার সায়েন্সের মাধ্যমে তৈরি করা হয়েছে, যাতে চিন্তাশীল, সুন্দর, অপটিক্যাল সি-থ্রু এক্সপিরিয়েন্স পাওয়া যায়।
হার্ডওয়্যার ইনপুট
ওয়্যারড XR গ্লাসের ক্ষমতা অনুযায়ী ইন্টার্যাকশন ইনপুট ডিজাইন করা হয়।
বিশেষ উদ্দেশ্য পূরণের জন্য তৈরি
গ্লাসের জন্য রেডি-টু-ইউজ হিসেবে স্টাইল ও কম্পোনেন্ট তৈরি করা হয়। Jetpack Compose Glimmer, ট্রান্সপারেন্ট ডিসপ্লে ও ব্যবহারকারীর স্বাচ্ছন্দ্যের জন্য অপ্টিমাইজ করা হয়েছে। এটি নির্দিষ্ট উদ্দেশ্যে তৈরি করা হলেও, এটি অনড় নয়। এটি আপনাকে টাইপ ও কালার ছাড়াও ফোকাস হাইলাইট কাস্টমাইজ করার একটি উপায় প্রদান করে।
স্টাইল
Jetpack Compose Glimmer-এর ডিজাইন ল্যাঙ্গুয়েজে চশমায় অপ্টিমাল দৃশ্যমানতার জন্য একটি সরলীকৃত থিম থাকে। রঙ ও ধরনকে শব্দার্থগত এক্সপ্রেশন ও অ্যাপের কোহেশনের জন্য কাস্টমাইজ করা যেতে পারে। ভিজ্যুয়াল ডিজাইন সংক্রান্ত নীতিতে স্পষ্টতা, পাঠযোগ্যতা ও ন্যূনতম বিভ্রান্তির উপর জোর দেওয়া হয়। ওয়্যার কানেক্ট করা গ্লাসে ফিল্ড অফ ভিউ বেশি থাকে এবং এতে "বাস্তব-জগত" সংক্রান্ত হস্তক্ষেপ কম হতে পারে, তবে আপনাকে এখনও UI যাতে দেখা না যায় তা নিশ্চিত করতে হবে।
OST গ্লাসের জন্য অপ্টিমাইজ করা একটি বেসলাইন থিম Glimmer-এ থাকে। রঙ ও টাইপকে শব্দার্থগত অভিব্যক্তি ও অ্যাপের সামঞ্জস্যের জন্য কাস্টমাইজ করা যেতে পারে। অপটিক্যাল-সি-থ্রু ডিসপ্লেতে কালো রঙ স্বচ্ছ হয়। ডিজাইন করার সময় এটি মাথায় রাখবেন, কারণ গাঢ় রঙগুলি অনুজ্জ্বল বা স্বচ্ছ দেখাবে, তবে এটি গভীরতা তৈরি করতেও ব্যবহার করা যেতে পারে।
রঙের স্কিম
গ্লাস কালার স্কিম (আপনার অ্যাপের রঙ থিম করার জন্য কালার টোকেন বা রোলের সংগ্রহ) তিনটি অ্যাকসেন্ট রোল, ছয়টি সারফেস (বা নিউট্রাল রোল) এবং সেগুলির অন-কালার কাউন্টারপার্ট নিয়ে গঠিত।
রঙ কাস্টমাইজ করা
আপনার ব্র্যান্ড বা প্রাথমিক ইন্টার্যাকশন কালার ব্যবহার করার জন্য প্রাথমিক রঙ কাস্টমাইজ করা যেতে পারে। বেছে নেওয়া রঙের কনট্রাস্ট, স্যাচুরেশন ও পাওয়ার ব্যবহার বিবেচনা করুন।
Glimmer-এর কালার সিস্টেম ও পেশাদার পদ্ধতি সম্পর্কে আরও জানুন।
টাইপোগ্রাফি
Jetpack Compose Glimmer-এ অপ্টিমাইজ করা ডিফল্ট টাইপস্কেল আছে। প্রতিটি তিনটি স্টাইল সহ দুটি ভূমিকা নিয়ে গঠিত, টাইপ রোলগুলি তাদের উদ্দেশ্য এবং ক্রমোচ্চতার উপর ভিত্তি করে তৈরি হয়। আরও তথ্যের জন্য, Glimmer টাইপোগ্রাফি দেখুন।
সারফেস ও গভীরতা
সারফেসে কন্টেন্ট থাকে। এগুলি ব্যবহারকারীর দৃষ্টিসীমার মধ্যে স্পষ্ট ফোকাল পয়েন্ট প্রদান করে, যার মধ্যে কন্টেন্ট বা অ্যাকশন থাকতে পারে। Glimmer-এ সারফেস ও ডেপথ সম্পর্কে আরও তথ্য ব্যবহার করা হয়।
উপাদানগুলি
আপনার UI তৈরি করার জন্য কম্পোনেন্ট হল উদ্দেশ্য-ভিত্তিক বিল্ডিং ব্লক। আপনার অ্যাপে কম্পোনেন্ট হিসেবে Jetpack Compose Glimmer ব্যবহার করা উচিত, কারণ এগুলি OST গ্লাসের অনন্য ব্যবহারের ক্ষেত্রে অপ্টিমাইজ করা হয়। আরও তথ্যের জন্য, Glimmer কম্পোনেন্ট দেখুন।
কম্পোনেন্ট প্রয়োগ করার জন্য প্রস্তুত? Jetpack Compose Glimmer ডকুমেন্টেশন দেখুন।
Glimmer কম্পোনেন্ট একাধিক UX উদ্দেশ্যে ব্যবহার করা হয়। কিছু কম্পোনেন্টে অ্যাকশনের জন্য বোতাম, যোগাযোগের জন্য প্রগ্রেস ইন্ডিকেটর, কন্টেনমেন্টের জন্য স্ট্যাক, নেভিগেশন এবং ইনপুটের জন্য ভয়েস ইন্ডিকেটর থাকে।