সবুজ-হলুদ-লাল রঙের স্কিম স্থাপনের জন্য কি কোনও ভাল উপায় আছে?


12

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

সুতরাং, ব্যবহারকারীদের অন্ধ না করে কোনও রঙের স্কিনে সবুজ, হলুদ এবং লাল একত্রিত করার কোনও উপায় আছে কি?

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

এখানে আমার উদাহরণ (অক্ষরের চারপাশে কমলা এবং ধূসর ক্ষেত্রগুলি উপেক্ষা করুন, তারা সম্পর্কিত নয়)।

স্ক্রিনশট

আমরা সকলেই অবশ্যই একমত হতে পারি যে এটি দেখতে বেশ ভয়ঙ্কর দেখাচ্ছে, তবে এটি পুরো ফর্ম্যাট - সবুজ-লাল-হলুদ জিনিসটিই আমাকে মেনে চলতে হবে। : /

একজন প্রোগ্রামার হওয়ায় মূলত গ্রাফিক / ওয়েব ডিজাইনারের বিপরীতে রঙের তত্ত্ব এবং ব্যবহারকারীর অভিজ্ঞতা সম্পর্কে আমার ধারণা সীমিত।

এটিতে একটি বক্তব্য রাখার জন্য, আমার প্রশ্নটি হল যে কেউ ব্যবহারকারীর অভিজ্ঞতা থেকে বিরত না রেখে কীভাবে একটি traditionতিহ্যগতভাবে সংঘর্ষের রঙের স্কিম প্রতিষ্ঠা করতে পারে?

(যদি আমার প্রশ্নটি অনুপযুক্ত হয় তবে আমি এটি সরিয়ে ফেলব, আমি কোথায় এটি জিজ্ঞাসা করব তা নিশ্চিত ছিল না, এটি সবচেয়ে উপযুক্ত বলে মনে হয়েছিল)


এটি এত রঙ নয়, তবে প্রতিটিটির তীব্রতা এবং প্রতিটিটির কভারেজ। পটভূমি পূরণের পরিবর্তে আইকনগুলি বিবেচনা করুন। এই গভীরভাবে স্যাচুরেটেড বাদে প্যাস্টেলগুলি বা দুরন্ত সুরগুলি বিবেচনা করুন।
DA01

উত্তর:


9

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

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

আকার-স্যাচুরেশন বাণিজ্য বন্ধ off

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

ব্যবধান

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

প্যাটার্ন

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

ব্যবহারযোগ্যতা

আপনার প্রশ্নটি নান্দনিকতার বিষয়ে উদ্বেগ প্রকাশ করেছে, তবে রঙ কোডিংয়ের পছন্দটিতেও প্রধান ব্যবহারযোগ্যতার প্রভাব রয়েছে। আপনার রঙ নির্বাচন হতে হবে:

  • একে অপরের থেকে দৃশ্যত পৃথক, বিশেষত যদি অবনমিত দর্শনীয় অবস্থার অধীনে ব্যবহৃত হয় (যেমন, সূর্যের আলোতে কোনও মোবাইলের উপরে)।

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

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

  • অ্যাক্সেসযোগ্যতা এবং মুদ্রণযোগ্যতা সরবরাহ করুন, যেখানে প্রতিটি রঙেরও অন্ধকারের আলাদা স্তর রয়েছে, যেখানে অন্ধকারকে র‌্যাঙ্কগুলিতে পরিমাপ করা হয় (সবুজ থেকে হলুদের চেয়ে বেশি লাল)। আপনার সবুজটিকে কিছুটা নীলাভ এবং / বা আপনার লাল কিছুটা কমলা করে নিন তাই লাল-সবুজ রঙিন বর্ণমালা ব্যবহারকারীরা (সর্বাধিক সাধারণ রঙের অন্ধত্ব) রঙের পার্থক্য দেখতে পান।

  • শুধুমাত্র একটি ভেরিয়েবলের জন্য রঙিন কোডিং ব্যবহার করুন। আপনি কী জন্য ধূসর এবং কমলা ব্যবহার করছেন তা আমি জানি না, তবে এটি বিভ্রান্তির কারণ হতে পারে এবং ব্যবহারকারীদের জন্য লাল সবুজ এবং হলুদ রঙ ব্যবহার করা আরও শক্ত হয়ে যায়। যে কোনও সময় আপনার তিনটির বেশি রঙ থাকতে পারে, জিনিসগুলিকে ব্যবহারযোগ্য করে তোলা শক্ত। ধূসর ও কমলা রঙের কোড যাইহোক কোড দেওয়ার অন্য উপায় খুঁজে বার করুন (যেমন, ফন্টের আকার বা ওজন ব্যবহার করুন, বা ঘরের সীমানায় ড্যাশযুক্ত লাইন ব্যবহার করুন; জিইউতে জিইআইতে রাখুন দেখুন )।

একটি প্রকল্পে আমি কাজ করেছি, আমি যে রঙগুলি নিয়ে এসেছি সেগুলি ছিল # E00000, # FF8400 এবং # C0FFE0 (খুব হলুদ নয়, তবে এটি এখনও কার্যকর হয়েছে)।

গা dark় লাল, কমলা, ফ্যাকাশে নীল সবুজ

