টাইপ স্কেল কী?
টাইপ স্কেল হলো একটি ডিজাইন সিস্টেম যেসব ফন্ট সাইজ অনুমোদন করে তার সাজানো সেট, সাধারণত একটি ভিত্তি সাইজকে নির্দিষ্ট অনুপাতে গুণ করে তৈরি। লেখাকে এই ধাপগুলোতেই সীমিত রাখাই বহু মানুষের বানানো ইন্টারফেসে টাইপোগ্রাফি সামঞ্জস্যপূর্ণ রাখে।
একটি স্কেল কীভাবে গড়া হয়
একটি ভিত্তি আকার বাছুন, সাধারণত 16px, কারণ এটি ব্রাউজারের ডিফল্ট এবং মূল লেখার সাধারণত এই আকারই হওয়া উচিত। একটি অনুপাত বাছুন। উপরে ও নিচে গুণ করুন।
16px ভিত্তি থেকে ১.২৫ অনুপাত (মেজর থার্ড) মোটামুটি দেয়:
12px ← 16 / 1.25 / 1.067
14px
16px ← ভিত্তি
20px
25px
31px
39pxতারপর মানগুলো যুক্তিসঙ্গত সংখ্যায় গোল করা হয়। প্রচলিত অনুপাত ১.১২৫ (মৃদু, ঘন ইন্টারফেসের জন্য ভালো) থেকে ১.৫ (নাটকীয়, অ্যাপ্লিকেশনের চেয়ে মার্কেটিং পাতার জন্য ভালো) পর্যন্ত।
আকার সীমিত করার দরকার কী
স্কেল না থাকলে আকার একটি একটি করে বাছা হয়, আর একটি অ্যাপ্লিকেশনে ১৩px, ১৪px ও ১৫px লেখা জমে যায় যেগুলোকে কেউ আলাদা করতে চায়নি। পড়তে সামান্য অগোছালো লাগে, অথচ নির্দিষ্ট করে কিছু ভুল বলে দেখানো যায় না।
স্কেল উল্লম্ব ছন্দকেও সামলানোর যোগ্য করে তোলে। আকারগুলো একটি জানা অনুপাতে সম্পর্কিত হলে লাইন হাইট ও স্পেসিংও অনুমেয়ভাবে সেগুলোর সঙ্গে সম্পর্কিত হতে পারে, প্রতিটি কম্পোনেন্টে আলাদা করে ঠিক করার বদলে।
কেবল আকার যা ঢাকে না
আকার টাইপোগ্রাফিক সিদ্ধান্তের একটি অংশ মাত্র। একটি সম্পূর্ণ টোকেন সেট প্রতিটি ধাপের সঙ্গে জুড়ে দেয়:
- লাইন হাইট: শিরোনামে আঁটসাঁট, মূল লেখায় ঢিলেঢালা। ডিসপ্লে আকারে ১.২-র কাছাকাছি আর মূল লেখায় ১.৫-র কাছাকাছি যুক্তিসঙ্গত ডিফল্ট।
- ওজন: কোন আকারে কোন ওজন পাওয়া যাবে
- অক্ষরের ফাঁক: বড় ডিসপ্লে লেখায় সাধারণত সামান্য ঋণাত্মক ট্র্যাকিং লাগে; ছোট লেখায় প্রায়ই সামান্য ধনাত্মক
যেসব ব্যবস্থা কেবল আকারকে টোকেন করে, তারা বাকি তিনটিকে প্রতিটি কম্পোনেন্টে নতুন করে ঠিক করতে ছেড়ে দেয় — আর অসামঞ্জস্য ঠিক সেখান থেকেই ফেরে।
সিমান্টিক নামকরণ
ধাপগুলোকে আকারের বদলে ভূমিকা দিয়ে নাম দেওয়া রঙের ক্ষেত্রে যে কারণে কাজের, ঠিক সেই কারণেই কাজের:
--font-size-body: 16px;
--font-size-heading-2: 25px;--text-lg একটি আকার বর্ণনা করে। --font-size-heading-2 একটি সিদ্ধান্ত বর্ণনা করে, আর এটি কী নির্দেশ করছে তা বদলাতে প্রতিটি শিরোনাম খুঁজে বের করা লাগে না।
ফন্ট বাছাই
প্রচলিত জোড়াটি হলো শিরোনামের জন্য ব্যক্তিত্বসম্পন্ন একটি ডিসপ্লে ফন্ট আর মূল লেখার জন্য অত্যন্ত পাঠযোগ্য একটি কাজের ফন্ট। ব্যর্থতার ধরনটি হলো এমন দুটি ফন্ট বাছা যারা কাছাকাছি কিন্তু অভিন্ন নয়, যা সিদ্ধান্ত নয় বরং ভুল বলে পড়ে। হয় বৈসাদৃশ্য দিন, নয়তো মিলিয়ে দিন; "প্রায় এক" জায়গায় থামবেন না।
Flash DSM এখানে কোথায়
তৈরি হওয়া ব্যবস্থাগুলোতে একটি ফন্ট জোড়া ও একটি সম্পূর্ণ স্কেল থাকে, প্রতিটি ধাপে আকার, ওজন, লাইন হাইট ও অক্ষরের ফাঁকের টোকেনসহ — সবই প্রম্পটে বর্ণিত পণ্যের সঙ্গে মানিয়ে বাছা।