টাইলস ব্যবহারকারীদের প্রয়োজনীয় তথ্য এবং কাজগুলো দ্রুত সম্পন্ন করার সুযোগ দেয়। ওয়াচ ফেস থেকে একটি সোয়াইপের মাধ্যমে, একজন ব্যবহারকারী তার ফিটনেস লক্ষ্যের দিকে অগ্রগতি দেখতে, আবহাওয়া পরীক্ষা করতে এবং আরও অনেক কিছু করতে পারেন। টাইলস থেকে দ্রুত একটি অ্যাপ চালু করুন বা জরুরি কাজগুলো সম্পন্ন করুন।
রেসপন্সিভ এবং অপ্টিমাইজড ডিজাইন তৈরি করুন
আপনাকে বড় স্ক্রিনের আকারের সাথে আপনার ডিজাইন লেআউটগুলি মানিয়ে নিতে সাহায্য করার জন্য, আমরা আমাদের লেআউট এবং কম্পোনেন্টগুলির আচরণ আপডেট করেছি, যাতে এতে অন্তর্নির্মিত রেসপন্সিভ বৈশিষ্ট্য যুক্ত করা হয়েছে, যার মধ্যে শতাংশ-ভিত্তিক মার্জিন এবং প্যাডিং অন্তর্ভুক্ত রয়েছে।
আপনি যদি আমাদের ProtoLayout টেমপ্লেট ব্যবহার করেন, তাহলে Wear ProtoLayout Jetpack লাইব্রেরির সর্বশেষ বিটা রিলিজের মাধ্যমে এই আপডেটগুলি স্বয়ংক্রিয়ভাবে পেতে পারেন। এছাড়াও, একটি স্ক্রিন সাইজ ব্রেকপয়েন্টের পরে যেখানে আপনি অতিরিক্ত কন্টেন্ট বা কম্পোনেন্ট যোগ করেছেন, শুধুমাত্র সেখানেই আপনাকে লেআউট সরবরাহ করতে হবে। একটি বড় স্ক্রিন সাইজের সুবিধা কীভাবে নেবেন সে সম্পর্কে সম্পূর্ণ নির্দেশনা এবং সুপারিশের জন্য, আমাদের টাইলস নির্দেশিকা দেখুন। টাইলসের একটি নির্দিষ্ট স্ক্রিন উচ্চতা রয়েছে, তাই আমরা অবাঞ্ছিত ক্লিপিং তৈরি না করে সীমিত স্ক্রিন স্পেসের সর্বোচ্চ ব্যবহার নিশ্চিত করতে প্যাডিং সামঞ্জস্য করেছি।
উপাদানগুলি উপলব্ধ প্রস্থ পূরণ করে কিনা তা পরীক্ষা করুন।
সমস্ত কম্পোনেন্ট রেসপন্সিভভাবে তৈরি করা উচিত। উচ্চতা এবং প্রস্থ 'এক্সপ্যান্ড' এ সেট করলে, সেগুলো উপলব্ধ স্থান পূরণ করে। গোলাকার স্ক্রিনের কারণে কন্টেন্ট যাতে কেটে না যায়, সেজন্য প্রয়োজনীয় মার্জিন অন্তর্ভুক্ত করুন।
অভিযোজনযোগ্য এবং স্বতন্ত্র ডিজাইন তৈরি করুন
বড় স্ক্রিনের অতিরিক্ত জায়গার সর্বোত্তম ব্যবহার করতে, 225dp-তে একটি সাইজ ব্রেকপয়েন্ট যোগ করুন। এই ব্রেকপয়েন্টটি আপনাকে অতিরিক্ত কন্টেন্ট প্রকাশ করতে, আরও বাটন বা ডেটা অন্তর্ভুক্ত করতে, অথবা বড় স্ক্রিনের জন্য আরও ভালোভাবে মানানসই করে লেআউট পরিবর্তন করতে সাহায্য করে।
এর জন্য প্রতিটি ব্রেকপয়েন্টের জন্য একটি ভিন্ন ডিজাইন প্রয়োজন। বড় স্ক্রিনের ডিজাইনে (২২৫+ ডিপি) নিম্নলিখিত অতিরিক্ত উপাদানগুলো অন্তর্ভুক্ত থাকতে পারে:
পূর্বে লুকানো টাইটেল স্লটটি দেখান
যেসব লেআউটে ব্রেকপয়েন্টের আগে দুটি সারি থাকে, সেগুলোর ক্ষেত্রে এই পরামর্শ দেওয়া হয়, যেখানে ৪৮ডিপি-র ন্যূনতম ট্যাপ টার্গেট নিশ্চিত করার জন্য টাইটেল স্লটটি সরিয়ে ফেলার প্রয়োজন হয়।
বিদ্যমান উপাদানগুলোর আকার বৃদ্ধি করুন বা অবস্থা পরিবর্তন করুন।
আরও বিস্তারিত তথ্য দেখানোর জন্য বা বিষয়বস্তুকে আরও সহজে দৃষ্টিগোচর করার জন্য এটি করা যেতে পারে।
বর্তমান লেআউটের মধ্যে কম্পোনেন্ট স্লট যোগ করুন
কম্পোনেন্ট যোগ করার মাধ্যমে লেআউটটি আরও বিকল্প বা অতিরিক্ত বিবরণ প্রদান করে। তবে, খেয়াল রাখবেন যেন বিষয়বস্তু এক নজরে দেখার মতো থাকে।
নীচে আরও বিষয়বস্তু যোগ করুন
কিছু ক্ষেত্রে, মূল স্লটের মধ্যে কম্পোনেন্ট যোগ করার পরিবর্তে নিচের অংশে অ্যাকশন বাটন বা কন্টেন্ট যোগ করা বেশি যুক্তিযুক্ত।
সতর্কতা: বড় আকারের ডিসপ্লেতে কখনোই তার চেয়ে ছোট আকারের ডিসপ্লের চেয়ে কম তথ্য দেখানো উচিত নয়। ব্রেকপয়েন্টে যোগ করা কাস্টম আচরণের ক্ষেত্রে এটি বিশেষভাবে প্রাসঙ্গিক।
এর একটি সাধারণ উদাহরণ হলো, যখন কম্পোনেন্ট বা টেক্সটের আকার ব্রেকপয়েন্টের পর বাড়ানো হয় এবং এর ফলে বড় স্ক্রিনে তা কম দেখা যায়। স্ক্রিনের আকার বাড়ার সাথে সাথে তাতে সবসময় আরও বেশি বিষয়বস্তু দেখানো উচিত।
প্রতিক্রিয়াশীল এবং অভিযোজিত আচরণ
প্রতিক্রিয়াশীল এবং অভিযোজিত আচরণটি লেআউটের তিনটি স্লট (বিভাগ)-এর উপর নির্ভর করে।
অ্যাপ আইকন এবং শিরোনাম স্লট
সিস্টেম দ্বারা প্রদত্ত অ্যাপ আইকনের আচরণে কোনো পরিবর্তন আসে না। শিরোনামের স্থানটি স্বয়ংক্রিয়ভাবে প্রশস্ত স্ক্রিনের আকারের সাথে খাপ খাইয়ে নেয় এবং অতিরিক্ত অক্ষর প্রদর্শন করে। স্ক্রিনের আকার বাড়লে যাতে লেখা কেটে না যায়, সেজন্য উপরের অংশে আনুপাতিক (শতাংশ) অভ্যন্তরীণ মার্জিন থাকে।
প্রধান স্লট (উপাদান)
প্রধান স্লটের ভেতরের সমস্ত কম্পোনেন্টের প্রস্থ এবং উচ্চতা 'এক্সপ্যান্ড' (expand) এ সেট করা উচিত, যাতে সেগুলো স্বয়ংক্রিয়ভাবে চওড়া স্ক্রিনের আকারের সাথে মানিয়ে নিতে পারে। স্ক্রিনের আকার বাড়লে যাতে কোনো অংশ কেটে না যায়, সেজন্য প্রধান স্লট অংশে—এবং কিছু ক্ষেত্রে এই স্লটের ভেতরের প্রতিটি সারিতেও—আনুপাতিক (শতাংশ) অভ্যন্তরীণ মার্জিন থাকে। আপনি যদি কর্নার রেডিয়াস এবং লেআউটের সংমিশ্রণ ব্যবহার করেন, তাহলে আপনার প্রধান স্লটের জন্য আরও বড় মার্জিনের প্রয়োজন হতে পারে।
নিচের স্লট
নিচের বাটন বা টেক্সটের আচরণে কোনো পরিবর্তন হয় না, কিন্তু বাটন এবং টেক্সট বক্সগুলোর প্রস্থ স্বয়ংক্রিয়ভাবে বড় স্ক্রিনের আকারের সাথে খাপ খাইয়ে নেয় এবং এতে অক্ষর সংখ্যা বাড়ে। স্ক্রিনের আকার বাড়লে যাতে কোনো অংশ কেটে না যায়, সেজন্য নিচের স্লটে আনুপাতিক (শতাংশ) অভ্যন্তরীণ মার্জিন থাকে। যখন কোনো নিচের স্লট থাকে না, তখন একটি ডিফল্ট মার্জিন স্বয়ংক্রিয়ভাবে যুক্ত হয়ে যায়।
স্বতন্ত্র অভিজ্ঞতা তৈরি করুন
একটি সম্পূর্ণ কাস্টমাইজযোগ্য লেআউট, যার মধ্যে ৬০ বা তার বেশি বিন্যাস অন্তর্নির্মিত রয়েছে, কার্যত সীমাহীন কাস্টমাইজেশনের সুযোগ দেয়। টাইলগুলো একটি স্লট-ভিত্তিক সিস্টেমে তৈরি, তাই আপনি ক্যানোনিকাল লেআউটের একটি স্লটকে যেকোনো কন্টেন্ট বা কম্পোনেন্ট দিয়ে প্রতিস্থাপন করতে পারেন এবং কম্পোনেন্টটিকে এর বিভিন্ন ভ্যারিয়েন্ট ও রঙের সংমিশ্রণের মধ্যে যেকোনো একটিতে সেট করতে পারেন। এক্ষেত্রে, রেসপন্সিভ আচরণ বজায় রাখুন এবং আমাদের ডিজাইন সংক্রান্ত সুপারিশগুলো অনুসরণ করুন।
এই কাস্টমাইজেশনগুলো সীমিত হওয়া উচিত এবং টাইল টেমপ্লেট থেকে বিচ্যুত হওয়া উচিত নয়। এর উদ্দেশ্য হলো, ব্যবহারকারীরা যখন তাদের Wear OS ডিভাইসে টাইলস ক্যারোসেল স্ক্রল করেন, তখন সামঞ্জস্য বজায় রাখা।