Material Icons. এবার আইকন ব্যবহার হবে পানির মতো।


আসসালামু আলাইকুম-

আপনাদের সকলকে স্বাগতম জানাই আমার এই জনতার কথা ওয়েবসাইটটিতে। আপনারা সকলেই জানেন আমি প্রতিনিয়ত আপনাদের সামনে নিয়ে আসি নিত্য নতুন সিস্টেম, ট্রিকস এবং কিছু ডেভেলপার সিস্টেম সহ আরো অনেক কিছু। আজ আমরা আপনাদের সামনে নিয়ে এসেছি গুগোল আইকন বা স্বাভাবিকভাবে একে বলা হয় Material-Icons.


Material Icons কি?

Material Icons হলো Material UI (User Interface) ডিজাইন করার জন্য ব্যবহৃত বিভিন্ন রকমের আইকন। এই আইকনগুলো Material UI Designer রা ব্যবহার করে থাকে। এমনকি Google কোম্পানিও Material Icons ব্যবহার করে থাকে। এই আইকন গুলো অত্যন্ত সুন্দর দেখায় এবং ডিজিটাল হয়। আজকাল বেশিরভাগ ক্ষেত্রেই এই Material Icons ব্যবহার করে সুন্দর সুন্দর ডিজাইন করা হয়।


Material Design এর গুরুত্ব কি?

বর্তমান সময়ে সকল ইউজাররা Material Design অনেক বেশি পছন্দ করে থাকে। এছাড়াও এই আইকনগুলো ব্যবহার সহজ ও অত্যন্ত সুন্দর। তাই এই ডিজাইন অনেক বেশি জনপ্রিয়। আপনি আপনি যে অ্যাপ্লিকেশনগুলো ব্যবহার করে থাকেন সেই অ্যাপ্লিকেশনগুলোতে বিভিন্ন ধরনের আইকন ব্যবহার করা হয়। কিছু কিছু আইকন রঙবেরঙের হয়। সেগুলো Material Icons না। কিছু কিছু আইকন রয়েছে যেগুলো একদম স্মার্ট দেখতে এবং প্রফেশনাল দেখায় এবং এক রঙের হয়ে থাকে এইগুলোকেই Material Icons বলে। এই আইকনগুলো সাধারণত মেনুবার তৈরিতে বা সাইডবার তৈরিতে বা Bottom Navigation Menu তৈরিতে ব্যবহৃত হয়।


Material Icons কোথায় পাবো?

Material Icons আগে material.io ওয়েবসাইটে পাওয়া গেলেও এখন আর পাওয়া যায় না। গুগল এখন সেই আইকনগুলো তাদের Google Font Website এ ট্রান্সফার করেছে। তাই আপনি যদি Google এ গিয়ে Material Icons লিখে সার্চ করেন তাহলে অবশ্যই আপনাকে Google Font Website Select করতে হবে।


ওয়েবসাইট লিংক: https://fonts.google.com/icons


বি:দ্র: গুগল ব্যতিত আরো অনেক ওয়েবসাইটে আপনারা Material Icons পাবেন। সুতরাং গুগলেই যেতে হবে এমন কোন ধরনের বিষয় নেই।


কিভাবে Material Icons ব্যবহার করবো?

Material Icons ব্যবহার করার নিয়ম নিম্নে উল্লেখ করা হলো-


১.  আপনি যদি ওয়েব ডেভেলপার হয়ে থাকেন তবে আপনাকে ওয়েবসাইটে ব্যবহারের ক্ষেত্রে আপনাকে একটি css code ব্যবহার করতে হবে। কোডটি নিচে দেওয়া হলো-



২. আপনি যদি অ্যান্ড্রয়েড অ্যাপ্লিকেশন বানিয়ে থাকেন তবে আপনাকে অ্যান্ড্রোয়েড অ্যাপ্লিকেশনে ব্যবহারের ক্ষেত্রে আইকনের (যে আইকনটি ব্যবহার করবেন) Name ব্যবহার করতে হবে। অবশ্যই ছোট হাতের অক্ষরে লিখবেন এবং স্পেস এর পরিবর্তে এই চিহ্নটি( _ ) ব্যবহার করতে হবে। তবে আপনি অ্যাপ্লিকেশন কোথায় থেকে তৈরি করছেন তার উপরও এই আইকনগুলো ব্যবহারের নিয়ম পরিবর্তন হতে পারে। তবে Android Studio, Kodular এইসব প্লাটফর্মে শুধু Name দিলেই আইকষ ব্যবহার করা যায়।


৩. IOS অ্যাপ্লিকেশনে এই Material Icons ব্যবহারের ক্ষেত্রে দুটি কোড রয়েছে-

          1. UIImage(named:"home")?

          2. [UIImage imageNamed:@"home"]


৪. Flutter এ ব্যবহার করার সময় Flutter ID অথবা নিচের কোড ব্যবহার করতে পারেন-



গুগলে Material Icons আসার পর কি কোনো সুবিধা হয়েছে?

হ্যাঁ, অবশ্যই হয়েছে। আপনারা এখন প্রফেশনাল Material UI Design করতে পারবেন যা material.io তে থাকাকালীন সময়ে সম্ভব ছিল না। এছাড়াও এটি এখন আরো সহজ, সুন্দর ও ব্যবহার উপযোগী হয়ে উঠেছে। এছাড়াও আরো অনেক নতুন নতুন আইকনও এসেছে যেগুলো আপনি আপনার প্রয়োজনে ব্যবহার করতে পারবেন।


Material Design করার জন্য কোন ওয়েবসাইটের সাহায্য নেওয়া যাবে?

আপনি চাইলে material.io ওয়েবসাইটটির সহায়তা নিতে পারেন। এটি হতে আপনি Material Design সম্পর্কিত অনেক সাহায্য পাবেন। এছাড়াও গুগল প্লে-স্টোরে অনেক অ্যাপ্লিকেশন রয়েছে যেগুলো থেকে আপনি বিভিন্ন ধরনের সহায়তা পেতে পারেন। আমি আশা করি আপনি যদি গুগল প্লে-স্টোরে গিয়ে সার্চ করেন Material Design লিখে তাহলে আপনি প্রচুর পরিমাণে অ্যাপ্লিকেশন পাবেন। সেগুলো থেকে আপনি Material Design করা শিখতে পারবেন।


ধন্যবাদ।

*

একটি মন্তব্য পোস্ট করুন (0)
নবীনতর পূর্বতন