উপাদান রঙ কাস্টমাইজ করা

1. ভূমিকা

শেষ আপডেট: ০৪/১৮/২২

অনুসরণ

অ্যাপগুলি বেসলাইন স্কিম, ব্যবহারকারীর তৈরি গতিশীল রঙ, অথবা ব্র্যান্ড রঙ থেকে বিভিন্ন ধরণের রঙ গ্রহণ করতে পারে।

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

তুমি কি শিখবে

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

পূর্বশর্ত

এই ল্যাবের জন্য আমরা কিছু মৌলিক নকশা ধারণার উপর ভিত্তি করে তৈরি করব।

তোমার যা লাগবে

2. শুরু করুন

সেটআপ

শুরু করার জন্য আপনাকে Designlab Figma ফাইলটি অ্যাক্সেস করতে হবে। ল্যাবের জন্য আপনার যা কিছু প্রয়োজন তা Figma ফাইলে আছে। আপনি ফাইলটি ডাউনলোড করে আমদানি করতে পারেন, অথবা Figma কমিউনিটি থেকে এটি ডুপ্লিকেট করতে পারেন।

প্রথমে, ফিগমাতে সাইন ইন করুন অথবা একটি অ্যাকাউন্ট তৈরি করুন

ফিগমা কমিউনিটি থেকে ডুপ্লিকেট

Figma Community- এর মধ্যে Material Design-এর সাথে আপনার অ্যাপে "Visualizing dynamic color" অনুসন্ধান করুন অথবা "Customizing Material" ফাইলে যান। ফাইলটি আপনার ফাইলগুলিতে কপি করতে উপরের ডানদিকের কোণায় "Duplicate" এ ক্লিক করুন।

2cb1a5f77aab6012.png সম্পর্কে

ফাইল লেআউট

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

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

289defd9d067d2f0.png সম্পর্কে

ফিগমা প্লাগইন ইনস্টল করুন

এই কোডল্যাবটি ডায়নামিক কালার স্কিম এবং টোকেন তৈরি করতে একটি নতুন ফিগমা প্লাগইনের উপর ব্যাপকভাবে নির্ভর করে। ফিগমা কমিউনিটি পৃষ্ঠা থেকে সরাসরি ফিগমা প্লাগইনটি ইনস্টল করুন অথবা ফিগমা কমিউনিটিতে "ম্যাটেরিয়াল থিম বিল্ডার" অনুসন্ধান করুন।

61f6731c8ab4d4f7.png সম্পর্কে

৩. উপাদানের রঙের স্কিম

প্রথমে উপাদানের মধ্যে রঙ কীভাবে ব্যবহৃত হয় এবং নতুন রঙ ব্যবস্থা কীভাবে কাজ করে তার একটি সারসংক্ষেপ।

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

রঙের স্থানটি ৫টি মূল রঙ এবং তারপর টোনাল প্যালেট তৈরি করে, যেখানে নির্দিষ্ট টোনাল ধাপগুলি নির্বাচন করা হয়, উৎস রঙ থেকে আহরণ করা সহজলভ্য হালকা এবং গাঢ় রঙের স্কিম তৈরি করার একটি উপায় প্রদান করে।

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

b9d07b529bda89c7.png সম্পর্কে

অ্যাক্সেসযোগ্য স্কিম তৈরি করতে 5টি মূল রঙ থেকে টোনাল প্যালেটে রঙের স্কিম তৈরি করা হয়

ব্র্যান্ডেড থিম

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

কাস্টম স্কিম হলো এমন একটি রঙের স্কিম যা ব্যবহারকারীর ডিভাইসের ওয়ালপেপার থেকে নয়, বরং অ্যাপ নির্মাতার কাছ থেকে নেওয়া হয়। M3 রঙ সিস্টেম এবং কাস্টম স্কিমগুলি অ্যাপগুলিতে গতিশীল রঙ সক্ষম করার ভিত্তি।

কাস্টম স্কিমটি প্রয়োজনীয় টোকেন (রঙের স্লট) সেট আপ করে সহজে মাইগ্রেশনের জন্য M2 এবং M3 এর মধ্যে ব্যবধান পূরণ করবে এবং আরও ব্র্যান্ডেড অভিজ্ঞতা তৈরি করবে।

