আপেক্ষিকতা বজায় রাখুন

একটি ইন্টারফেসের এলিমেন্টের সাইজগুলো একটির সাপেক্ষে অন্যটির পরিবর্তন হওয়া উচিত। অর্থাৎ A ও B যদি ২ টি এলিমেন্ট থাকে তাহলে ছোট স্ক্রিনে  A যদি ২৫% সংকুচিত হয়  B উপাদানটিও ২৫% সংকুচিত হবে।

উদাহরণস্বরূপ বলা যায়, আপনি এমন একটি আর্টিকেল পেইজ ডিজাইন করছেন যার টাইটেলের ফন্ট সাইজ ৪৫ পিক্সেল এবং বডি টেক্সট সাইজ ২৪ পিক্সেল।

ছোট স্ক্রিনের জন্য যদি আপনি সেইম ডিজাইনটি রাখতে চান সেক্ষেত্রে বড় স্ক্রিনের তুলনায় ফন্ট সাইজ কমপক্ষে ২৫% কমাতে হবে। সেক্ষেত্রে টাইটেল ১৬ পিক্সেল হবে।

২.৫ গুন এর মত ইউনিট ব্যবহারের ক্ষেত্রে কোন ভুল নেই কিন্তু সবসময়ই যে ২.৫ এ স্থির থাকতে হবে এমন কোন কথা নেই। প্রয়োজন অনুসারে কমবেশি করা যেতে পারে। কেননা ছোট স্ক্রিনের জন্য সবসময় ২.৫ গুন সংকোচন ভাল কাজ করে না।

যেমন ১৪ পিক্সেলের বডি ফন্টের সাথে ৩২ পিক্সেলের টাইটেল মানানসই না। এরকম সময় ২.৫ গুন এর হিসাব থেকে বেরিয়ে আসতে হবে। মোবাইল স্ক্রিনের ক্ষেত্রে টাইটেলের জন্য নিরাপদ ফন্ট সাইজ হলো ২০-২৪ পিক্সেল।