ছবি এবং গ্রাফিক্স

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

একটি অ্যান্ড্রয়েড সম্পদকে অঙ্কনযোগ্য হিসাবে উল্লেখ করা হয়, এক ধরণের সংস্থান যা স্ক্রিনে আঁকা হয়৷ এর মধ্যে বিটম্যাপ, আকৃতি এবং ভেক্টর রয়েছে, তবে সীমাবদ্ধ নয়।

ইমেজ এবং গ্রাফিক্স তৈরি করার সময় নিম্নলিখিতগুলি মনে রাখবেন:

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

Android এর জন্য সম্পদ কিভাবে রপ্তানি করবেন

  • সম্পদের নাম ছোট হাতের অক্ষরে ফরম্যাট করুন।
  • SVG হিসাবে রপ্তানি করার জন্য সরলীকৃত সম্পদ সেট করুন।
  • ওয়েবপি, পিএনজি, জেপিজি হিসাবে রপ্তানি করতে ফটোগুলির মতো জটিল ছবিগুলি সেট করুন৷
  • নিম্নলিখিত টেবিলে দেখানো হিসাবে সঠিক রেজোলিউশন স্কেলিং সেট করুন।
পর্দার আকার স্কেল

mdpi

x1

hdpi

x1.5

xhdpi

x2

xxhdpi

x3

xxxhdpi

x4

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

সংগঠিত রেস ডিরেক্টরি
চিত্র 2. সংগঠিত রেস ডিরেক্টরি।

সম্পদের ধরন

অ্যান্ড্রয়েড নিম্নলিখিত সম্পদ প্রকারগুলিকে সমর্থন করে৷

ভেক্টর

একটি ভেক্টর গ্রাফিক একটি ক্ষতিহীন বিন্যাস, যার মানে এটি স্কেল করার সময় চাক্ষুষ তথ্য হারায় না। ভেক্টরগুলি গাণিতিক বিন্দু দিয়ে গঠিত যা একটি চিত্র তৈরি করতে পূর্ণ হয়।

চিত্র 3. বাম চিত্রটি ডানদিকে একটি জুম ইন রাস্টার চিত্রের বিপরীতে ভেক্টর গ্রাফিক বেজিয়ার পয়েন্টগুলির সমন্বয়ে গঠিত একটি চিত্র দেখায়।

ভেক্টর বিন্যাস

অ্যান্ড্রয়েড নিম্নলিখিত ভেক্টর ইমেজ ফর্ম্যাটগুলিকে সমর্থন করে: SVG এবং ভেক্টর ড্রয়েবলস৷

ভেক্টর ড্রয়েবলগুলি দেখতে SVG-এর মতো কিন্তু XML-ভিত্তিক। তারা গ্রেডিয়েন্টের মতো বিভিন্ন বৈশিষ্ট্যকেও সমর্থন করে। কোনটি সমর্থিত সে সম্পর্কে আরও তথ্যের জন্য, VectorDrawable দেখুন। আপনি ভেক্টর অ্যাসেট স্টুডিওর মাধ্যমে এসভিজিগুলিকে ভেক্টর ড্রয়েবলে রূপান্তর করতে পারেন।

কেস ব্যবহার করুন

তাদের ছোট আকারের কারণে, একটি ভেক্টর বিন্যাস ব্যবহার করে আইকন তৈরি করা ভাল। একটি অ্যানিমেটেড ভেক্টর অঙ্কনযোগ্য একটি আইকনে গতি যোগ করতে ব্যবহার করা যেতে পারে।

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

রাস্টার

একটি ক্ষতিকারক গ্রাফিক, বা একটি গ্রাফিক যা কম্প্রেশন বা স্কেলিং এর মাধ্যমে ম্যানিপুলেট করার সময় বিশদ হারায়, চিত্রটি তৈরি করতে পিক্সেল দ্বারা গঠিত। রাস্টার গ্রাফিক্স সাধারণত বিশদ চিত্র যেমন ফটো বা জটিল গ্রেডিয়েন্টের জন্য ব্যবহৃত হয়। যেহেতু স্কেল করার সময় তারা বিশদ হারায়, এই চিত্রগুলির একাধিক রেজোলিউশন রপ্তানি করে।

রাস্টার ফরম্যাট

অ্যান্ড্রয়েড নিম্নলিখিত রাস্টার ইমেজ ফর্ম্যাটগুলিকে সমর্থন করে: PNG, GIF, JPG, WebP৷

কেস ব্যবহার করুন

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

সাইজিং

সম্পদ তৈরি করার সময় নিম্নলিখিত বিবেচ্য বিষয়গুলো মাথায় রাখুন।

রেজোলিউশন বালতি

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

ছবির রেজোলিউশনের আকার এবং বালতি লেবেলের উদাহরণ।
চিত্র 5. পার্টি ক্যান্টালুপ তাদের নিজ নিজ ঘনত্ব এবং রপ্তানির স্কেলে।

প্যাডিং

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

চিত্র 6. প্যাডিং সহ 24 ডিপি আইকন সম্পদের মধ্যে বিল্ট।

