আকার সবকিছু নয়

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

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

যেমনঃ প্রাইমারি টেক্সটকে বোল্ড রেখে বাকিগুলোকে রেগুলার রাখা যেতে পারে।

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

চেষ্টা করবেন ২/৩ টি কালারের মধ্যে সীমাবদ্ধ থাকতে-

• সবচেয়ে গুরুত্বপূর্ণ কন্টেন্ট এর জন্য গাড় কালার (যেমনঃ আর্টিকেলের হেডলাইন)
• সেকেন্ডারি কন্টেন্ট এর জন্য গ্রে কালার (যেমনঃ আর্টিকেল পাবলিশের ডেইট)
• টারশিয়ারি এলিমেন্টের জন্য আরো হালকা গ্রে কালার (যেমনঃ কপিরাইট নোটিশ)

একইভাবে ২/৩ টি ফন্ট ওয়েটই যথেষ্ঠ UI ডিজাইনের হায়ারার্কি প্রকাশ করার জন্য

• নরমাল ফন্ট ওয়েট (৪০০/৫০০ ) অধিকাংশ টেক্সট এর জন্য
• ভারী ফন্ট ওয়েট (৬০০/৭০০) গুরুত্বপূর্ণ এলিমেন্ট যেমন হেডিং, সাবহেডিং এর জন্য।

তবে ৪০০ এর নিচের ফন্ট ওয়েট থেকে দূরে থাকা উচিত । কারণ লাইট ওয়েটের ফন্ট বড় হেডলাইনের এর ক্ষেত্রে ভাল কাজ করলেও ছোট টেক্সট এর ক্ষেত্রে এগুলো পড়া খুবই কঠিন।