বর্ণ কোডটি ভঙ্গ করার ক্ষেত্রে কীভাবে রঙ এবং উজ্জ্বলতার বিপরীতে গণনা করা যায় সেগুলি সহ আমার কাছে রঙের কোডগুলি বেছে নেওয়ার বিষয়ে আরও রয়েছে ।


2
আপনি কি জানেন, আপনি যদি এখনও সেই নীল-সবুজকে কিছুটা bluer করেন তবে আপনি #C0FFEEহেক্স কোডটি পেতে পারতেন । :)
ইলমারি করোনেন

6

আসল আরজিওয়াই রঙের পরিবর্তে প্যাস্টেলগুলি ব্যবহার করার চেষ্টা করুন। স্যাচুরেশন হ্রাস হওয়ার সাথে সাথে তথ্যের দিকে তাকাতে আরও সহজ হওয়া উচিত।

পেস্টেল রেড হেক্স: # F7977A আরজিবি: 246-150-121

প্যাস্টেল গ্রিন হেক্স: # 82CA9D আরজিবি: 130-202-156

প্যাস্টেল ইয়েলো হেক্স: # এফএফএফ79 এ আরজিবি: 255-247-153


1

আমি এই তিনটি রঙের সাথে তিনটি প্রাথমিক চ্যালেঞ্জ দেখছি।

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

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

  • ঘরের পটভূমিতে গ্রেডিয়েন্ট ব্যবহার করুন।
  • পাঠ্য ছায়া হিসাবে রঙগুলি প্রয়োগ করুন। ছায়ার জন্য উল্লেখযোগ্যভাবে পাঠ্যটি হাইলাইট করার জন্য যথেষ্ট পরিমাণে অস্পষ্ট প্রয়োজন।

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


1

"রেড", "হলুদ", "সবুজ" ব্যাখ্যার জন্য প্রচুর জায়গা ছেড়ে দেয় যাতে আপনার পক্ষে এমন একটি সমন্বয় খুঁজে পাওয়ার ভাল সুযোগ রয়েছে যা ভালভাবে কাজ করে।

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

এরপরে আরও ইমপ্রেশনটি আরও উন্নত করতে আমি বিভিন্ন "রেড" এবং "গ্রিনস" চেষ্টা করেছি। কিছুটা গা dark়, আরও স্যাচুরেটেড / শক্তিশালী লাল। আরও কিছুটা হলুদ, আরও উচ্চতর স্যাচুরেশন সহ একটি সবুজ।

ঠিক আছে, খারাপ না তবে এখনও প্রস্তুত নেই।

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

আমি ফটোশপে আমার সংমিশ্রণটি চেষ্টা করেছি এবং বুঝতে পেরেছি যে সাদা (স্পেসিং) সীমানাগুলি একটি ভাল ছাপ ফেলেছে। সুতরাং আমি এন্ট্রিগুলির প্রতিটি লাইন ভাগ করার জন্য কোষগুলির জন্য সাদা ব্যবধান এবং কমপক্ষে একটি পাতলা কালো রেখার সুপারিশ করব।

উপরে উল্লিখিত সরঞ্জামগুলি ব্যবহার করে আপনি এমন রঙের সংমিশ্রণ পেতে পারেন যা আপনার ব্যক্তিগত স্বাদ বা প্রয়োজনীয়তাগুলি আরও ভাল পূরণ করে (উদাহরণস্বরূপ সবুজের জন্য উচ্চতর স্যাচুরেশন) ...


0

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

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

তবে আপনি যদি ব্যবহারকারীকে কী করার চেষ্টা করছেন তার দ্রুত বোঝার জন্য আমি কোষগুলিকে ফাঁকা (হালকা রঙ) ছেড়ে দেওয়ার পরামর্শ দিচ্ছি এবং কেবল একটি ছোট প্রতীক যুক্ত করব যা স্থিতিটি নির্দেশ করে (বর্গ বা 5% বা ঘরটি ভরাট রঙ)

এইভাবে ব্যবহারকারী পাঠ্যটি পড়তে এবং এটি মোটামুটি দ্রুত সম্পর্কিত বিভাগটি দেখতে পারে।

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


0

আপনি যদি রঙগুলির ডান ছায়াগুলি খুঁজে পান তবে নিশ্চিত যে আপনি লাল, হলুদ এবং সবুজ একসাথে ব্যবহার করতে পারেন।

আমি এই সাইটের কয়েকটি সন্ধান করার পরামর্শ দিচ্ছি যেখানে আপনি কয়েকটি সূক্ষ্ম সমন্বয় পেতে পারেন:

http://www.colorschemer.com/schemes/search.php?s=red+yellow+green&submit=Search

বা এগুলির মধ্যে কিছু তৈরি করার চেষ্টা করুন:

http://colorschemedesigner.com/

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

সঠিক শেডগুলি বেছে নেওয়ার সময় পাঠ্যের বিপরীতে এবং দৃশ্যমানতার বিষয়ে ভাবতে ভুলবেন না।

আমি হালকা হলুদ ব্যবহার করার পরামর্শ দেব কারণ আপনি এটিকে বেশ নিরপেক্ষ রঙ হিসাবে ব্যবহার করেন।


0

এখানে তিনটি পরিকল্পনা রয়েছে আশা করি আপনি এটি পছন্দ করবেন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.