১. ভূমিকা
সর্বশেষ হালনাগাদ: ১৮/০৪/২২
অ্যাপগুলো বেসলাইন স্কিম, ব্যবহারকারী-সৃষ্ট ডাইনামিক কালার বা ব্র্যান্ড কালারসহ বিভিন্ন রঙ ধারণ করতে পারে।
পূর্ববর্তী ম্যাটেরিয়াল ইউ কালার ল্যাবে ডিজাইন মকআপের মধ্যে কীভাবে ডাইনামিক কালার ভিজ্যুয়ালাইজ করা যায় তা দেখানো হয়েছিল, কিন্তু আপনি ম্যাটেরিয়াল থিমিং ব্যবহার করে আপনার ব্র্যান্ডের রঙ দিয়ে অ্যাপটিকে কাস্টমাইজও করতে পারেন। আপনার ব্র্যান্ডের রঙের সাথে নতুন কালার সিস্টেমটি ব্যবহার করলে একটি অ্যাক্সেসিবল কালার স্কিম তৈরি হবে, যা আরও ডাইনামিক ফিচার ধারণ করতে সক্ষম!
আপনি যা শিখবেন
- ম্যাটেরিয়াল থিম বিল্ডার ব্যবহার করে কীভাবে একটি কাস্টম থিম তৈরি করবেন।
- ডিজাইন মকআপে কাস্টম থিম প্রয়োগ করা।
- ডাইনামিক এবং কাস্টম রঙ একত্রিত করার সম্ভাবনা।
পূর্বশর্ত
এই ল্যাবের জন্য আমরা কিছু মৌলিক ডিজাইন ধারণার ওপর ভিত্তি করে কাজ করব।
- ডিজাইনের মৌলিক ধারণা সম্পর্কে জ্ঞান: রঙের প্যালেট
- বর্তমান অ্যান্ড্রয়েড কালার স্কিম এবং ভূমিকা সম্পর্কে জ্ঞান
- ফিগমা সম্পর্কে জ্ঞান
- ঐচ্ছিক: আপনার অ্যাপ কোডল্যাবে ডাইনামিক কালার ভিজ্যুয়ালাইজ করা
আপনার যা যা লাগবে
- ফিগমা অ্যাকাউন্ট
- ফিগমা ডিজাইনল্যাব ফাইল
- ফিগমা প্লাগইন ম্যাটেরিয়াল থিম বিল্ডার
২. শুরু করুন
সেটআপ
শুরু করার জন্য আপনাকে ডিজাইনল্যাব ফিগমা ফাইলটি অ্যাক্সেস করতে হবে। ল্যাবের জন্য আপনার প্রয়োজনীয় সবকিছু ফিগমা ফাইলটির মধ্যেই রয়েছে। আপনি ফাইলটি ডাউনলোড করে ইম্পোর্ট করতে পারেন, অথবা ফিগমা কমিউনিটি থেকে এটির একটি অনুলিপি তৈরি করতে পারেন।
প্রথমে, ফিগমাতে সাইন ইন করুন অথবা একটি অ্যাকাউন্ট তৈরি করুন ।
ফিগমা কমিউনিটি থেকে অনুলিপি
কাস্টমাইজিং ম্যাটেরিয়াল ফাইলে যান অথবা ফিগমা কমিউনিটিতে ‘Visualizing dynamic color in your app with Material Design’ লিখে সার্চ করুন। ফাইলটি আপনার ফোল্ডারে কপি করতে উপরের ডান কোণায় থাকা ডুপ্লিকেট বাটনে ক্লিক করুন।
ফাইল লেআউট
ফাইলটি দেখার সময় খেয়াল করবেন যে, এটি একটি ভূমিকা দিয়ে শুরু হওয়া একটি স্বয়ংসম্পূর্ণ ফাইল। প্রতিটি বিভাগকে পরস্পর সংযুক্ত আর্টবোর্ডের একটি সারিতে ভাগ করা হয়েছে, যেখানে বিভাগটির কিছু মূল ধারণা এবং তারপরে অনুশীলনী দেওয়া আছে। বিভাগগুলো এবং অনুশীলনীগুলো একে অপরের উপর ভিত্তি করে তৈরি এবং এগুলো ক্রমানুসারে সম্পন্ন করতে হবে।
এই কোডল্যাবটি আপনাকে সেই ধারণা এবং অনুশীলনগুলো আরও বিস্তারিতভাবে বুঝিয়ে দেবে। Material You-এর নতুন ফিচারগুলো সম্পর্কে আরও জানতে কোডল্যাবটির সাথে সাথে পড়ুন!
ইন্ট্রো আর্টবোর্ড থেকে শুরু করে, আর্টবোর্ডগুলোকে ক্রমানুসারে সংযুক্ত করার জন্য বাটন রয়েছে। লিঙ্কটি অ্যাক্সেস করতে, বাটনটিতে ক্লিক করুন।
ফিগমা প্লাগইন ইনস্টল করুন
এই কোডল্যাবটি ডাইনামিক কালার স্কিম এবং টোকেন তৈরি করার জন্য একটি নতুন ফিগমা প্লাগইনের উপর ব্যাপকভাবে নির্ভর করে। ফিগমা কমিউনিটি পেজ থেকে সরাসরি প্লাগইনটি ইনস্টল করুন অথবা ফিগমা কমিউনিটিতে 'Material Theme Builder' লিখে সার্চ করুন।
৩. উপকরণের রঙের পরিকল্পনা
প্রথমে ম্যাটেরিয়াল-এ কীভাবে রঙ ব্যবহার করা হয় এবং নতুন কালার সিস্টেমটি কীভাবে কাজ করে, তার একটি সংক্ষিপ্ত বিবরণ দেওয়া যাক।
শৈলী প্রকাশ করতে এবং অর্থ বোঝাতে রঙ ব্যবহার করা হয়, সেই অর্থ ব্যবহারকারীর ব্যক্তিগত, ব্র্যান্ডিং বা শব্দার্থগত যাই হোক না কেন। ব্যবহারকারীর ইনপুট পরিবর্তনের সাথে সাথে যে গতিশীলভাবে পরিবর্তনশীল রঙের বিন্যাস তৈরি হয়, কালার সিস্টেমটি তা সামাল দেয়। টোনাল সম্পর্ক এবং হিউ ও ক্রোমার পরিবর্তনের যুক্তি নমনীয় রঙ প্রয়োগের জন্য একটি ভিত্তি প্রদান করে।
কালার স্পেস একটি উৎস রঙ থেকে ৫টি মূল রঙ এবং তারপর টোনাল প্যালেট তৈরির মাধ্যমে ব্যবহারযোগ্য হালকা ও গাঢ় রঙের স্কিম তৈরি করার একটি উপায় প্রদান করে, যেখানে নির্দিষ্ট টোনাল ধাপগুলো নির্বাচন করা হয়।
এই রঙ পরিবর্তন কৌশলটি কেবল একটি সহজলভ্য রঙের বিন্যাসই প্রদান করে না, বরং এমন ব্র্যান্ডেড বিন্যাস তৈরির পদ্ধতিও দেয় যা ব্যবহারকারীর তৈরি রঙের বিন্যাসের সাথে সহজলভ্য ও সামঞ্জস্যপূর্ণ।
সহজলভ্য রঙের পরিকল্পনা তৈরির জন্য ৫টি মূল রঙ থেকে টোনাল প্যালেট তৈরি করা হয়।
ব্র্যান্ডেড থিম
M3 আপনার ব্র্যান্ডের পরিচয় বহনকারী শৈলীগুলোকে সংজ্ঞায়িত ও বজায় রাখতে কাস্টম প্যারামিটারগুলোর পদ্ধতিগত প্রয়োগ সমর্থন করে।
কাস্টম স্কিম হলো এমন একটি কালার স্কিম যা ব্যবহারকারীর ডিভাইসের ওয়ালপেপার থেকে নয়, বরং অ্যাপ নির্মাতার কাছ থেকে নেওয়া হয়। অ্যাপে ডাইনামিক কালার চালু করার ভিত্তি হলো এম৩ কালার সিস্টেম এবং কাস্টম স্কিম।
কাস্টম স্কিমটি প্রয়োজনীয় টোকেন (কালার স্লট) সেট আপ করার মাধ্যমে সহজ মাইগ্রেশনের জন্য M2 এবং M3-এর মধ্যেকার ব্যবধান পূরণ করবে এবং আরও ব্র্যান্ডেড অভিজ্ঞতা তৈরি করবে।
ম্যাটেরিয়াল থিম বিল্ডারে ব্র্যান্ডের রঙ যোগ করা
৪. রঙের পরিকল্পনা: অ্যাকসেন্ট রঙ
একটি কালার স্কিমের ভিত্তি হলো পাঁচটি মূল রঙের একটি সেট, যেগুলো পৃথকভাবে ১৩টি টোন সম্বলিত আলাদা টোনাল প্যালেটের সাথে সম্পর্কিত। প্রতিটি টোনাল প্যালেট থেকে নির্দিষ্ট টোনগুলোকে একটি UI জুড়ে রঙের বিভিন্ন ভূমিকায় নিযুক্ত করা হয়। চলুন, প্রথমে ম্যাটেরিয়াল থিম বিল্ডার প্লাগইনটি খুলে আমাদের প্রথম অ্যাকসেন্ট কালার, অর্থাৎ প্রাইমারি , সেট আপ করে শুরু করা যাক।
শুধুমাত্র প্রাইমারি ইনপুট করলে, সেটিকে উৎস হিসেবে ব্যবহার করে একটি সম্পূর্ণ কালার স্কিম তৈরি করা হবে।
- প্লাগইন মডালে, কাস্টম-এ ক্লিক করুন। এটি থিমটিকে একটি কাস্টম থিমে পরিবর্তন করে দেবে। এই ল্যাবের জন্য আমরা আগে থেকে তৈরি করা ম্যাটেরিয়াল-থিমটি ব্যবহার করব, কিন্তু আপনি চাইলে একটি নতুন থিমও তৈরি করতে পারেন; ডাইনামিক কালার ভিজ্যুয়ালাইজিং -এ এ বিষয়ে আরও জানুন।
- এরপর আমরা একটি প্রাইমারি কী কালার সেট করব। প্রাইমারি কালারটি আপনার ব্র্যান্ডের প্রধান রঙ, অথবা সবচেয়ে বেশি ব্যবহৃত প্রাইমারি অ্যাকসেন্ট কালার হতে পারে। প্রাইমারি কালারের উপর ভিত্তি করে বাকি কী কালারগুলো স্বয়ংক্রিয়ভাবে চলে আসবে। এর মানে হলো, প্রয়োজন না থাকলে অতিরিক্ত রঙ যোগ করার কোনো দরকার নেই।
৫. থিমের বাকি অংশ তৈরি করুন
থিম তৈরি করতে প্রাইমারি রঙ ব্যবহার করা হয়, কিন্তু প্রাইমারি ব্র্যান্ড কালারকে সমর্থন করার জন্য আপনি অ্যাকসেন্ট কালারও ব্যবহার করতে পারেন।
- প্লাগইন মডালে, সেকেন্ডারি কালার ওয়েলে ক্লিক করে একটি সেকেন্ডারি কালার যোগ করুন। UI-এর কম গুরুত্বপূর্ণ কম্পোনেন্টগুলোর জন্য সেকেন্ডারি কালার ব্যবহার করা হয়, যা রঙের অভিব্যক্তির সুযোগকে প্রসারিত করে। সেকেন্ডারি কালারটি কালার স্কিমেটিক এবং অ্যাপ UI-তে আপডেট হবে।
- টারশিয়ারি রঙের ক্ষেত্রেও একই কাজ করুন। টারশিয়ারি রঙের ভূমিকা বৈপরীত্যমূলক অ্যাকসেন্টের জন্য ব্যবহৃত হয়, যা প্রাইমারি ও সেকেন্ডারি রঙের মধ্যে ভারসাম্য আনতে বা কোনো একটি উপাদানের প্রতি বাড়তি মনোযোগ আকর্ষণ করতে পারে। টারশিয়ারি রঙের এই ভূমিকাটি নির্মাতাদের নিজস্ব বিবেচনার উপর ছেড়ে দেওয়া হয়েছে এবং এর উদ্দেশ্য হলো পণ্যগুলিতে রঙের ব্যাপকতর প্রকাশকে সমর্থন করা।
- এখন পৃষ্ঠতল ও পটভূমি এবং উচ্চ গুরুত্বারোপকারী লেখা ও আইকনের জন্য নিরপেক্ষ ভূমিকা ব্যবহার করা হয়।
আপনার কালার স্কিম সম্পূর্ণরূপে কাস্টমাইজ করতে সেকেন্ডারি, টারশিয়ারি এবং নিউট্রাল অপশন প্রদান করুন।
আপনার ব্র্যান্ডের রঙগুলো এখন মূল কালার স্কিমে অন্তর্ভুক্ত হবে, যা M3 কালার স্পেসের সাথে সামঞ্জস্য রেখে পরিবর্তন করা হয়েছে। এটি সম্পূর্ণরূপে অ্যাক্সেসযোগ্য এবং একটি থিম হিসাবে কোডের মধ্যে এক্সপোর্ট ও প্রয়োগ করা যাবে।
৬. আপনার থিম প্রয়োগ করা
ভূমিকা ও টোকেন
প্রতিটি অ্যাকসেন্ট কালার ( প্রাথমিক , মাধ্যমিক এবং তৃতীয় ) জোড়া মেলানো, জোর দেওয়া এবং দৃশ্যমান অভিব্যক্তির জন্য বিভিন্ন টোনের চারটি সামঞ্জস্যপূর্ণ রঙের একটি গ্রুপে সরবরাহ করা হয়। এই গ্রুপটি অ্যাকসেন্ট কালার, অন কালার, কন্টেইনার এবং অন কন্টেইনার দিয়ে গঠিত।
পৃষ্ঠতল ও পটভূমি এবং অধিক গুরুত্বারোপকারী লেখা ও আইকনের জন্য নিরপেক্ষ ভূমিকা ব্যবহার করা হয়।
ডিজাইন টোকেনগুলো এমন ছোট ও পুনরাবৃত্তিমূলক ডিজাইন সিদ্ধান্তকে উপস্থাপন করে, যা একটি ডিজাইন সিস্টেমের ভিজ্যুয়াল স্টাইল তৈরি করে। টোকেনগুলো রঙের হেক্স কোডের মতো স্থির মানগুলোকে স্ব-ব্যাখ্যামূলক নাম দিয়ে প্রতিস্থাপন করে। ডিজাইন টোকেনগুলো এমন সব স্টাইল পছন্দকে অর্থপূর্ণভাবে সংযুক্ত করে, যেগুলোর মধ্যে অন্যথায় কোনো স্পষ্ট সম্পর্ক থাকত না।
ফিগমা প্লাগইনটি টোকেন তৈরি করে এবং বিদ্যমান মক-আপ, ব্র্যান্ড স্টাইল গাইড, এমনকি ডিজাইন সিস্টেমের সাথে সংযোগ স্থাপনের জন্য ফিগমা স্টাইল আকারে আপনার নিজস্ব সোর্স কালার ইনপুট করার সুবিধা দেয়।
ডিজাইন টোকেনগুলো রঙের ভূমিকা এবং তার বাস্তবায়নের মধ্যে একটি অভিন্ন ভাষা তৈরি করে।
রঙের ক্রমবিন্যাস
আপনার মকআপে কালার রোল প্রয়োগ করার সময়, আপনার এলিমেন্টগুলোর গুরুত্বের ক্রম বা হায়ারার্কি বিবেচনা করুন। এই ধারণাটি ব্র্যান্ডের রঙগুলোকে তাদের নিজ নিজ রোলে বরাদ্দ করতে এবং UI-এর মধ্যে সেগুলোকে ম্যাপ করতে সাহায্য করবে। সাধারণত, বেশি স্যাচুরেটেড বা গাঢ় রঙগুলো প্রথমে ব্যবহারকারীর মনোযোগ আকর্ষণ করে, এই কারণেই প্রাইমারি কালার রোলটি সেইসব কম্পোনেন্টে ম্যাপ করা হয় যেগুলো কল টু অ্যাকশন-কেন্দ্রিক। যদিও ম্যাটেরিয়াল থিম বিল্ডার উপযুক্ত রঙ তৈরি করার জন্য M3 কালার সিস্টেম ব্যবহার করে, তবুও উচ্চ স্যাচুরেশনযুক্ত সেকেন্ডারি বা টারশিয়ারি রঙ ব্যবহার করলে এমন রঙ তৈরি হবে যা তার প্রাইমারি রঙকে ছাপিয়ে যাবে। কালার রোল নির্ধারণে সাহায্য করার জন্য, UI এবং কন্টেন্টের মধ্যে ব্যবহারকারীরা কোন ক্রমে যুক্ত হোক তা আপনি চান, তা বিবেচনা করুন; সব কম্পোনেন্টে প্রাইমারি রঙ ব্যবহার করা উচিত নয়।
গাঢ় ও উজ্জ্বল রঙ সবচেয়ে বেশি মনোযোগ আকর্ষণ করে।
৭. থিম পরিবর্তন করুন
আপনার ডিজাইনগুলিতে আপনার তৈরি করা কাস্টম থিমটি প্রয়োগ করতে, আমাদের বিদ্যমান ম্যাটেরিয়াল-থিমের টোকেনগুলিতে মকআপটি সেট করতে হবে।
ম্যাটেরিয়াল কম্পোনেন্টগুলোতে আগে থেকেই রোল ম্যাপ করা থাকে এবং এগুলো ম্যাটেরিয়াল থিম বিল্ডারের সাথে স্বয়ংক্রিয়ভাবে কাজ করবে।
ম্যাটেরিয়াল থিম বিল্ডার মডাল থেকে থিম পরিবর্তন করুন।
- এই থিমটি ব্যবহার করার জন্য, লেআউটের ফ্রেমটি সিলেক্ট করে সোয়াপ (swap) ক্লিক করুন এবং লেআউটের সমস্ত টোকেন (ফিগমা স্টাইল) ডানদিকে সেট করুন। আপনি দেখবেন যে সিলেকশন কালারগুলিতে স্টাইল প্রিফিক্সটি আপডেট হয়ে গেছে।
- সবকিছু আপডেট করা হয়নি? কাস্টম কম্পোনেন্ট, যেমন প্ল্যান্ট কেয়ার টিপ কার্ড, সেগুলোতে প্রথমে ফিগমা স্টাইল প্রয়োগ করতে হবে। কেয়ার টিপ কন্টেইনারটি সিলেক্ট করুন, কন্টেইনারটি সিলেক্ট থাকা অবস্থায়, একটি স্টাইল নির্ধারণ করতে ৪ ডট আইকনে ক্লিক করুন এবং ‘টারশিয়ারি কন্টেইনার’ বেছে নিন। কেয়ার টিপ কার্ডের বিষয়বস্তুগুলোর ক্ষেত্রেও একই কাজ করুন, তবে এক্ষেত্রে একটি ‘অন-টারশিয়ারি কন্টেইনার’ নির্ধারণ করুন। তালিকার ছোট লেবেলগুলোও কাস্টম কম্পোনেন্ট, কিন্তু আমরা সেগুলোতে পরে ফিরে আসব!
- ম্যাটেরিয়াল ডিজাইন কম্পোনেন্টগুলো ডিফল্ট ম্যাপিং ব্যবহার করছে, কিন্তু UI-এর সাথে সবচেয়ে ভালোভাবে মানিয়ে নেওয়ার জন্য আপনি স্টাইল অ্যাসাইনমেন্ট নিয়ে পরীক্ষা-নিরীক্ষা করতে পারেন। বিভিন্ন রঙের স্তরবিন্যাস এবং ব্র্যান্ডের প্রকাশভঙ্গি নিয়ে একটু সময় নিয়ে কাজ করুন।
(কোডের জন্য এক্সপোর্ট ফাইলে শুধুমাত্র থিমটি অন্তর্ভুক্ত থাকে। কোনো ইঞ্জিনিয়ারের সাথে কাজ করার সময়, টোকেন ম্যাপিং বোঝানোর জন্য মক (mock) শেয়ার করুন, কারণ এটি এক্সপোর্টে অন্তর্ভুক্ত করা হবে না।)
থিম ছাড়া প্লাগইনটি খুললে শুরু করার জন্য একটি সেটআপ স্ক্রিন দেখা যাবে। 'Get started' বিকল্পটি ডিফল্ট বেসলাইন 'material-theme'-কে একটি ফিগমা স্টাইল গ্রুপ হিসেবে তৈরি করে দেবে, যা আপনি আপনার মকআপের সাথে সংযোগ করতে বা ম্যাটেরিয়াল ডিজাইন কিটের সাথে ব্যবহার করতে পারবেন।
৮. মূল পরিকল্পনার বাইরে সম্প্রসারণ
আপনার কম্পোনেন্ট এবং ডিজাইন মক-এ এখন একটি ব্র্যান্ডেড কালার থিম ম্যাপ করা আছে, কিন্তু আরও কিছু রঙ অন্তর্ভুক্ত করার প্রয়োজন হতে পারে। এখানেই কাস্টম রঙ যোগ করার সুযোগ দিতে একটি এক্সটেন্ডেড স্কিম কাজে আসে।
এগুলো হতে পারে অর্থগত রঙ, ব্র্যান্ড-নির্দিষ্ট, বা এমনকি পণ্য-নির্দিষ্ট রঙ, যেগুলোর ভূমিকা নির্ধারণ করতে হয় এবং কালার অ্যালগরিদমের মাধ্যমে সেগুলোকে পরিবর্তন করতে হয়, অথবা যেমন ইনপুট করা হয়েছে সেভাবেই রাখতে হয়।
বর্ধিত কালার স্কিমটি আপনার ব্র্যান্ড কালারের সাথে ডাইনামিক (ব্যবহারকারীর তৈরি) কালার একত্রিত করার সুযোগও নিয়ে আসে। কোর স্কিমটিকে ব্যবহারকারীর ব্যক্তিগত পছন্দের উপর প্রভাব ফেলতে দিন, যেখানে বর্ধিত স্কিমে ব্র্যান্ড কালারগুলো সেট করা থাকবে। এর মানে হলো, UI এলিমেন্টগুলো আপনার ব্যবহারকারীদের জন্য আরও ব্যক্তিগত হতে পারে এবং অ্যাপে আপনার ব্র্যান্ড কালারগুলো আরও সুনির্দিষ্ট ও প্রভাবশালী মুহূর্ত তৈরি করতে পারে।
মূল নকশাটিকে নিজস্ব রং অন্তর্ভুক্ত করার জন্য সম্প্রসারিত করা যেতে পারে। 
৯. সম্প্রসারণ ও কাস্টমাইজেশন
কাস্টম রঙ ব্যবহার করে স্কিমটি সম্প্রসারণের মাধ্যমে সিমান্টিক বা অতিরিক্ত ব্র্যান্ডিং রঙের মতো রঙ যোগ করা যায়।
নিজস্ব রঙ যোগ করে বিশেষ নকশা তৈরি করা হয়েছে।
- প্লাগইন মডালে, মূল রঙগুলোর নিচে, একটি রঙ যোগ করুন (Add a Color) -এ ক্লিক করুন।
- বর্তমান থিমটি একটি নতুন Custom0 সারি দিয়ে আপডেট হবে। এই রঙটি আপডেট করতে, কালার ওয়েলে ক্লিক করে একটি নতুন রঙ নির্বাচন করুন।
- এই বর্ধিত রঙগুলো রিড-অনলি স্টাইলের মধ্যে Custom0 নামে একটি স্টাইল হিসেবে পাওয়া যাবে। এদের টোনাল প্যালেট এবং স্কিম উভয়ই উপস্থিত রয়েছে। চলুন, তালিকার কিছু লেবেলকে নতুন রঙটির সাথে ম্যাপ করি। এর জন্য লেবেলের ব্যাকগ্রাউন্ড নির্বাচন করে যুক্ত করা রঙটির একটি রোল (on-custom0 কন্টেইনার) নির্ধারণ করে দিন।
নির্বাচিত রঙগুলির মধ্যে নিজস্ব রঙ নির্ধারণ করা।
- ম্যাটেরিয়াল থিম বিল্ডার স্বয়ংক্রিয়ভাবে রঙগুলোকে Custom# হিসেবে তৈরি করে। যোগ করা কোনো কাস্টম রঙের নাম পরিবর্তন করতে, স্টাইল প্যানেলে থিমের স্টাইল গ্রুপটি এক্সপ্যান্ড করুন (কিছু সিলেক্ট করা না থাকলেও এটি দেখা যাবে)। এরপর সোর্স সাবগ্রুপের মধ্যে Custom0 খুঁজুন। এখানে সোর্সের নাম পরিবর্তন করলে প্লাগইন মডালের ভেতরের রঙটির নামও পরিবর্তিত হয়ে যাবে।
কাস্টম কালার স্টাইলগুলো স্টাইল প্যানেলে পাওয়া যাবে।
- যোগ করা রঙটি মুছে ফেলার কাজটিও একইভাবে করা যায়, এর জন্য রাইট-ক্লিক করে স্টাইলটি ডিলিট করতে হবে। পরেরবার প্লাগইনটি খুললে যোগ করা রঙটি মুছে যাবে। নাম পরিবর্তন এবং মুছে ফেলার বিষয়টি কালার ডায়াগ্রামে প্রতিফলিত নাও হতে পারে।
১০. অভিনন্দন
ম্যাটেরিয়াল থিম বিল্ডার ব্যবহার করে কীভাবে একটি কাস্টম কালার থিম তৈরি করতে হয়, ডিজাইন মকআপে তা প্রয়োগ করতে হয় এবং কালার স্কিমে নতুন কিছু যোগ করতে হয়, তা শেখার জন্য আপনাকে অভিনন্দন। নতুন ম্যাটেরিয়াল ৩ কালার সিস্টেম ডিজাইনে সহজলভ্য, নমনীয় এবং সামঞ্জস্যপূর্ণ রঙ নিয়ে আসে এবং আপনি কীভাবে এগুলো ব্যবহার করেন তা দেখার জন্য আমরা অধীর আগ্রহে অপেক্ষা করছি!
আপনার কোনো প্রশ্ন থাকলে, টুইটারে @MaterialDesign ব্যবহার করে যেকোনো সময় নির্দ্বিধায় আমাদের জিজ্ঞাসা করতে পারেন।
আরও ডিজাইন কন্টেন্ট এবং টিউটোরিয়ালের জন্য youtube.com/MaterialDesign- এ চোখ রাখুন।