ফাইলের নাম

Android সম্পদগুলি ছোট হাতের এবং একটি রেজোলিউশন প্রত্যয় অন্তর্ভুক্ত করে না৷

আপনার ফাইল এবং প্রকল্পগুলিকে সংগঠিত রাখতে একটি সামঞ্জস্যপূর্ণ নামকরণের রীতি এবং কাঠামো রাখুন। উদাহরণস্বরূপ, "ic_…" উপসর্গ সহ আইকনগুলির নামকরণ আপনার প্রকল্পের সমস্ত আইকনগুলিকে সংগঠিত করতে এবং বিকাশের সময় আইকনগুলিকে দ্রুত সনাক্ত করতে সহায়তা করতে পারে৷

অন্যান্য অ্যাপ সম্পদ

চিত্র 7. একরঙা লঞ্চার আইকন এবং স্প্ল্যাশ স্ক্রিন।

অ্যাপ আইকন

হোমস্ক্রীনে লঞ্চার আইকন পাওয়া যায়। একরঙা বিজ্ঞপ্তি, স্ট্যাটাস বার এবং উইজেট সহ সিস্টেম UI-তে একরঙা আইকন খুঁজুন।

অ্যাডাপটিভ আইকনগুলির জন্য ভেক্টর ড্রয়েবল এবং লিগ্যাসি আইকনগুলির জন্য PNG হিসাবে অ্যাপ আইকনগুলি ফর্ম্যাট করুন৷ আপনার অ্যাপ আইকন তৈরি এবং প্রিভিউ করার বিষয়ে আরও জানতে, আপনার অ্যাপ আইকন ডিজাইন এবং প্রিভিউ দেখুন।

স্প্ল্যাশ পর্দা

অ্যান্ড্রয়েড 12 দিয়ে শুরু করে, আপনার অ্যাপটি একটি অ্যানিমেটেড স্প্ল্যাশ স্ক্রিন প্রদর্শন করতে পারে যা আপনার অ্যাপ খোলার সময় অ্যাপ আইকন বৈশিষ্ট্যযুক্ত।

বসানো

স্ক্রিনে চিত্রগুলি কীভাবে স্কেল এবং অবস্থান করা উচিত তা নোট করুন৷ Fit, Crop, FillHeight, FillWidth, FillBounds, Inside , এবং None একটি ছবিতে স্কেলিং সেট করার জন্য উপলব্ধ নেই৷

চিত্র 8. ক্রপিং উদাহরণ।

আপনি অতিরিক্ত প্রভাব তৈরি করতে একটি আকারে ছবি ক্লিপ করতে পারেন।

প্রতিক্রিয়াশীল ফসল

প্রতিক্রিয়াশীলভাবে ছবিগুলি প্রদর্শন করতে, বিভিন্ন ব্রেকপয়েন্ট রেঞ্জে কীভাবে একটি চিত্র ক্রপ করা হবে তা নির্ধারণ করুন। বিভিন্ন ব্রেকপয়েন্ট রেঞ্জে ক্রপিং করতে পারে:

  • একটি নির্দিষ্ট অনুপাত বজায় রাখুন।
  • বিভিন্ন অনুপাতের সাথে খাপ খাইয়ে নিন।
  • স্থির চিত্রের উচ্চতা বজায় রাখুন।

একটি অনুপাত বজায় রাখুন

ইমেজ সাইজিং ব্রেকপয়েন্ট রেঞ্জ জুড়ে একটি নির্দিষ্ট অনুপাত ধরে রাখতে পারে।

চিত্র 9. বিভিন্ন আকৃতির অনুপাত দেখানো একটি চিত্র।

বিভিন্ন অনুপাতের সাথে খাপ খাইয়ে নিন

ছবির অনুপাত বিভিন্ন ব্রেকপয়েন্ট রেঞ্জের সাথে খাপ খাইয়ে পরিবর্তন করতে পারে। উদাহরণস্বরূপ, চিত্র 9-এ চিত্রের অনুপাত 1:1 থেকে 16:9 পর্যন্ত ব্রেকপয়েন্টের মধ্যে পরিবর্তিত হয়।

স্থির চিত্রের উচ্চতা

ইমেজ সাইজিং ব্রেকপয়েন্ট রেঞ্জ জুড়ে এবং এর মধ্যে একটি নির্দিষ্ট উচ্চতা এবং তরল প্রস্থ বজায় রাখতে পারে। ইমেজ একটি নির্দিষ্ট উচ্চতা বজায় রাখে যখন ব্রেকপয়েন্টের মধ্যে প্রস্থ তরল হয়।

প্রভাব

অ্যান্ড্রয়েডে বিভিন্ন বিল্ট-ইন ইমেজ ইফেক্ট রয়েছে। এখানে কিছু সাধারণ প্রভাব রয়েছে:

গ্রেডিয়েন্ট