691bd232c376b104.png সম্পর্কে

ম্যাটেরিয়াল থিম বিল্ডারে ব্র্যান্ডের রঙ যোগ করা হচ্ছে

৪. রঙের স্কিম: অ্যাকসেন্ট রঙ

একটি রঙের স্কিমের ভিত্তি হল পাঁচটি মূল রঙের সেট যা পৃথকভাবে ১৩টি টোন সহ পৃথক টোনাল প্যালেটের সাথে সম্পর্কিত। প্রতিটি টোনাল প্যালেট থেকে নির্দিষ্ট টোনগুলি একটি UI জুড়ে রঙের ভূমিকার জন্য নির্ধারিত হয়। আসুন ম্যাটেরিয়াল থিম বিল্ডার প্লাগইনটি খুলে এবং আমাদের প্রথম অ্যাকসেন্ট রঙ সেট আপ করে শুরু করি: Primary

6e24bf04c72acc86.png সম্পর্কে

শুধুমাত্র প্রাথমিকে প্রবেশ করলে এটি একটি সম্পূর্ণ রঙের স্কিম তৈরি করতে উৎস হিসেবে ব্যবহার করা হবে।

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

৫. বাকি থিমের কাজ তৈরি করুন

থিম তৈরি করতে প্রাইমারি ব্যবহার করা হয়, তবে প্রাথমিক ব্র্যান্ডের রঙ সমর্থন করার জন্য আপনার অ্যাকসেন্ট রঙ থাকতে পারে।

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

84e8a274ea3f8a19.png সম্পর্কে

আপনার রঙের স্কিম সম্পূর্ণরূপে কাস্টমাইজ করার জন্য সেকেন্ডারি, টারশিয়ারি এবং নিউট্রাল প্রদান করুন..

আপনার ব্র্যান্ডের রঙগুলি এখন M3 রঙের স্থানের সাথে মেলে স্থানান্তরিত মূল রঙের স্কিমে অন্তর্ভুক্ত করা হবে, সম্পূর্ণরূপে অ্যাক্সেসযোগ্য এবং একটি থিম হিসাবে কোডের মধ্যে রপ্তানি এবং বাস্তবায়ন করতে সক্ষম হবে।

৬. আপনার থিম প্রয়োগ করা

ভূমিকা এবং টোকেন

প্রতিটি উচ্চারণ রঙ ( প্রাথমিক , মাধ্যমিক এবং তৃতীয় ) জোড়া লাগানো, জোর নির্ধারণ এবং দৃশ্যমান অভিব্যক্তির জন্য বিভিন্ন স্বরের চারটি সামঞ্জস্যপূর্ণ রঙের একটি গ্রুপে সরবরাহ করা হয়। গ্রুপটি উচ্চারণ রঙ, রঙ, ধারক এবং ধারক দিয়ে তৈরি।

নিরপেক্ষ ভূমিকাগুলি পৃষ্ঠ এবং পটভূমির জন্য এবং উচ্চ জোর দেওয়া পাঠ্য এবং আইকনের জন্য ব্যবহৃত হয়।

ডিজাইন টোকেনগুলি ছোট, পুনরাবৃত্তিমূলক ডিজাইন সিদ্ধান্তগুলিকে প্রতিনিধিত্ব করে যা একটি ডিজাইন সিস্টেমের ভিজ্যুয়াল স্টাইল তৈরি করে। টোকেনগুলি স্ট্যাটিক মানগুলিকে প্রতিস্থাপন করে, যেমন রঙের জন্য হেক্স কোডগুলিকে স্ব-ব্যাখ্যামূলক নাম দিয়ে। ডিজাইন টোকেনগুলি অর্থপূর্ণভাবে স্টাইল পছন্দগুলিকে সংযুক্ত করে যা অন্যথায় স্পষ্ট সম্পর্কের অভাব থাকে।

ফিগমা প্লাগইন টোকেন তৈরি করে এবং বিদ্যমান মক-আপ, ব্র্যান্ড স্টাইল গাইড এবং এমনকি ডিজাইন সিস্টেমের সাথে সংযোগ স্থাপনের জন্য ফিগমা স্টাইলের আকারে আপনার নিজস্ব উৎস রঙগুলি ইনপুট করে।

