একটি র্যান্ডম রঙকে ডিজাইন দিকনির্দেশনায় রূপান্তরিত করুন

১. একটি এক-বাক্যের ডিজাইন চ্যালেঞ্জ লিখুন

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

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

আপনার বাক্য রঙগুলি বর্ণনা করার দরকার নেই। এটি যোগাযোগের সমস্যা বর্ণনা করা উচিত। এটি আপনাকে প্রতিটি উত্পাদিত ফলাফলকে একটি পূর্বনির্ধারিত ভিজ্যুয়াল উত্তরে জোর করা থেকে রক্ষা করে।

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

২. অসীম স্ক্রল ছাড়াই রং তৈরি করুন

র্যান্ডম রঙ জেনারেটর খুলুন এবং বেশ কয়েকটি ফলাফল তৈরি করুন। বিপদ হল চালিয়ে যাওয়া যতক্ষণ না টুলটি আপনি ইতিমধ্যে চেয়েছেন এমন রঙ প্রদর্শন করে। এটি র্যান্ডম অন্বেষণকে আপনার বিদ্যমান পছন্দের একটি ছদ্ম নিশ্চিতকরণে পরিণত করে।

শুরু করার আগে একটি থামার নিয়ম প্রতিষ্ঠা করুন। আপনি সিদ্ধান্ত নিতে পারেন ঠিক পাঁচটি রঙ তৈরি করতে এবং তৃতীয় ফলাফলটি বিকাশ করতে। অন্য একটি পদ্ধতি হল ছয়টি প্রার্থী সংরক্ষণ করা এবং র্যান্ডম নম্বর জেনারেটর ব্যবহার করা এক থেকে ছয়ের একটি সংখ্যা নির্বাচন করতে।

র্যান্ডম নির্বাচন মানে আপনাকে অব্যবহারযোগ্য ফলাফল প্রকাশ করতে হবে না। এটি মানে আপনি সেই নির্বাচিত রঙটি গুরুত্ব সহকারে অন্বেষণ করার জন্য সম্মতি দেন এটি প্রত্যাখ্যান করার আগে। তাত্ক্ষণিকভাবে জেনারেট বোতাম আবার চাপার পরিবর্তে কমপক্ষে পনেরো মিনিট এর সম্ভাবনা অন্বেষণ করুন।

নির্বাচিত রঙ এবং প্রজন্ম সংখ্যা আপনার নোটগুলিতে ক্যাপচার করুন। এটি অনুশীলনটিকে একটি পরিষ্কার শুরু দেয় এবং প্রকল্পটি সংযোগহীন স্ক্রিনশটগুলির একটি অসীম সংগ্রহ হওয়া থেকে রক্ষা করে।

३. রঙটি ব্যবহারযোগ্য ফর্ম্যাটে রেকর্ড করুন

একটি স্ক্রিনশট একটি পর্যাপ্ত রঙ রেকর্ড নয়। উত্পাদিত HEX, RGB এবং HSL মানগুলি একটি কর্মক্ষম ডকুমেন্টে অনুলিপি করুন। প্রতিটি ফর্ম্যাট একই প্রদর্শিত রঙকে ভিন্নভাবে বর্ণনা করে এবং ওয়ার্কফ্লোর একটি ভিন্ন অংশে উপযোগী হতে পারে।

MDN এর CSS রঙ মান গাইড ব্যাখ্যা করে কীভাবে রঙগুলি হেক্সাডেসিমাল স্বরলিপি, rgb(), hsl() এবং নতুন রঙ ফাংশন ব্যবহার করে প্রতিনিধিত্ব করা যেতে পারে।

মূল মান পরিবর্তন না করে রেকর্ড করুন। আপনি পরে সমর্থনকারী বৈচিত্র্য তৈরি করবেন, কিন্তু প্রাথমিক ফলাফল সমগ্র অনুশীলন জুড়ে একটি রেফারেন্স পয়েন্ট হিসাবে উপলব্ধ থাকা উচিত।

४. এর নাম নয়, এর বৈশিষ্ট্য অধ্যয়ন করুন

রঙের নাম অসংগত। একজন ব্যক্তির "মহাসাগর নীল" অন্য ব্যক্তির টিল, ফিরোজা বা সায়ান হতে পারে। নাম নিয়ে বিতর্ক করার পরিবর্তে, এমন বৈশিষ্ট্যগুলি পরীক্ষা করুন যা প্রভাবিত করে কীভাবে রঙ আচরণ করে।

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

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

५. স্টেরিওটাইপের উপর নির্ভর না করে একটি মেজাজ তৈরি করুন

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

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

প্রতিটি সম্ভাব্য ব্যাখ্যার জন্য তিনটি বিশেষণ লিখুন। তারপর সেই বিশেষণগুলি মূল ডিজাইন চ্যালেঞ্জের সাথে তুলনা করুন। রঙ এবং প্রকল্পের মধ্যে সবচেয়ে উপকারী সম্পর্ক তৈরি করে এমন ব্যাখ্যা নির্বাচন করুন।