রচনায়, পর্দায় কিছু আঁকতে একটি ব্রাশ ব্যবহার করুন। বিভিন্ন রং বা গ্রেডিয়েন্টের আকার আঁকতে বিভিন্ন ব্রাশ ব্যবহার করা যেতে পারে। বিভিন্ন গ্রেডিয়েন্ট প্রভাব অর্জন করতে অন্তর্নির্মিত গ্রেডিয়েন্ট ব্রাশ ব্যবহার করুন। এই ব্রাশগুলি আপনাকে রংগুলির তালিকা নির্দিষ্ট করতে দেয় যেগুলি থেকে আপনি একটি গ্রেডিয়েন্ট তৈরি করতে চান।

গ্রেডিয়েন্ট ব্রাশগুলি রঙের স্টপ এবং টাইলিং যুক্ত করে আরও উন্নত গ্রেডিয়েন্ট করতে সক্ষম, যতক্ষণ না আপনি স্টপটি ঘটে এমন রঙ এবং শতাংশের তালিকা প্রদান করেন। গ্রেডিয়েন্ট, সলিড কালার ফিল বা ইমেজ ক্রপ করতে পাত্র বা আকার ব্যবহার করুন।

চিত্র 10. কম্পোজ মডিফায়ার ব্যবহার করে ফিগমা থেকে একটি গ্রেডিয়েন্ট অনুবাদ করুন।

ঝাপসা

Modifier.blur() পদ্ধতি ব্যবহার করে এবং ব্লার অনুপাত প্রদান করে ছবিতে অস্পষ্ট প্রভাব প্রয়োগ করুন। সতর্কতার সাথে অস্পষ্টতা ব্যবহার করুন কারণ সেগুলি কার্যক্ষমতাকে প্রভাবিত করতে পারে এবং শুধুমাত্র Android 12 এবং উচ্চতর সংস্করণে চলমান ডিভাইসগুলিতে উপলব্ধ। আরও তথ্যের জন্য, কম্পোজেবল একটি ছবি ব্লার দেখুন।

ব্লেন্ড মোড

অ্যান্ড্রয়েড অনুরূপ বুলিয়ান ক্রিয়াকলাপগুলির মাধ্যমে চিত্রগুলিকে সংশোধন করতে সক্ষম এবং আপনি ডিজাইন সফ্টওয়্যার যেমন ইউনিয়ন বা গুনিত করার মতো মোডগুলিকে মিশ্রিত করতে পারেন৷ আরও তথ্যের জন্য, BlendMode দেখুন।

আভা

ব্লেন্ড মোড এবং ফিলগুলি ব্যবহার করুন সম্পদকে রঙ করতে। এটি আপনাকে একটি একক সম্পদ রাখতে এবং এতে বিভিন্ন রং প্রয়োগ করতে দেয়, যা উৎপাদিত সম্পদের পরিমাণ কমাতে পারে।

চিত্র 11. বিষয়বস্তুর রঙের পরিপূরক বা বিভিন্ন অবস্থা নির্দেশ করতে ব্যবহৃত বিভিন্ন টিন্ট সহ সম্পদ।

গতি

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

অ্যানিমেটেড ভেক্টর ড্রয়েবল আপনাকে ছোট UI অ্যানিমেশন তৈরি করতে দেয়। অন্যথায়, কম্পোজে কীফ্রেমের সাথে অ্যানিমেটিং সম্পর্কে আরও জানুন। ইমেজ ইফেক্ট সম্পর্কে আরও জানতে পড়ুন একটি ইমেজ কাস্টমাইজ করুন

,

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

একটি অ্যান্ড্রয়েড সম্পদকে অঙ্কনযোগ্য হিসাবে উল্লেখ করা হয়, এক ধরণের সংস্থান যা স্ক্রিনে আঁকা হয়৷ এর মধ্যে বিটম্যাপ, আকৃতি এবং ভেক্টর রয়েছে, তবে সীমাবদ্ধ নয়।

ইমেজ এবং গ্রাফিক্স তৈরি করার সময় নিম্নলিখিতগুলি মনে রাখবেন:

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

Android এর জন্য সম্পদ কিভাবে রপ্তানি করবেন

  • সম্পদের নাম ছোট হাতের অক্ষরে ফরম্যাট করুন।
  • SVG হিসাবে রপ্তানি করার জন্য সরলীকৃত সম্পদ সেট করুন।
  • ওয়েবপি, পিএনজি, জেপিজি হিসাবে রপ্তানি করতে ফটোগুলির মতো জটিল ছবিগুলি সেট করুন৷
  • নিম্নলিখিত টেবিলে দেখানো হিসাবে সঠিক রেজোলিউশন স্কেলিং সেট করুন।
পর্দার আকার স্কেল

mdpi

x1

hdpi

x1.5

xhdpi

x2

xxhdpi

x3

xxxhdpi

x4

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

সংগঠিত রেস ডিরেক্টরি
চিত্র 2. সংগঠিত রেস ডিরেক্টরি।

সম্পদের ধরন

অ্যান্ড্রয়েড নিম্নলিখিত সম্পদ প্রকারগুলিকে সমর্থন করে৷

ভেক্টর

