আপনার বিষয়বস্তুর জন্য গঠন এবং নিয়ন্ত্রণ পদ্ধতি সহ একটি নমনীয় প্রবাহ এবং ছন্দ তৈরি করুন।
1. ভিত্তি গঠন
সামঞ্জস্যপূর্ণ গার্ডেলের সাথে একটি শক্ত কাঠামো তৈরি করা শুরু করতে, আপনার লেআউটে মার্জিন এবং কলাম যোগ করুন।
মার্জিন পর্দা এবং বিষয়বস্তুর বাম এবং ডান প্রান্তে ব্যবধান প্রদান করে। কমপ্যাক্ট সাইজিংয়ের জন্য একটি আদর্শ মার্জিন মান হল 16 ডিপি, তবে মার্জিনগুলি বড় স্ক্রীনগুলিকে মিটমাট করার জন্য মানিয়ে নেওয়া উচিত। আপনার অ্যাপের বডি কন্টেন্ট এবং অ্যাকশন এই মার্জিনের মধ্যে থাকতে হবে এবং সারিবদ্ধ হতে হবে।
আপনি এই ধাপে ইনসেট নিরাপদ অঞ্চল বা ইনসেট নিশ্চিত করতে পারেন। সিস্টেম বার ইনসেটগুলি গুরুত্বপূর্ণ অ্যাকশনগুলিকে সিস্টেম বারগুলির অধীনে পড়া থেকে বাধা দেয়। বিস্তারিত জানার জন্য সিস্টেম বারের পিছনে আপনার সামগ্রী আঁকুন দেখুন।
সামঞ্জস্যপূর্ণ প্রান্তিককরণের জন্য একটি নমনীয় গ্রিড কাঠামো তৈরি করতে এবং বডি এলাকার মধ্যে বিষয়বস্তু ভাগ করে একটি লেআউটে উল্লম্ব সংজ্ঞা প্রদান করতে কলামগুলি ব্যবহার করুন৷ বিষয়বস্তু কলাম ধারণকারী পর্দার এলাকায় যায়. এই কলামগুলি আপনার লেআউটে কাঠামোকে ধার দেয়, উপাদানগুলি সাজানোর জন্য সুবিধাজনক কাঠামো প্রদান করে।
একটি অন্তর্নিহিত গ্রিডের সাথে সামগ্রী সারিবদ্ধ করতে একটি কলাম গ্রিড ব্যবহার করুন কিন্তু নমনীয় আকার বজায় রাখুন। কলাম গ্রিড কলামের আকার এবং কলামের সংখ্যা পরিবর্তন করে নির্দিষ্ট পয়েন্টে স্ক্রীনের আকারের প্রয়োজন অনুসারে বিভিন্ন ফর্ম ফ্যাক্টর মিটমাট করতে পারে এবং সামগ্রীকেও স্কেল করার অনুমতি দেয়। কলাম গ্রিডের সাথে খুব দানাদার হওয়া এড়িয়ে চলুন, বেসলাইন গ্রিড এর জন্য: সামঞ্জস্যপূর্ণ ব্যবধান ইউনিট প্রদান করে।
সারিগুলির একটি সহগামী গ্রিড স্থাপনে সতর্ক থাকুন কারণ এটি অভিযোজন এবং ফর্ম ফ্যাক্টর জুড়ে অনুভূমিক বিষয়বস্তু স্কেলিংকে সীমাবদ্ধ করতে পারে, সাধারণত প্যাডিং নিয়মগুলি প্রয়োজনীয় চাক্ষুষ সামঞ্জস্য প্রদান করবে।
লেআউট কাঠামোতে অনুলিপি যোগ করা শুরু হচ্ছে। মার্জিন পর্দার প্রান্ত থেকে বিষয়বস্তু রক্ষা করে। কলাম একটি সামঞ্জস্যপূর্ণ ব্যবধান এবং প্রান্তিককরণ কাঠামো প্রদান করে।
2. কন্টেনমেন্ট প্রয়োগ করুন
দৃশ্যত উপাদানগুলিকে গ্রুপ করতে কন্টেনমেন্ট ব্যবহার করুন।
কন্টেনমেন্ট বলতে বোঝায় সাদা স্থান এবং দৃশ্যমান উপাদানগুলিকে একসাথে ব্যবহার করে একটি ভিজ্যুয়াল গ্রুপিং তৈরি করা। একটি ধারক একটি আকৃতি যা একটি আবদ্ধ এলাকা প্রতিনিধিত্ব করে। একটি একক লেআউটে, আপনি উপাদানগুলিকে একত্রে গোষ্ঠীবদ্ধ করতে পারেন যা অনুরূপ সামগ্রী বা কার্যকারিতা ভাগ করে এবং খোলা স্থান, টাইপোগ্রাফি এবং বিভাজক ব্যবহার করে অন্যান্য উপাদান থেকে আলাদা করে৷
আপনি বিষয়বস্তুর মাধ্যমে ব্যবহারকারীকে গাইড করতে সাহায্য করার জন্য সাদা স্থান বা দৃশ্যমান বিভাজনের সাথে অনুরূপ আইটেমগুলিকে একত্রিত করতে পারেন।
অন্তর্নিহিত কন্টেনমেন্ট কন্টেইনার সীমানা তৈরি করার জন্য দৃশ্যত বিষয়বস্তুকে গোষ্ঠীভুক্ত করতে সাদা স্থান ব্যবহার করে যখন স্পষ্ট কন্টেনমেন্ট সামগ্রীকে একসাথে গোষ্ঠীভুক্ত করতে বিভাজক লাইন এবং কার্ডের মতো বস্তু ব্যবহার করে।
নীচের চিত্রটি শিরোনাম এবং প্রাথমিক অনুলিপি ধারণ করতে অন্তর্নিহিত কন্টেনমেন্ট ব্যবহার করার একটি উদাহরণ দেখায়। কলাম গ্রিড সারিবদ্ধ এবং গ্রুপিং তৈরি করতে ব্যবহৃত হয়। হাইলাইটগুলি স্পষ্টভাবে কার্ডের মধ্যে রয়েছে। বৃহত্তর চাক্ষুষ পৃথকীকরণের জন্য আইকনোগ্রাফি এবং টাইপ শ্রেণিবিন্যাস ব্যবহার করা।
3. অবস্থান বিষয়বস্তু
অ্যান্ড্রয়েডের নিজ নিজ পাত্রে বিষয়বস্তু উপাদানগুলি পরিচালনা করার একাধিক উপায় রয়েছে যা মাধ্যাকর্ষণ, ব্যবধান এবং স্কেলিং সহ তাদের যথাযথভাবে অবস্থান করতে সহায়তা করতে পারে।
মাধ্যাকর্ষণ নির্দিষ্ট ব্যবহারের ক্ষেত্রে একটি সম্ভাব্য বড় পাত্রের মধ্যে একটি বস্তু স্থাপন করার জন্য একটি মানক। নিচের চিত্রটি অবজেক্টের স্টার্ট এবং সেন্টার ( 1 ), উপরে এবং কেন্দ্র অনুভূমিক ( 2 ), নীচে বাম ( 3 ), এবং শেষ এবং ডান ( 1 ) অবস্থানের উদাহরণ দেখায়।
4. স্কেল বিষয়বস্তু
গতিশীল বিষয়বস্তু, ডিভাইসের অভিযোজন, এবং স্ক্রীনের আকারগুলি মিটমাট করার জন্য স্কেলিং অত্যন্ত গুরুত্বপূর্ণ। উপাদানগুলি স্থির থাকতে পারে বা স্কেল করা যেতে পারে।
স্কেলিং এবং অবস্থান সহ ছবিগুলি তাদের পাত্রে কীভাবে প্রদর্শিত হয় তা লক্ষ্য করা গুরুত্বপূর্ণ যাতে ডিভাইসের প্রসঙ্গ থাকা সত্ত্বেও আপনি চিত্রটিকে কীভাবে দেখতে চান তা নিশ্চিত করা গুরুত্বপূর্ণ, অন্যথায় চিত্রের প্রাথমিক ফোকাসটি কেটে ফেলা হতে পারে, চিত্রগুলি বিন্যাসের জন্য খুব ছোট বা বড় হতে পারে, বা অন্যান্য অবাঞ্ছিত প্রভাবগুলি হতে পারে৷
যে বিষয়বস্তুটি উল্লেখ করা হয়নি তা আপনার প্রত্যাশা বা চাওয়ার চেয়ে ভিন্নভাবে প্রদর্শিত হতে পারে।
পিন করা সামগ্রী
অনেক উপাদান স্লট বা স্ক্যাফোল্ডের সাথে মিথস্ক্রিয়া, স্ক্রলিং এবং অবস্থানের মধ্যে তৈরি করেছে। স্ক্রোলিং-এ প্রতিক্রিয়া দেখানোর পরিবর্তে স্থির থাকার জন্য কিছু উপাদান পরিবর্তন করা যেতে পারে, উদাহরণস্বরূপ ফ্লোটিং অ্যাকশন বোতাম (এফএবি) যেগুলি সমালোচনামূলক কাজ করে।
প্রান্তিককরণ
কাস্টম অ্যালাইনমেন্ট লাইন তৈরি করতে AlignmentLine ব্যবহার করুন, যেটি প্যারেন্ট লেআউট তাদের বাচ্চাদের সারিবদ্ধ করতে এবং অবস্থান করতে ব্যবহার করতে পারে।
করবেন
করবেন না
কম্পোনেন্ট লেআউট
উপাদান 3 উপাদান মিথস্ক্রিয়া এবং বিষয়বস্তুর জন্য তাদের নিজস্ব কনফিগারেশন এবং অবস্থা প্রদান করে।
কম্পোজ সাধারণ স্ক্রীন প্যাটার্নে উপাদান উপাদান একত্রিত করার জন্য সুবিধাজনক লেআউট প্রদান করে। কম্পোজেবল যেমন স্ক্যাফোল্ড বিভিন্ন উপাদান এবং অন্যান্য পর্দা উপাদানগুলির জন্য স্লট প্রদান করে। উপাদান উপাদান এবং বিন্যাস সম্পর্কে আরও পড়ুন ।