শৈলী

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

রঙ

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

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

উপাদানগুলিতে প্রাণবন্ত বৈসাদৃশ্য তৈরি করতে অ্যাকসেন্ট ভূমিকার মাধ্যমে ভিজ্যুয়াল শ্রেণিবিন্যাস অন্বেষণ করুন অথবা আপনার ব্র্যান্ডকে প্রকাশ করে এমন একটি আরও মজাদার কাস্টম থিম অন্বেষণ করুন।

রঙিন টোকেন সহ উইজেট ডাকা হচ্ছে।
আরও অভিব্যক্তিপূর্ণ উইজেটের জন্য নতুন কন্টেন্টের জন্য ভিজ্যুয়াল হায়ারার্কি নির্ধারণ করতে রঙ ব্যবহার করুন।

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

আকৃতি

আপনার উইজেটের আকৃতি আপনার উইজেটের মেজাজ নির্ধারণ করে। আয়তক্ষেত্রাকার উইজেটের জন্য, সিস্টেম কর্নার রেডিয়াস প্রোপার্টি ব্যবহার করুন। এই প্রোপার্টি বিভিন্ন ডিভাইসে ধারাবাহিকতা তৈরি করে এবং উইজেটের কন্টেন্ট ক্লিপ হওয়া থেকে রক্ষা করে।

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

বিভিন্ন আকার ব্যবহার করে উইজেট
একটি অভিব্যক্তিপূর্ণ আকৃতির উইজেট এবং একটি আয়তক্ষেত্রাকার উইজেট যা ভিজ্যুয়াল শ্রেণিবিন্যাসের জন্য অভিব্যক্তিপূর্ণ আকার ব্যবহার করে।

আরও জানতে, গোলাকার কোণগুলি বাস্তবায়ন দেখুন।

গতিশীল থিম

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

রঙিন টোকেন সহ একটি উইজেটের ছবি।

হালকা এবং অন্ধকার থিম

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

বাম স্ক্রিনে হালকা মোডে একটি উইজেট এবং ডানদিকে অন্ধকার।

টাইপোগ্রাফি

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

শ্রেণিবিন্যাস

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

বিভিন্ন ধরণের স্কেলের ব্যবহার দেখানো একটি উইজেট।

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

একটি উইজেট যেখানে অভিব্যক্তিপূর্ণ কৌশল এবং বৃহৎ অভিব্যক্তিপূর্ণ ধরণ ব্যবহার করা হয়েছে।