একটি ভেক্টর গ্রাফিক একটি ক্ষতিহীন বিন্যাস, যার মানে এটি স্কেল করার সময় চাক্ষুষ তথ্য হারায় না। ভেক্টরগুলি গাণিতিক বিন্দু দিয়ে গঠিত যা একটি চিত্র তৈরি করতে পূর্ণ হয়।

চিত্র 3. বাম চিত্রটি ডানদিকে একটি জুম ইন রাস্টার চিত্রের বিপরীতে ভেক্টর গ্রাফিক বেজিয়ার পয়েন্টগুলির সমন্বয়ে গঠিত একটি চিত্র দেখায়।

ভেক্টর বিন্যাস

অ্যান্ড্রয়েড নিম্নলিখিত ভেক্টর ইমেজ ফরম্যাটগুলিকে সমর্থন করে: SVG এবং ভেক্টর ড্রয়েবল।

ভেক্টর ড্রয়েবলগুলি দেখতে SVG-এর মতো কিন্তু XML-ভিত্তিক। তারা গ্রেডিয়েন্টের মতো বিভিন্ন বৈশিষ্ট্যকেও সমর্থন করে। কোনটি সমর্থিত সে সম্পর্কে আরও তথ্যের জন্য, VectorDrawable দেখুন। আপনি ভেক্টর অ্যাসেট স্টুডিওর মাধ্যমে এসভিজিগুলিকে ভেক্টর ড্রয়েবলে রূপান্তর করতে পারেন।

কেস ব্যবহার করুন

তাদের ছোট আকারের কারণে, একটি ভেক্টর বিন্যাস ব্যবহার করে আইকন তৈরি করা ভাল। একটি অ্যানিমেটেড ভেক্টর অঙ্কনযোগ্য একটি আইকনে গতি যোগ করতে ব্যবহার করা যেতে পারে।

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

রাস্টার

একটি ক্ষতিকারক গ্রাফিক, বা একটি গ্রাফিক যা কম্প্রেশন বা স্কেলিং এর মাধ্যমে ম্যানিপুলেট করার সময় বিশদ হারায়, চিত্রটি তৈরি করতে পিক্সেল দ্বারা গঠিত। রাস্টার গ্রাফিক্স সাধারণত বিশদ চিত্র যেমন ফটো বা জটিল গ্রেডিয়েন্টের জন্য ব্যবহৃত হয়। যেহেতু স্কেল করার সময় তারা বিশদ হারায়, এই চিত্রগুলির একাধিক রেজোলিউশন রপ্তানি করে।

রাস্টার ফরম্যাট

অ্যান্ড্রয়েড নিম্নলিখিত রাস্টার ইমেজ ফর্ম্যাটগুলিকে সমর্থন করে: PNG, GIF, JPG, WebP৷

কেস ব্যবহার করুন

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

সাইজিং

সম্পদ তৈরি করার সময় নিম্নলিখিত বিবেচ্য বিষয়গুলো মাথায় রাখুন।

রেজোলিউশন বালতি

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

ছবির রেজোলিউশনের আকার এবং বালতি লেবেলের উদাহরণ।
চিত্র 5. পার্টি ক্যান্টালুপ তাদের নিজ নিজ ঘনত্ব এবং রপ্তানির স্কেলে।

প্যাডিং

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

চিত্র 6. প্যাডিং সহ 24 ডিপি আইকন সম্পদের মধ্যে বিল্ট।

ফাইলের নাম

Android সম্পদগুলি ছোট হাতের এবং একটি রেজোলিউশন প্রত্যয় অন্তর্ভুক্ত করে না৷

আপনার ফাইল এবং প্রকল্পগুলিকে সংগঠিত রাখতে একটি সামঞ্জস্যপূর্ণ নামকরণের রীতি এবং কাঠামো রাখুন। উদাহরণস্বরূপ, "ic_…" উপসর্গ সহ আইকনগুলির নামকরণ আপনার প্রকল্পের সমস্ত আইকনগুলিকে সংগঠিত করতে এবং বিকাশের সময় আইকনগুলিকে দ্রুত সনাক্ত করতে সহায়তা করতে পারে৷

অন্যান্য অ্যাপ সম্পদ

চিত্র 7. একরঙা লঞ্চার আইকন এবং স্প্ল্যাশ স্ক্রিন।

অ্যাপ আইকন

হোমস্ক্রীনে লঞ্চার আইকন পাওয়া যায়। একরঙা বিজ্ঞপ্তি, স্ট্যাটাস বার এবং উইজেট সহ সিস্টেম UI-তে একরঙা আইকন খুঁজুন।

অ্যাডাপটিভ আইকনগুলির জন্য ভেক্টর ড্রয়েবল এবং লিগ্যাসি আইকনগুলির জন্য PNG হিসাবে অ্যাপ আইকনগুলি ফর্ম্যাট করুন৷ আপনার অ্যাপ আইকন তৈরি এবং প্রিভিউ করার বিষয়ে আরও জানতে, আপনার অ্যাপ আইকন ডিজাইন এবং প্রিভিউ দেখুন।