99b715ce2b99c3be.png সম্পর্কে

ডিজাইন টোকেনগুলি রঙের ভূমিকা এবং বাস্তবায়নের মধ্যে একটি সাধারণ ভাষা তৈরি করে।

রঙের শ্রেণিবিন্যাস

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

7fe95c9c2cbff5b1.png সম্পর্কে

ঘন স্যাচুরেটেড রঙ সবচেয়ে বেশি মনোযোগ আকর্ষণ করে।

৭. থিমে অদলবদল করুন

আপনার তৈরি কাস্টম থিমটি আপনার ডিজাইনে প্রয়োগ করতে আমাদের বিদ্যমান ম্যাটেরিয়াল-থিমের টোকেনগুলিতে মকআপ সেট করতে হবে।

মেটেরিয়াল কম্পোনেন্টগুলির ভূমিকা আগে থেকে ম্যাপ করা থাকে এবং এটি স্বয়ংক্রিয়ভাবে মেটেরিয়াল থিম বিল্ডারের সাথে কাজ করবে।

3f7e3eee2f231b43.png সম্পর্কে

ম্যাটেরিয়াল থিম বিল্ডার মডেল থেকে থিমে অদলবদল করুন।

  1. লেআউটের ফ্রেম নির্বাচন করে এবং সোয়াপ ক্লিক করে এই থিমটি ব্যবহার করার জন্য লেআউটের সমস্ত টোকেন (ফিগমা স্টাইল) ডানদিকে সেট করা যাক। আপনি নির্বাচিত রঙগুলিতে স্টাইল প্রিফিক্স আপডেট দেখতে পাবেন।
  2. সবকিছু আপডেট করা হয়নি? কাস্টম উপাদান, যেমন উদ্ভিদ যত্ন টিপ কার্ড, প্রথমে ফিগমা স্টাইল প্রয়োগ করতে হবে। যত্ন টিপ ধারক নির্বাচন করুন, ধারকটি নির্বাচন করে, একটি স্টাইল বরাদ্দ করতে 4 ডট আইকনে ক্লিক করুন, তৃতীয় ধারক নির্বাচন করুন। যত্ন টিপ কার্ডের বিষয়বস্তুর সাথেও একই কাজ করুন, একটি তৃতীয় ধারক বরাদ্দ করা ছাড়া। তালিকার ছোট লেবেলগুলিও কাস্টম উপাদান, তবে আমরা পরে সেগুলিতে ফিরে আসব!
  3. মেটেরিয়াল ডিজাইনের উপাদানগুলি ডিফল্ট ম্যাপিং ব্যবহার করছে, তবে আপনি UI-এর সাথে সবচেয়ে উপযুক্ত স্টাইল অ্যাসাইনমেন্টগুলি নিয়ে পরীক্ষা-নিরীক্ষা করতে পারেন। বিভিন্ন রঙের শ্রেণিবিন্যাস এবং ব্র্যান্ড এক্সপ্রেশন নিয়ে খেলার জন্য কিছুক্ষণ সময় নিন।

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

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

৮. মূল পরিকল্পনার বাইরেও প্রসারিত করা

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

এগুলো শব্দার্থিক রঙ, ব্র্যান্ড-নির্দিষ্ট, এমনকি পণ্য-নির্দিষ্ট রঙও হতে পারে, যেগুলোর জন্য রঙ অ্যালগরিদমের মাধ্যমে ভূমিকা নির্ধারণ এবং স্থানান্তর করতে হবে অথবা ইনপুট হিসাবেই থাকতে হবে।

