ডায়ালগ আইকন

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

ঘনত্ব-নির্দিষ্ট আইকন সেট প্রদানে বর্ণিত হিসাবে, আপনার নিম্ন-, মাঝারি- এবং উচ্চ-ঘনত্বের পর্দার জন্য পৃথক আইকন সেট তৈরি করা উচিত। এটি নিশ্চিত করে যে আপনার আইকনগুলি আপনার অ্যাপ্লিকেশন ইনস্টল করা যেতে পারে এমন ডিভাইসগুলির পরিসরে সঠিকভাবে প্রদর্শিত হবে৷ প্রতিটি ঘনত্বের জন্য প্রস্তাবিত সমাপ্ত আইকন আকারের তালিকার জন্য সারণী 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. সামনের অংশ: গ্রেডিয়েন্ট ওভারলে | কোণ 90°
নীচে: r 223 | g 223 | b 223
শীর্ষ: r 249 | g 249 | খ 249
নীচের রঙের অবস্থান: 0%
শীর্ষ রঙের অবস্থান: 75%
2. ভেতরের ছায়া: কালো | 25% অস্বচ্ছতা |
কোণ -90° | দূরত্ব 1px | আকার 0px

ধাপে ধাপে

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