স্প্ল্যাশ পর্দা

অ্যান্ড্রয়েড 12 দিয়ে শুরু করে, আপনার অ্যাপটি একটি অ্যানিমেটেড স্প্ল্যাশ স্ক্রিন প্রদর্শন করতে পারে যা আপনার অ্যাপ খোলার সময় অ্যাপ আইকন বৈশিষ্ট্যযুক্ত।

বসানো

স্ক্রিনে চিত্রগুলি কীভাবে স্কেল এবং অবস্থান করা উচিত তা নোট করুন৷ Fit, Crop, FillHeight, FillWidth, FillBounds, Inside , এবং None একটি ছবিতে স্কেলিং সেট করার জন্য উপলব্ধ নেই৷

চিত্র 8. ক্রপিং উদাহরণ।

আপনি অতিরিক্ত প্রভাব তৈরি করতে একটি আকারে ছবি ক্লিপ করতে পারেন।

প্রতিক্রিয়াশীল ফসল

প্রতিক্রিয়াশীলভাবে ছবিগুলি প্রদর্শন করতে, বিভিন্ন ব্রেকপয়েন্ট রেঞ্জে কীভাবে একটি চিত্র ক্রপ করা হবে তা নির্ধারণ করুন। বিভিন্ন ব্রেকপয়েন্ট রেঞ্জে ক্রপিং করতে পারে:

  • একটি নির্দিষ্ট অনুপাত বজায় রাখুন।
  • বিভিন্ন অনুপাতের সাথে খাপ খাইয়ে নিন।
  • স্থির চিত্রের উচ্চতা বজায় রাখুন।

একটি অনুপাত বজায় রাখুন

ইমেজ সাইজিং ব্রেকপয়েন্ট রেঞ্জ জুড়ে একটি নির্দিষ্ট অনুপাত ধরে রাখতে পারে।

চিত্র 9. বিভিন্ন আকৃতির অনুপাত দেখানো একটি চিত্র।

বিভিন্ন অনুপাতের সাথে খাপ খাইয়ে নিন

ছবির অনুপাত বিভিন্ন ব্রেকপয়েন্ট রেঞ্জের সাথে খাপ খাইয়ে পরিবর্তন করতে পারে। উদাহরণস্বরূপ, চিত্র 9-এ চিত্রের অনুপাত 1:1 থেকে 16:9 পর্যন্ত ব্রেকপয়েন্টের মধ্যে পরিবর্তিত হয়।

স্থির চিত্র উচ্চতা

ইমেজ সাইজিং ব্রেকপয়েন্ট রেঞ্জ জুড়ে এবং এর মধ্যে একটি নির্দিষ্ট উচ্চতা এবং তরল প্রস্থ বজায় রাখতে পারে। ইমেজ একটি নির্দিষ্ট উচ্চতা বজায় রাখে যখন ব্রেকপয়েন্টের মধ্যে প্রস্থ তরল হয়।

প্রভাব

অ্যান্ড্রয়েডে বিভিন্ন বিল্ট-ইন ইমেজ ইফেক্ট রয়েছে। এখানে কিছু সাধারণ প্রভাব রয়েছে:

গ্রেডিয়েন্ট

রচনায়, পর্দায় কিছু আঁকতে একটি ব্রাশ ব্যবহার করুন। বিভিন্ন রং বা গ্রেডিয়েন্টের আকার আঁকতে বিভিন্ন ব্রাশ ব্যবহার করা যেতে পারে। বিভিন্ন গ্রেডিয়েন্ট প্রভাব অর্জন করতে অন্তর্নির্মিত গ্রেডিয়েন্ট ব্রাশ ব্যবহার করুন। এই ব্রাশগুলি আপনাকে রংগুলির তালিকা নির্দিষ্ট করতে দেয় যেগুলি থেকে আপনি একটি গ্রেডিয়েন্ট তৈরি করতে চান।

গ্রেডিয়েন্ট ব্রাশগুলি রঙের স্টপ এবং টাইলিং যুক্ত করে আরও উন্নত গ্রেডিয়েন্ট করতে সক্ষম, যতক্ষণ না আপনি স্টপটি ঘটে এমন রঙ এবং শতাংশের তালিকা প্রদান করেন। গ্রেডিয়েন্ট, সলিড কালার ফিল বা ইমেজ ক্রপ করতে পাত্র বা আকার ব্যবহার করুন।

চিত্র 10. কম্পোজ মডিফায়ার ব্যবহার করে ফিগমা থেকে একটি গ্রেডিয়েন্ট অনুবাদ করুন।

ঝাপসা

Modifier.blur() পদ্ধতি ব্যবহার করে এবং ব্লার অনুপাত প্রদান করে ছবিতে অস্পষ্ট প্রভাব প্রয়োগ করুন। সতর্কতার সাথে অস্পষ্টতা ব্যবহার করুন কারণ সেগুলি কার্যক্ষমতাকে প্রভাবিত করতে পারে এবং শুধুমাত্র Android 12 এবং উচ্চতর সংস্করণে চলমান ডিভাইসগুলিতে উপলব্ধ। আরও তথ্যের জন্য, কম্পোজেবল একটি ছবি ব্লার দেখুন।

