WHITESPACE

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

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

HIERARCHY AND GRADATION

একটি পরিষ্কার, ভিজ্যুয়াল হায়ারার্কি ইন্টারফেসের দ্রুত প্রক্রিয়াকরণে সহায়ক হয়। কিন্তু এটি কীভাবে অর্জন করবেন?

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

গ্রেডেশন শীর্ষ স্তরের গুরুত্বপূর্ণ উপাদানগুলিতে (যেমন শিরোনাম এবং টাইটেল) আরও ভিজ্যুয়াল প্রভাব যোগ করে শ্রেণিবিন্যাস তৈরি করতে সাহায্য করে। আপনি আপনার ফন্টের আকার এবং ওজন উভয়কেই ব্যবহার করে গ্রেডেশন এবং ভিজ্যুয়াল হায়ারার্কি তৈরি করতে পারেন।

GRADATION AND HIERARCHY

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

NO GRADATION

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

HOW TO SET THE HIERARCHY

টেক্সট হায়ারার্কি নির্ধারণের অনেক পদ্ধতি রয়েছে। এখানে আমরা সবচেয়ে মৌলিক কিছু নিয়ে আলোচনা করব। এগুলো নিয়ে স্বাচ্ছন্দ্যবোধ করলে, আপনি পরীক্ষা-নিরীক্ষা করতে পারেন।

গোল্ডেন রেশিও (1.618) ডিজাইনে অনেক কাজে লাগে। এর একটি ব্যবহার হলো হায়ারার্কি নির্ধারণ করা। ধরুন আপনার মূল টেক্সটের (যা প্যারাগ্রাফ বা HTML-এ <p> নামে পরিচিত) আকার 10p। এটিকে গোল্ডেন রেশিও দিয়ে গুণ করলে আপনি উপশিরোনামের (H2) জন্য 16 পাবেন। আবার 1.618 দিয়ে গুণ করলে, এবং সংখ্যা রাউন্ড করলে, প্রধান শিরোনামের (H1) জন্য 26 পাবেন।

আপনার বেস-গ্রিড মান (8 বা 10) ফন্ট সাইজের বিভাজক হিসেবেও ব্যবহার করতে পারেন। যদি আপনার বেস সংখ্যা 8 হয়, তাহলে আপনি 16, 24, 32, 40 এবং 48-এর মতো ফন্ট সাইজ পাবেন, যা একসঙ্গে ভালোভাবে কাজ করে। অবশ্যই, এটি ফন্টের উপর নির্ভর করে, তবে এই পদ্ধতি অনেক সাধারণ সান-সেরিফ টাইপফেসের জন্য ভালো কাজ করে।

উল্লেখিত দুই পদ্ধতির পরে আরও জটিল পদ্ধতি অন্বেষণ করতে পারেন। তবে মূল লক্ষ্য হলো উচ্চ-স্তরের উপাদানগুলিকে (যেমন শিরোনাম) নিম্ন-স্তরের অংশগুলির (যেমন প্যারাগ্রাফ) চেয়ে বড় রাখা। আরও জানতে