তালিকা দেখুন আইকন

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

ঘনত্ব-নির্দিষ্ট আইকন সেট প্রদানে বর্ণিত হিসাবে, আপনার নিম্ন-, মাঝারি- এবং উচ্চ-ঘনত্বের পর্দার জন্য পৃথক আইকন সেট তৈরি করা উচিত। এটি নিশ্চিত করে যে আপনার আইকনগুলি আপনার অ্যাপ্লিকেশন ইনস্টল করা যেতে পারে এমন ডিভাইসগুলির পরিসরে সঠিকভাবে প্রদর্শিত হবে৷ প্রতিটি ঘনত্বের জন্য প্রস্তাবিত সমাপ্ত আইকন আকারের তালিকার জন্য সারণী 1 দেখুন। এছাড়াও, আইকনের একাধিক সেটের সাথে কীভাবে কাজ করতে হয় তার পরামর্শের জন্য ডিজাইনারদের জন্য টিপস দেখুন।

সারণী 1. তিনটি সাধারণ স্ক্রীন ঘনত্বের প্রতিটির জন্য সমাপ্ত তালিকা দৃশ্য আইকনের মাত্রার সারাংশ।

ldpi (120 dpi)
(নিম্ন ঘনত্বের পর্দা)
mdpi (160 dpi)
(মাঝারি ঘনত্বের পর্দা)
hdpi (240 dpi)
(উচ্চ ঘনত্বের পর্দা)
xhdpi (320 dpi)
(অতিরিক্ত উচ্চ ঘনত্বের পর্দা)
তালিকা দেখুন আইকন আকার 24 x 24 px 32 x 32 px 48 x 48 px 64 x 64 px

চূড়ান্ত শিল্প একটি স্বচ্ছ PNG ফাইল হিসাবে রপ্তানি করা আবশ্যক. একটি পটভূমির রঙ অন্তর্ভুক্ত করবেন না

অ্যাডোব ফটোশপে আইকন তৈরির টেমপ্লেটগুলি আইকন টেমপ্লেট প্যাকে উপলব্ধ।

সমস্ত অ্যান্ড্রয়েড সংস্করণ

নিম্নলিখিত নির্দেশিকাগুলি বর্ণনা করে যে কীভাবে Android প্ল্যাটফর্মের সমস্ত সংস্করণের জন্য তালিকা দৃশ্য আইকনগুলি ডিজাইন করতে হয়৷

গঠন

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

চিত্র 1. তালিকা দেখার আইকনগুলির জন্য নিরাপদ ফ্রেম এবং গ্রেডিয়েন্ট পূরণ করুন। আইকনের আকার 32x32।

আলো, প্রভাব, এবং ছায়া

লিস্ট ভিউ আইকনগুলি একটি অভ্যন্তরীণ ছায়া সহ ফ্ল্যাট এবং ছবিযুক্ত মুখ-অন। একটি হালকা গ্রেডিয়েন্ট এবং ভিতরের ছায়া দ্বারা নির্মিত, তারা একটি অন্ধকার পটভূমিতে ভালভাবে দাঁড়িয়ে আছে।

তালিকা দেখার আইকনগুলির জন্য আলো, প্রভাব এবং ছায়াগুলির একটি দৃশ্য।

চিত্র 2. তালিকা দেখার আইকনগুলির জন্য আলো, প্রভাব এবং ছায়া।

1. ভেতরের ছায়া: কালো | 57% অস্বচ্ছতা | কোণ 120° | ব্লেন্ড মোড স্বাভাবিক | দূরত্ব 1px | আকার 1px
2. পটভূমি: কালো | স্ট্যান্ডার্ড সিস্টেম রঙ
এই আইকনগুলি শুধুমাত্র তালিকা দর্শনে প্রদর্শিত হয়।
দ্রষ্টব্য: তালিকা দৃশ্য আইকনটি ফটোশপের 32x32 px আর্টবোর্ডে একটি নিরাপদ ফ্রেম ছাড়াই বসে।

ধাপে ধাপে

  1. সঠিক ফিল্টারের জন্য চিত্র 2 এ দেখা প্রভাব যুক্ত করুন।
  2. স্বচ্ছতা সক্ষম সহ একটি PNG ফাইল হিসাবে 32x32 এ আইকনটি রপ্তানি করুন৷
  3. Adobe Illustrator এর মত একটি টুল ব্যবহার করে মৌলিক আকার তৈরি করুন।
  4. একটি স্বচ্ছ ব্যাকগ্রাউন্ডে 32x32 পিক্সেলের একটি ইমেজ ফিট করার জন্য Adobe Photoshop এবং স্কেল-এর মতো একটি টুলে আকারটি আমদানি করুন।