ব্লেন্ড মোড

অ্যান্ড্রয়েড অনুরূপ বুলিয়ান ক্রিয়াকলাপগুলির মাধ্যমে চিত্রগুলিকে সংশোধন করতে সক্ষম এবং আপনি ডিজাইন সফ্টওয়্যার যেমন ইউনিয়ন বা গুনিত করার মতো মোডগুলিকে মিশ্রিত করতে পারেন৷ আরও তথ্যের জন্য, BlendMode দেখুন।

আভা

ব্লেন্ড মোড এবং ফিলগুলি ব্যবহার করুন সম্পদকে রঙ করতে। এটি আপনাকে একটি একক সম্পদ রাখতে এবং এতে বিভিন্ন রং প্রয়োগ করতে দেয়, যা উৎপাদিত সম্পদের পরিমাণ কমাতে পারে।

চিত্র 11. বিষয়বস্তুর রঙের পরিপূরক বা বিভিন্ন অবস্থা নির্দেশ করতে ব্যবহৃত বিভিন্ন টিন্ট সহ সম্পদ।

গতি

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

অ্যানিমেটেড ভেক্টর ড্রয়েবল আপনাকে ছোট UI অ্যানিমেশন তৈরি করতে দেয়। অন্যথায়, কম্পোজে কীফ্রেমের সাথে অ্যানিমেটিং সম্পর্কে আরও জানুন। ইমেজ ইফেক্ট সম্পর্কে আরও জানতে পড়ুন একটি ইমেজ কাস্টমাইজ করুন

,

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

একটি অ্যান্ড্রয়েড সম্পদকে অঙ্কনযোগ্য হিসাবে উল্লেখ করা হয়, এক ধরণের সংস্থান যা স্ক্রিনে আঁকা হয়৷ এর মধ্যে বিটম্যাপ, আকৃতি এবং ভেক্টর রয়েছে, তবে সীমাবদ্ধ নয়।

ইমেজ এবং গ্রাফিক্স তৈরি করার সময় নিম্নলিখিতগুলি মনে রাখবেন:

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

Android এর জন্য সম্পদ কিভাবে রপ্তানি করবেন

  • সম্পদের নাম ছোট হাতের অক্ষরে ফরম্যাট করুন।
  • SVG হিসাবে রপ্তানি করার জন্য সরলীকৃত সম্পদ সেট করুন।
  • ওয়েবপি, পিএনজি, জেপিজি হিসাবে রপ্তানি করতে ফটোগুলির মতো জটিল ছবিগুলি সেট করুন৷
  • নিম্নলিখিত টেবিলে দেখানো হিসাবে সঠিক রেজোলিউশন স্কেলিং সেট করুন।
পর্দার আকার স্কেল

mdpi

x1

hdpi

x1.5

xhdpi

x2

xxhdpi

x3

xxxhdpi

x4

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

সংগঠিত রেস ডিরেক্টরি
চিত্র 2. সংগঠিত রেস ডিরেক্টরি।

সম্পদের ধরন

অ্যান্ড্রয়েড নিম্নলিখিত সম্পদ প্রকারগুলিকে সমর্থন করে৷

ভেক্টর

একটি ভেক্টর গ্রাফিক একটি ক্ষতিহীন বিন্যাস, যার মানে এটি স্কেল করার সময় চাক্ষুষ তথ্য হারায় না। ভেক্টরগুলি গাণিতিক বিন্দু দিয়ে গঠিত যা একটি চিত্র তৈরি করতে পূর্ণ হয়।

চিত্র 3. বাম চিত্রটি ডানদিকে একটি জুম ইন রাস্টার চিত্রের বিপরীতে ভেক্টর গ্রাফিক বেজিয়ার পয়েন্টগুলির সমন্বয়ে গঠিত একটি চিত্র দেখায়।

ভেক্টর বিন্যাস

অ্যান্ড্রয়েড নিম্নলিখিত ভেক্টর ইমেজ ফরম্যাটগুলিকে সমর্থন করে: SVG এবং ভেক্টর ড্রয়েবল।

ভেক্টর ড্রয়েবলগুলি দেখতে SVG-এর মতো কিন্তু XML-ভিত্তিক। তারা গ্রেডিয়েন্টের মতো বিভিন্ন বৈশিষ্ট্যকেও সমর্থন করে। কোনটি সমর্থিত সে সম্পর্কে আরও তথ্যের জন্য, VectorDrawable দেখুন। আপনি ভেক্টর অ্যাসেট স্টুডিওর মাধ্যমে এসভিজিগুলিকে ভেক্টর ড্রয়েবলে রূপান্তর করতে পারেন।

কেস ব্যবহার করুন

তাদের ছোট আকারের কারণে, একটি ভেক্টর বিন্যাস ব্যবহার করে আইকন তৈরি করা ভাল। একটি অ্যানিমেটেড ভেক্টর অঙ্কনযোগ্য একটি আইকনে গতি যোগ করতে ব্যবহার করা যেতে পারে।

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

