ওয়েব ডিজাইনের ফন্টগ্রাউন্ড এবং ব্যাকগ্রাউন্ড কালার ব্যবহার করে

পর্যাপ্ত বৈসাদৃশ্য দিয়ে আপনার ওয়েবসাইটের পঠনযোগ্যতা ও ব্যবহারকারীর অভিজ্ঞতা উন্নত করুন

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

কম বৈপরীত্য একটি দুর্বল রিডিং অভিজ্ঞতা সমান

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

কনট্রাস্ট সম্পর্কে

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

রং নির্বাচন

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

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

অনলাইন সরঞ্জাম

আপনার নিজের নকশা ইন্দোনেশার ছাড়াও, কিছু অনলাইন সরঞ্জাম রয়েছে যা আপনি আপনার সাইটের রঙ পছন্দ পরীক্ষা করতে ব্যবহার করতে পারেন।

CheckMyColors.com আপনার সাইটের সমস্ত রঙ পরীক্ষা করবে এবং পৃষ্ঠার উপাদানগুলির মধ্যে বৈসাদৃশ্য অনুপাতের উপর রিপোর্ট করবে।

উপরন্তু, রঙ পছন্দ সম্পর্কে চিন্তা করার সময়, আপনি ওয়েবসাইট অ্যাক্সেসযোগ্যতা বিবেচনা করা উচিত এবং যারা রঙ অন্ধত্ব ফর্ম আছে WebAIM.org এই সাথে সাহায্য করতে পারে, যেমন ContrastChecker.com, যা WCAG নির্দেশিকাগুলির বিরুদ্ধে আপনার পছন্দগুলি পরীক্ষা করবে।