রঙিন স্কিম দেওয়া, আমি কীভাবে ওয়েবসাইট ডিজাইনে আবেদন করব?

22

ঠিক তাই আলোচনার জন্য কংক্রিটের কিছু রয়েছে, বলুন আমার কাছে এই রঙের স্কিম রয়েছে:

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

থাম্বের নিয়ম বা সাধারণ নির্দেশিকাগুলি রয়েছে যা কোন রঙ কোথায় যায় তা সিদ্ধান্ত নিতে সহায়তা করে?

website-design color color-theory

— শাহবাজ
সূত্র

2

উত্তরটি হ'ল আপনি যা দেখতে দেখতে সুন্দর তার উপর ভিত্তি করে এগুলি চয়ন করেছেন এবং নকশার উদ্দেশ্যগুলি অর্জন করেন। হায় আফসোস, এর কোনও সূত্র নেই।

— DA01

ঠিক আছে @ ডিএ01 ইতিমধ্যে এটি বলেছে, প্লাস, আপনি কোনও ওয়েবসাইটে কোনও বর্ণিত রঙের স্কিম প্রয়োগ করতে পারবেন না। বরং আপনি ওয়েবসাইট অনুযায়ী রঙ পরিকল্পনাটি স্থির করেন।

— ikartik90

1

দুর্দান্ত প্রশ্ন! দুর্ভাগ্যক্রমে সেই চিত্রটি এখন 404।

— অনিমেষ

যারা ভাবছেন তাদের জন্য, আমি উপরের মৃত লিঙ্ক থেকে রঙিন স্কিমটি পুনরায় তৈরি করেছি। উত্তর এবং মন্তব্যগুলি থেকে রঙের কোডগুলি বাছাই আমাকে এই প্যালেটটি দেয়: color.adobe.com/create/color-wheel/…

— স্প্রিংলোড

13

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

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

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

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

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

এবং ... ভোইলা! আপনার কাছে এখন একটি (বেসিক) 4 রঙের স্কিম রয়েছে। আমি আশা করি এই প্রক্রিয়াটি আপনাকে যতটা সহায়তা করে ততটাই সহায়তা করে :)!

— JamiePatt
সূত্র

3

আপনার লিঙ্ক করা ওয়েবসাইটটি আপনাকে কীভাবে এই রঙগুলি ব্যবহার করতে হবে তা দেখিয়ে দিচ্ছে:

#28363D for the active state 
#2F575D as the navigation background 
#DEE1DD as background 
#C4CDC1 as banner ...

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

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

আশা করি এটা সাহায্য করবে

— Aurel
সূত্র

> আপনি যে ওয়েবসাইটটির সাথে লিঙ্ক করেছেন সেগুলি আপনাকে কীভাবে এই রঙগুলি ব্যবহার করবেন তা দেখিয়ে দিচ্ছে: ঠিক আমার প্রশ্ন, এটি নিজেকে খুঁজে বের করার জন্য 'অ্যালগরিদম' কী?

— শাহবাজ

আমি মনে করি না একটি আছে। উদাহরণস্বরূপ, যদি আমাকে সেই ওয়েবসাইটটিতে সেই রঙগুলি যুক্ত করতে হয় তবে আমি সেগুলি সেভাবে সাজাই না। উদাহরণস্বরূপ, তারা এখানে রঙগুলি কীভাবে ব্যবহার করেছেন ল্যাভিশবুটস্ট্র্যাপ.com/ ? image_url=http://design-seeds.com/palettes/… আমার মতে ভয়ঙ্কর, যদিও রঙটি খুব সুন্দর তবে আমার মতে - খারাপভাবে সাজানো। সুতরাং আপনি রঙ সঙ্গে খেলতে হবে। আমি মনে করি কোনও যান্ত্রিক উপায় আছে - আমি যদি সেখানে থাকি তবে আপনি আপনার নকশাগুলি নিয়ে খেলেন এবং এটি ব্যবহার করবেন না!

— অরেল

3

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

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

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

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

আপনি কীভাবে জানেন যে এটি ভাল কিনা? সহজ, আপনি "এটি দুর্দান্ত" বলার সাথে সাথেই এটি তখন ভাল হয়। এটি সর্বদা অন্যান্য লোকের কাছ থেকে দ্বিতীয় বিরোধ পেতে সহায়তা করে।

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

@ কালার কম্বিনেশন: ওয়েবসাইটের সরবরাহিত সংমিশনটি শুরু করার পক্ষে যথেষ্ট ভাল।

— নিকোলাস টিজে
সূত্র

2

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

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

— ব্র্যাড Iverson
সূত্র