রাস্টার

একটি ক্ষতিকারক গ্রাফিক, বা একটি গ্রাফিক যা কম্প্রেশন বা স্কেলিং এর মাধ্যমে ম্যানিপুলেট করার সময় বিশদ হারায়, চিত্রটি তৈরি করতে পিক্সেল দ্বারা গঠিত। রাস্টার গ্রাফিক্স সাধারণত বিশদ চিত্র যেমন ফটো বা জটিল গ্রেডিয়েন্টের জন্য ব্যবহৃত হয়। যেহেতু স্কেল করার সময় তারা বিশদ হারায়, এই চিত্রগুলির একাধিক রেজোলিউশন রপ্তানি করে।

রাস্টার ফরম্যাট

অ্যান্ড্রয়েড নিম্নলিখিত রাস্টার ইমেজ ফর্ম্যাটগুলিকে সমর্থন করে: PNG, GIF, JPG, WebP৷

কেস ব্যবহার করুন

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

সাইজিং

সম্পদ তৈরি করার সময় নিম্নলিখিত বিবেচ্য বিষয়গুলো মাথায় রাখুন।

রেজোলিউশন বালতি

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

ছবির রেজোলিউশনের আকার এবং বালতি লেবেলের উদাহরণ।
চিত্র 5. পার্টি ক্যান্টালুপ তাদের নিজ নিজ ঘনত্ব এবং রপ্তানির স্কেলে।

প্যাডিং

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

চিত্র 6. প্যাডিং সহ 24 ডিপি আইকন সম্পদের মধ্যে বিল্ট।

ফাইলের নাম

Android সম্পদগুলি ছোট হাতের এবং একটি রেজোলিউশন প্রত্যয় অন্তর্ভুক্ত করে না৷

আপনার ফাইল এবং প্রকল্পগুলিকে সংগঠিত রাখতে একটি সামঞ্জস্যপূর্ণ নামকরণের রীতি এবং কাঠামো রাখুন। উদাহরণস্বরূপ, "ic_…" উপসর্গ সহ আইকনগুলির নামকরণ আপনার প্রকল্পের সমস্ত আইকনগুলিকে সংগঠিত করতে এবং বিকাশের সময় আইকনগুলিকে দ্রুত সনাক্ত করতে সহায়তা করতে পারে৷

অন্যান্য অ্যাপ সম্পদ

চিত্র 7. একরঙা লঞ্চার আইকন এবং স্প্ল্যাশ স্ক্রিন।

অ্যাপ আইকন

হোমস্ক্রীনে লঞ্চার আইকন পাওয়া যায়। একরঙা বিজ্ঞপ্তি, স্ট্যাটাস বার এবং উইজেট সহ সিস্টেম UI-তে একরঙা আইকন খুঁজুন।

অ্যাডাপটিভ আইকনগুলির জন্য ভেক্টর ড্রয়েবল এবং লিগ্যাসি আইকনগুলির জন্য PNG হিসাবে অ্যাপ আইকনগুলি ফর্ম্যাট করুন৷ আপনার অ্যাপ আইকন তৈরি এবং প্রিভিউ করার বিষয়ে আরও জানতে, আপনার অ্যাপ আইকন ডিজাইন এবং প্রিভিউ দেখুন।

স্প্ল্যাশ পর্দা

অ্যান্ড্রয়েড 12 দিয়ে শুরু করে, আপনার অ্যাপটি একটি অ্যানিমেটেড স্প্ল্যাশ স্ক্রিন প্রদর্শন করতে পারে যা আপনার অ্যাপ খোলার সময় অ্যাপ আইকন বৈশিষ্ট্যযুক্ত করে।

বসানো

স্ক্রিনে চিত্রগুলি কীভাবে স্কেল এবং অবস্থান করা উচিত তা নোট করুন৷ Fit, Crop, FillHeight, FillWidth, FillBounds, Inside , এবং None একটি ছবিতে স্কেলিং সেট করার জন্য উপলব্ধ নেই৷

চিত্র 8. ক্রপিং উদাহরণ।

অতিরিক্ত প্রভাব তৈরি করতে আপনি একটি আকারে ছবি ক্লিপ করতে পারেন।

প্রতিক্রিয়াশীল ফসল

প্রতিক্রিয়াশীলভাবে ছবিগুলি প্রদর্শন করতে, বিভিন্ন ব্রেকপয়েন্ট রেঞ্জে কীভাবে একটি চিত্র ক্রপ করা হবে তা নির্ধারণ করুন। বিভিন্ন ব্রেকপয়েন্ট রেঞ্জে ক্রপিং করতে পারে:

  • একটি নির্দিষ্ট অনুপাত বজায় রাখুন।
  • বিভিন্ন অনুপাতের সাথে খাপ খাইয়ে নিন।
  • স্থির চিত্রের উচ্চতা বজায় রাখুন।

একটি অনুপাত বজায় রাখুন