এই পদ্ধতি একই রঙকে বিভিন্ন গল্পগুলি সমর্থন করতে দেয় এটি একটি সর্বজনীন মনোবৈজ্ঞানিক অর্থ রয়েছে বলে ভান না করে।

६. রঙের জন্য একটি প্রকল্প ধারণা তৈরি করুন

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

ব্যবহার করুন নাম জেনারেটর একটি কাল্পনিক অ্যাপ্লিকেশন, ক্যাফে, পোশাক লেবেল, চরিত্র, ইভেন্ট বা সেবার জন্য একটি নাম তৈরি করতে। তারপর লিখুন প্রকল্পটি কি অফার করে এবং এটি কাকে পরিবেশন করে তার একটি সংক্ষিপ্ত বর্ণনা।

শুধুমাত্র কারণ এটি রঙ বর্ণনা করে একটি নাম নির্বাচন করা এড়ান। প্রতিটি সবুজ ধারণা "বন" বা প্রতিটি নীল ধারণা "মহাসাগর" বলা সৃজনশীল দিকনির্দেশনা সীমিত করে। নাম প্রকল্পটি বর্ণনা করা উচিত যখন রঙ এর ব্যক্তিত্বে অবদান রাখে।

আপনার ধারণা সরল থাকতে পারে: "নর্থলাইন একটি পরিকল্পনা অ্যাপ্লিকেশন স্বাধীন পরামর্শদাতাদের জন্য যাদের জটিল প্রকল্প-ব্যবস্থাপনা সফটওয়্যার ছাড়াই ক্লায়েন্ট সময়সীমা সংগঠিত করতে হবে।" এটি অভিপ্রায়মূলক ভিজ্যুয়াল পছন্দ করা শুরু করার জন্য যথেষ্ট প্রসঙ্গ।

७. রঙটি ভিজ্যুয়াল নিয়মে অনুবাদ করুন

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

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

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

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

८. রঙটি কত প্রদর্শিত হয় তা নিয়ন্ত্রণ করুন

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

৬০-३०-১० ধারণা একটি শুরু অনুশীলন প্রদান করতে পারে: প্রাধিকার ভিত্তির জন্য প্রায় ৬০ শতাংশ, সমর্থনকারী এলাকার জন্য ३০ শতাংশ এবং উচ্চারণের জন্য १० শতাংশ। এটি একটি সর্বজনীন আইন নয়, এবং ইন্টারফেস লেআউট খুব কমই নিখুঁত গাণিতিক ব্লকে বিভক্ত হয়। এর মূল্য হল এটি আপনাকে অনুপাত সম্পর্কে চিন্তা করতে বাধ্য করে।

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

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

९. নিউট্রাল যোগ করুন এবং কার্যকরী ভূমিকা নির্ধারণ করুন

আপনার র্যান্ডম রঙ পটভূমি, পৃষ্ঠ, পাঠ্য রং এবং সীমানা থেকে সমর্থন প্রয়োজন। একাধিক সমানভাবে শক্তিশালী প্রতিযোগী দ্বারা নির্বাচিত রঙ ঘিরে রাখার পরিবর্তে একটি সীমিত নিউট্রাল ভিত্তি যোগ করুন।

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

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

१०. একটি বাস্তবসম্মত ডিজাইন নমুনা তৈরি করুন

একটি মেজাজ বোর্ড একা থেকে দিকনির্দেশনা অনুমোদন করবেন না। প্রকৃত পাঠ্য এবং কার্যকরী উপাদান সম্বলিত একটি ছোট, বাস্তবসম্মত শিল্পকর্ম উত্পাদন করুন। এটি একটি ল্যান্ডিং-পৃষ্ঠা হিরো, মোবাইল প্রোফাইল, প্রচারমূলক কার্ড, ইভেন্ট পোস্টার বা অ্যাপ্লিকেশন ড্যাশবোর্ড হতে পারে।

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

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

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

११. দিকনির্দেশনা CSS-এ সরান

যখন ধারণা একটি ওয়েবসাইটের জন্য অভিপ্রেত, নির্বাচিত মান CSS কাস্টম বৈশিষ্ট্য হিসাবে রেকর্ড করুন। অর্থবহ নাম ব্যবহার করুন যাতে অন্য ব্যক্তি বুঝতে পারে কেন প্রতিটি রঙ বিদ্যমান।

:root {
  --color-page: #f7f7f4;
  --color-surface: #ffffff;
  --color-text: #1d1e20;
  --color-text-muted: #63666b;
  --color-primary: #7b4de3;
  --color-on-primary: #ffffff;
  --color-border: #d9d9df;
}

উপাদানগুলির ভিতরে তাদের পরীক্ষা করার পরেই হভার, চাপা এবং নির্বাচিত অবস্থা তৈরি করুন। স্ম্যাশিং ম্যাগাজিনের নিবন্ধ CSS color-mix() দিয়ে প্যালেট সহজ করা আলোচনা করে কীভাবে প্রাসঙ্গিক ভেরিয়েশন বিদ্যমান থিম রং থেকে উদ্ভূত হতে পারে।

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

१२. চূড়ান্ত দিকনির্দেশনা চাপ-পরীক্ষা এবং নথিভুক্ত করুন

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

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

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

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