বর্ধিত রঙের স্কিমটি আপনার ব্র্যান্ডের রঙের সাথে গতিশীল (ব্যবহারকারী-উত্পাদিত) রঙগুলিকে একত্রিত করার সম্ভাবনাও প্রবর্তন করে। মূল স্কিমটিকে ব্যক্তিগতকৃত ব্যবহারকারীর প্রভাব রাখার অনুমতি দিন, যখন ব্র্যান্ডের রঙগুলি বর্ধিত স্কিমে সেট করা থাকে। এর অর্থ হল UI উপাদানগুলি আপনার ব্যবহারকারীদের কাছে আরও ব্যক্তিগত হতে পারে এবং আপনার ব্র্যান্ডের রঙগুলি অ্যাপে আরও সুনির্দিষ্ট প্রভাবশালী মুহূর্তগুলি ধারণ করতে পারে।

কাস্টম রঙ অন্তর্ভুক্ত করার জন্য মূল স্কিমটি বাড়ানো যেতে পারে। 452857e2cfa3fda3.png সম্পর্কে

৯. সম্প্রসারণ এবং কাস্টমাইজেশন

কাস্টম রঙের সাহায্যে স্কিমটি প্রসারিত করলে অর্থপূর্ণ বা অতিরিক্ত ব্র্যান্ডিং রঙের মতো রঙ যোগ করা সম্ভব হয়।

efa6ff9073f0d685.png সম্পর্কে

কাস্টম রঙ যুক্ত করে কাস্টম স্কিম।

  1. প্লাগইন মোডালে, কী রঙের নীচে, একটি রঙ যোগ করুন ক্লিক করুন।
  2. বর্তমান থিমটি একটি নতুন Custom0 সারি দিয়ে আপডেট হবে। রঙের ওয়েলে ক্লিক করে এই রঙটি আপডেট করুন, একটি নতুন রঙ নির্বাচন করুন।
  3. এই বর্ধিত রঙগুলি কেবল পঠনযোগ্য শৈলীর মধ্যে একটি স্টাইল হিসাবে পাওয়া যেতে পারে যেমন Custom0 । তাদের টোনাল প্যালেট এবং স্কিম উভয়ই উপস্থিত রয়েছে। লেবেলের পটভূমি নির্বাচন করে নতুন রঙের সাথে তালিকার কিছু লেবেল ম্যাপ করা যাক এবং যুক্ত রঙের ভূমিকাগুলির মধ্যে একটি নির্ধারণ করা যাক (অন-কাস্টম0 কন্টেইনার)।

3787cb6c18bade9c.png সম্পর্কে

নির্বাচিত রঙে কাস্টম রঙ সেট করা।

  1. ম্যাটেরিয়াল থিম বিল্ডার স্বয়ংক্রিয়ভাবে রঙগুলিকে কাস্টম# হিসেবে তৈরি করে। একটি অতিরিক্ত কাস্টম রঙের নাম পরিবর্তন করতে, স্টাইল প্যানেলে থিমের স্টাইলের গ্রুপটি প্রসারিত করুন (যখন কিছুই নির্বাচন করা না হয় তখন এটি প্রদর্শিত হবে)। তারপর সোর্স সাবগ্রুপের মধ্যে Custom0 খুঁজুন। এখানে সোর্সটির নাম পরিবর্তন করলে প্লাগইন মডেলের মধ্যে রঙের নাম পরিবর্তন হবে।

b2d7018a259907b4.png সম্পর্কে

স্টাইল প্যানেলে কাস্টম রঙের স্টাইল পাওয়া যাবে।

  1. যুক্ত রঙ মুছে ফেলার কাজটি একইভাবে ডান ক্লিক করে এবং স্টাইলটি মুছে ফেলার মাধ্যমে সম্পন্ন করা যেতে পারে। পরের বার প্লাগইনটি খোলার সময় যুক্ত রঙটি সরিয়ে ফেলা হবে। পুনঃনামকরণ এবং মুছে ফেলা রঙ ডায়াগ্রামে প্রতিফলিত নাও হতে পারে।

১০. অভিনন্দন

de77f759e20062b6.png সম্পর্কে

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

যদি আপনার কোন প্রশ্ন থাকে, তাহলে টুইটারে @MaterialDesign ব্যবহার করে যেকোনো সময় আমাদের জিজ্ঞাসা করতে দ্বিধা করবেন না।

আরও ডিজাইন কন্টেন্ট এবং টিউটোরিয়ালের জন্য youtube.com/MaterialDesign- এ আমাদের সাথেই থাকুন।