ইমেজ সাইজিং ব্রেকপয়েন্ট রেঞ্জ জুড়ে একটি নির্দিষ্ট অনুপাত ধরে রাখতে পারে।

চিত্র 9. বিভিন্ন আকৃতির অনুপাত দেখানো একটি চিত্র।

বিভিন্ন অনুপাতের সাথে খাপ খাইয়ে নিন

ছবির অনুপাত বিভিন্ন ব্রেকপয়েন্ট রেঞ্জের সাথে খাপ খাইয়ে পরিবর্তন করতে পারে। উদাহরণস্বরূপ, চিত্র 9-এ চিত্রের অনুপাত 1:1 থেকে 16:9 পর্যন্ত ব্রেকপয়েন্টের মধ্যে পরিবর্তিত হয়।

স্থির চিত্রের উচ্চতা

ইমেজ সাইজিং ব্রেকপয়েন্ট রেঞ্জ জুড়ে এবং এর মধ্যে একটি নির্দিষ্ট উচ্চতা এবং তরল প্রস্থ বজায় রাখতে পারে। ইমেজ একটি নির্দিষ্ট উচ্চতা বজায় রাখে যখন ব্রেকপয়েন্টের মধ্যে প্রস্থ তরল হয়।

প্রভাব

অ্যান্ড্রয়েডে বিভিন্ন বিল্ট-ইন ইমেজ ইফেক্ট রয়েছে। এখানে কিছু সাধারণ প্রভাব রয়েছে:

গ্রেডিয়েন্ট

রচনায়, পর্দায় কিছু আঁকতে একটি ব্রাশ ব্যবহার করুন। বিভিন্ন রং বা গ্রেডিয়েন্টের আকার আঁকতে বিভিন্ন ব্রাশ ব্যবহার করা যেতে পারে। বিভিন্ন গ্রেডিয়েন্ট প্রভাব অর্জন করতে অন্তর্নির্মিত গ্রেডিয়েন্ট ব্রাশ ব্যবহার করুন। এই ব্রাশগুলি আপনাকে রংগুলির তালিকা নির্দিষ্ট করতে দেয় যেগুলি থেকে আপনি একটি গ্রেডিয়েন্ট তৈরি করতে চান।

গ্রেডিয়েন্ট ব্রাশগুলি রঙের স্টপ এবং টাইলিং যুক্ত করে আরও উন্নত গ্রেডিয়েন্ট করতে সক্ষম, যতক্ষণ না আপনি স্টপটি ঘটে এমন রঙ এবং শতাংশের তালিকা প্রদান করেন। গ্রেডিয়েন্ট, সলিড কালার ফিল বা ইমেজ ক্রপ করতে পাত্র বা আকার ব্যবহার করুন।

চিত্র 10. কম্পোজ মডিফায়ার ব্যবহার করে ফিগমা থেকে একটি গ্রেডিয়েন্ট অনুবাদ করুন।

ঝাপসা

Modifier.blur() পদ্ধতি ব্যবহার করে এবং ব্লার অনুপাত প্রদান করে ছবিতে অস্পষ্ট প্রভাব প্রয়োগ করুন। সতর্কতার সাথে অস্পষ্টতা ব্যবহার করুন কারণ সেগুলি কার্যক্ষমতাকে প্রভাবিত করতে পারে এবং শুধুমাত্র Android 12 এবং উচ্চতর সংস্করণে চলমান ডিভাইসগুলিতে উপলব্ধ। আরও তথ্যের জন্য, কম্পোজেবল একটি ছবি ব্লার দেখুন।

ব্লেন্ড মোড

অ্যান্ড্রয়েড অনুরূপ বুলিয়ান ক্রিয়াকলাপগুলির মাধ্যমে চিত্রগুলিকে সংশোধন করতে সক্ষম এবং আপনি ডিজাইন সফ্টওয়্যার যেমন ইউনিয়ন বা গুনিত করার মতো মোডগুলিকে মিশ্রিত করতে পারেন৷ আরও তথ্যের জন্য, BlendMode দেখুন।

আভা

ব্লেন্ড মোড এবং ফিলগুলি ব্যবহার করুন সম্পদকে রঙ করতে। এটি আপনাকে একটি একক সম্পদ রাখতে এবং এতে বিভিন্ন রং প্রয়োগ করতে দেয়, যা উৎপাদিত সম্পদের পরিমাণ কমাতে পারে।

চিত্র 11. বিষয়বস্তুর রঙের পরিপূরক বা বিভিন্ন অবস্থা নির্দেশ করতে ব্যবহৃত বিভিন্ন টিন্ট সহ সম্পদ।

গতি

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

অ্যানিমেটেড ভেক্টর ড্রয়েবল আপনাকে ছোট UI অ্যানিমেশন তৈরি করতে দেয়। অন্যথায়, কম্পোজে কীফ্রেমের সাথে অ্যানিমেটিং সম্পর্কে আরও জানুন। ইমেজ ইফেক্ট সম্পর্কে আরও জানতে পড়ুন একটি ইমেজ কাস্টমাইজ করুন