আপনার মোবাইলে একটি ভালো সিস্টেম ফন্টের গুরুত্ব

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

শুধু নান্দনিকতাই গুরুত্বপূর্ণ নয়; টাইপোগ্রাফির সরাসরি প্রভাব পড়ে UX, অ্যাক্সেসিবিলিটি এবং ব্র্যান্ডের ধারাবাহিকতার উপর।একটি ভালো পছন্দ অনায়াসে পঠনযোগ্যতা উন্নত করে, জ্ঞানীয় চাপ কমায় এবং পেশাদারিত্ব প্রকাশ করে। যখন ৯৫% ডিজিটাল যোগাযোগ টেক্সটের মাধ্যমে হয়, তখন টাইপোগ্রাফিকে সামনে এবং কেন্দ্রে রাখা একটি নিরাপদ বাজি।

মোবাইল অ্যাপে টাইপোগ্রাফি কেন এত গুরুত্বপূর্ণ

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

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

প্রকৃত ব্যবহারকারীদের সাথে এই সিদ্ধান্তগুলি যাচাই করার পরামর্শ দেওয়া হচ্ছে: A/B পরীক্ষা এবং বিভিন্ন প্রোফাইল সহ পরীক্ষা (বয়স, চাক্ষুষ চাহিদা, ডিভাইস) হল কোন সেটিংস সবচেয়ে বেশি পঠন, মিথস্ক্রিয়া এবং রূপান্তর তৈরি করে তা সনাক্ত করার সবচেয়ে নির্ভরযোগ্য উপায়।

আমরা পর্দায় কীভাবে পড়ি: প্রত্যাশা এবং ছন্দ

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

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

মূল নীতি: আকার, রেখার দৈর্ঘ্য, লিডিং এবং ব্যবধান

প্রস্তাবিত বেস আকারমোবাইলে, বডি টেক্সটের জন্য 16px একটি খুব ভালো সূচনা পয়েন্ট। অ্যাপল iOS এর জন্য 11 থেকে 17 পয়েন্ট সুপারিশ করে; অ্যান্ড্রয়েডের ক্ষেত্রে, নির্দেশিকাগুলি খুব একই রকম। যদি আপনার নির্বাচিত ফন্টটি ছোট মনে হয়, তাহলে এটি একটি সিস্টেম ফন্টের সাথে তুলনা করুন (যেমন, Arial) এবং সামঞ্জস্য করুন।

আপেক্ষিক ইউনিট। আনুপাতিকভাবে স্কেল করতে এবং ব্যবহারকারীর পছন্দকে সম্মান করতে em/rem ব্যবহার করুন। এটি লেআউটটি না ভেঙে জুম এবং অ্যাক্সেসিবিলিটি সেটিংসের সাথে খাপ খাইয়ে নেওয়া সহজ করে তোলে।

সর্বোত্তম লাইন দৈর্ঘ্যমোবাইলে, প্রতি লাইনে ৩৫ থেকে ৫০টি অক্ষর রাখার লক্ষ্য রাখুন; অনেক ক্ষেত্রে, ৩৫-৪৫টি অক্ষরই ভালো কাজ করে। এইভাবে, আপনি পাঠকের মনোযোগ হারাবেন না বা প্রবাহকে ব্যাহত করবেন না। আপনি CSS-এ ch দিয়ে এটি নিয়ন্ত্রণ করতে পারেন।

লাইন ব্যবধানফন্ট সাইজের ১.৫-১.৬ গুণ লাইনের উচ্চতা পঠনযোগ্যতা বৃদ্ধি করে। ছোট স্ক্রিনে, ১.৬ ইএম বিশেষভাবে ভালো কাজ করে; বড় স্ক্রিনে, ১.৫ ইএম সাধারণত যথেষ্ট।

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

বৈসাদৃশ্য এবং রঙ: WCAG একটি বেসলাইন হিসাবে

বৈপরীত্য অনিবার্য: সাধারণ টেক্সটের জন্য ৪.৫:১ এবং বৃহৎ লেখার জন্য 3:1 (≥18 pt বা ≥14 pt বোল্ড)। এই অনুপাতগুলি পঠনযোগ্যতা অপ্টিমাইজ করে এবং WCAG 2.1 AA মেনে চলে।

অক্ষরের আকার	ন্যূনতম বৈসাদৃশ্য	প্রস্তাবিত ব্যবহার
সাধারণ টেক্সট (< ১৮ পয়েন্ট)	4.5:1	মূল অংশ, গৌণ নেভিগেশন
বড় টেক্সট (≥ ১৮ পয়েন্ট)	3:1	শিরোনাম, উপশিরোনাম
মোটা (≥ ১৪ পয়েন্ট)	3:1	বিভাগের শিরোনাম, জোর দেওয়া

পরিবর্তিত আলোর প্রেক্ষাপটে (রাস্তা, অভ্যন্তর, রাত), শক্তিশালী বৈপরীত্য আরও বেশি গুরুত্বপূর্ণ. যদি ব্যাকগ্রাউন্ড ছবি থাকে, তাহলে একটি যোগ করুন উপরিপাত অথবা লেআউটটি এমনভাবে সামঞ্জস্য করুন যাতে লেখাটি সুস্পষ্ট থাকে।

সেরিফ নাকি সান সেরিফ: মোবাইলের ক্ষেত্রে প্রযোজ্য চিরন্তন বিতর্ক

আধুনিক মোবাইল ইন্টারফেসে, সান সেরিফ ফন্ট সাধারণত পছন্দনীয় পর্দার জন্য ডিজাইন করা এর পরিষ্কার রেখা এবং অনুপাতের জন্য। অ্যান্ড্রয়েড রোবোটো ব্যবহার করে; iOS সান ফ্রান্সিসকো ব্যবহার করে (হেলভেটিকা/হেলভেটিকা ​​নিউ-এর পরে)। উভয়ই ডিজিটাল পঠনযোগ্যতার জন্য অপ্টিমাইজ করা সান সেরিফ।

এটি কিছু সেরিফকে শিরোনাম বা সম্পাদকীয় বিষয়বস্তুতে ভালোভাবে কাজ করতে বাধা দেয় না; প্রাসঙ্গিক বিষয় হল আকৃতির স্বচ্ছতা, মাঝারি বৈসাদৃশ্য এবং পর্যাপ্ত x-উচ্চতা ছোট আকারে পারফর্ম করার জন্য।

অভিযোজিত টাইপোগ্রাফি: স্ক্রিন অনুসারে টেক্সটকে "শ্বাস নিতে" অনুমতি দেওয়া

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

স্ক্রিনের প্রস্থ	প্রস্তাবিত ভিত্তি	লাইনের উচ্চতা
মোবাইল (< ৪৮০ পিক্সেল)	16 PX	1.5
ট্যাবলেট (৪৮০–৭৬৮ পিক্সেল)	17 PX	1.55
ডেস্কটপ (> ৭৬৮ পিক্সেল)	18 PX	1.6

উপরন্তু, ওরিয়েন্টেশনের যত্ন নাও: উল্লম্বভাবে, ছোট রেখা; অনুভূমিকভাবে, নিশ্চিত করুন যে রেখার দৈর্ঘ্য খুব বেশি দূরে না যায় এবং শ্রেণিবিন্যাস স্পষ্ট থাকে।

লাইনের দৈর্ঘ্য এবং পড়ার গতি

লক্ষ্য হল চোখের ঝাঁকুনি বা রিগ্রেশন কমানো। মোবাইলে প্রতি লাইনে ৩৫-৪৫টি অক্ষর এটি সাধারণত একটি চমৎকার ভারসাম্য প্রদান করে। আপনি এরকম কিছু প্রয়োগ করতে পারেন:

.content { max-width: 45ch; margin: 0 auto; padding: 0 1rem; }

খুব ছোট স্ক্রিনে (<320 px), ৩৫-৪০ অক্ষরে কমিয়ে আনুন; ট্যাবলেটগুলিতে, আপনি 60-75 পর্যন্ত যেতে পারেন অথবা সম্পাদকীয় সামগ্রীর জন্য একাধিক কলামও ব্যবহার করতে পারেন।

শ্রেণিবিন্যাস, ওজন এবং চাক্ষুষ ছন্দ

একটি স্পষ্ট শ্রেণিবিন্যাস বোঝার গতি বাড়ায়। এটা শুধু আকারের ব্যাপার নয়: : ওজন, কার্নিং, এবং উপরে/নীচের ব্যবধানও স্তর চিহ্নিত করে।

• ৩-৪ স্তরের মধ্যে সীমাবদ্ধ করুন (H1–H3/H4 + বডি) মোবাইলে শব্দ এড়াতে।
• আলাদা ওজন ব্যবহার করুন (টাইটেলের জন্য মাঝারি/সেমিবোল্ড, বডির জন্য নিয়মিত)।
• রাখা সামঞ্জস্যপূর্ণ ব্যবধান অনুমানযোগ্য নিদর্শন তৈরি করতে স্তরগুলির মধ্যে।

অনলাইন স্টোর বা ঘন কন্টেন্টের জন্য, কিছু কার্যকর ওজন নির্দেশিকা: ৪০০ সালে পি; ৭০০ এ H1; ৬০০–৭০০ এ H2; ৫০০–৬০০ এ H3; ৫০০–৬০০ এ বোতাম/লিঙ্ক। ছোট বডিতে আলো (≤৩০০) এড়িয়ে চলুন।

h1 { font-size: 2rem; font-weight: 700; }
h2 { font-size: 1.75rem; font-weight: 600; }
h3 { font-size: 1.5rem; font-weight: 500; }
h4 { font-size: 1.25rem; font-weight: 400; }
p { font-size: 1.125rem; font-weight: 400; }
a, button { font-weight: 500; }

অ্যাক্সেসিবিলিটি: আকারের বাইরে

অ্যাক্সেসযোগ্যতা নিয়ে আলোচনা করা যাবে না। সিস্টেম টেক্সট সাইজ এবং ব্যবহারকারীর জুমকে সম্মান করে, নিশ্চিত করুন যে আপনার টাইপোগ্রাফি স্ক্রিন রিডারের সাথে সামঞ্জস্যপূর্ণ এবং বৈপরীত্যের যত্ন নিন।

• লাইনের ব্যবধান ১.৫–১.৬x সহজে অনুসরণ করার জন্য ফন্টের আকার।
• অক্ষর-ব্যয়: কেকিং প্রতিরোধ করার জন্য ঘন ফন্টে ৫-১০% যোগ করুন।
• অস্পষ্ট গ্লিফ এড়িয়ে চলুন (0/O, l/I) অথবা এমন ফন্ট নির্বাচন করুন যেখানে সেগুলি স্পষ্টভাবে আলাদা করা যায়।
• ডায়নামিক টাইপ সমর্থন করে (iOS) অথবা Android-এ সমতুল্য স্কেল।

ডিসলেক্সিয়া বা কম দৃষ্টিশক্তি সম্পন্ন ব্যবহারকারীদের কথা বিবেচনা করুন। পর্যাপ্ত বৈসাদৃশ্য, স্থিতিশীল রেখার ছন্দ এবং স্পষ্ট আকার বোঝাপড়া এবং চোখের চাপের মধ্যে প্রকৃত পার্থক্য তৈরি করে।

সিস্টেম ফন্ট বনাম কাস্টম ফন্ট

নেটিভ ফন্ট ব্যবহার করুন যেমন সান ফ্রান্সিসকো (iOS) বা রোবোটো (Android) এর সুস্পষ্ট সুবিধা রয়েছে: কর্মক্ষমতা, সিস্টেমের সাথে সামঞ্জস্য, অ্যাক্সেসযোগ্যতা সম্মতি, শূন্য লাইসেন্সিং খরচ এবং খুব বৈচিত্র্যময় ঘনত্বে ভাল প্রতিনিধিত্ব।

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

আপনি যদি উচ্চমানের বিনামূল্যের বিকল্প খুঁজছেন, আইবিএম প্লেক্স (সানস/সেরিফ/মনো) অথবা ইন্টার ছোট আকারেও তারা অসাধারণ পারফর্ম করে এবং বৃহৎ, সুপরিকল্পিত পরিবার সরবরাহ করে।

আপনার অ্যাপের জন্য ফন্ট নির্বাচন করার সময় কী কী বিষয় লক্ষ্য রাখবেন

স্টাইলের বাইরে, কর্মক্ষমতা এবং কভারেজের উপর মনোযোগ দিন। x-উচ্চতা, স্ট্রোকের বৈপরীত্য, আকৃতির স্পষ্টতা এবং ওজনের প্রাপ্যতা পরীক্ষা করুন।. আপনি যদি আন্তর্জাতিক বাজারে কাজ করেন তবে সমর্থিত ভাষাগুলিও পরীক্ষা করুন।

• স্পষ্টতা ছোট আকার এবং কম/উচ্চ ঘনত্বের ডিসপ্লেতে।
• উপযোগীকরণ: যা সংজ্ঞা হারানো বা পটভূমিতে মিশে না গিয়েই স্কেল করে।
• ফাইলের ওজন: WOFF2, অক্ষর উপসেট, ফন্ট-প্রদর্শন: অদলবদল।
• লাইসেন্সিং: : অ্যাপে ব্যবহারের খরচ এবং সীমাবদ্ধতা (নেটিভ/ওয়েবভিউ)।

ভালোভাবে কাজ করে এমন জোড়া এবং পরিবার

একটি সহজ নিয়ম: দুটি পরিবারের বেশি ব্যবহার করবেন নাআদর্শভাবে, একটি বডির জন্য এবং একটি হেডলাইনারদের জন্য (অথবা বিভিন্ন ওজন/প্রস্থ সহ একটি একক পরিবার)। কিছু জোড়া এবং বিকল্প:

• সান ফ্রান্সিসকো / রোবোটো: প্রতিটি প্ল্যাটফর্মের জন্য নিরাপদ, নেটিভ ভিত্তি।
• ইন্টার শরীরের জন্য + মন্টসেরাট শিরোনামের জন্য: পরিষ্কার এবং সমসাময়িক।
• উবুন্টু (বহুমুখী) অথবা Karla (মিনিমালিস্ট) মানুষের সুরের অ্যাপের জন্য।
• প্লেফায়ার ডিসপ্লে o অ্যাব্রিল ফ্যাটফেস চরিত্রের শিরোনামের জন্য, নিরপেক্ষ ব্যতীত।
• আরভো o পিছনের শক্তিশালী সেরিফ বা স্যান সমর্থন করে এমন ডিজাইনের বডির জন্য।

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

মোবাইল টাইপোগ্রাফির জন্য দরকারী CSS কৌশল

স্ক্রিন পরিবর্তনের সাথে টাইপোগ্রাফি যাতে ভালোভাবে সাড়া দেয়, মিডিয়া কোয়েরির সাথে আপেক্ষিক ইউনিটগুলিকে একত্রিত করে এবং, যেখানে উপযুক্ত, তরল ফাংশন:

@media (max-width: 500px) { body { font-size: 16px; line-height: 1.5; } }

সীমা সহ তরল আকারের জন্য, বাতা() এটি হঠাৎ লাফ না দিয়ে সর্বনিম্ন, পছন্দসই এবং সর্বোচ্চ মান নির্ধারণ করতে সাহায্য করে। ch দিয়ে লাইনের প্রস্থ নিয়ন্ত্রণ করে এবং অত্যধিক প্রশস্ত কলাম এড়ায়।

কর্মক্ষমতা এবং নির্ভরযোগ্যতা: ফন্টকে আপনার অ্যাপের গতি কমাতে দেবেন না

অনেক বেশি ভ্যারিয়েন্ট লোড করা একটি সাধারণ ফাঁদ। সাবসেটিং অপ্টিমাইজ করুন, WOFF2 ব্যবহার করুন, ওজন এবং স্টাইল সীমিত করুন এবং প্রাথমিক রেন্ডারিং ব্লক না করার জন্য font-display: swap প্রয়োগ করুন।

• লোড শুধুমাত্র যা অপরিহার্য এবং অগ্রাধিকার সহ।
• সুনির্বাচিত ফলব্যাক (সিস্টেম স্ট্যাক) যাতে আক্রমণাত্মক ভিজ্যুয়াল জাম্প এড়ানো যায়।
• অডিট ব্লক সময় এবং ওয়েবফন্ট এলে রিফ্লো দ্বারা CLS।

বিশেষ ক্ষেত্রে: ঘন লেখা, বিশাল শিরোনাম এবং মাইক্রোকপি

খুব দীর্ঘ বা জটিল লেখায়, ভিত্তির আকার এক বিন্দু বৃদ্ধি করুন এবং লাইনের ব্যবধান আরও শক্তিশালী করুন; বিশাল শিরোনামে, যদি পরিবারের সদস্যরা দৃষ্টির দাগ এড়াতে শক্তিশালী হয়, তাহলে আপনি ওজন (৩০০-৪০০) কমাতে পারেন।

মাইক্রোকপির জন্য (ত্রুটি, লেবেল, সাহায্য), ১৪ পিক্সেলের নিচে নামা এড়িয়ে চলুন এবং কন্ট্রাস্ট বৃদ্ধি করে। বোতামের ক্ষেত্রে, ৫০০-৬০০ ওজন অতিরিক্ত জোরে না হয়ে দৃশ্যমানতা উন্নত করে।

ক্রমাগত পরিমাপ: মূল্যায়ন করুন, শিখুন এবং সমন্বয় করুন

বাস্তব প্রমাণের পরিবর্তে কিছুই আসে না। বেস সাইজ, লাইন স্পেসিং, ওজন এবং কনট্রাস্ট পরিবর্তন করে A/B পরীক্ষা চালান; টেক্সট-ভিত্তিক স্ক্রিনে পড়ার সময়, স্ক্রোলের গভীরতা, CTA ক্লিক এবং বাউন্স রেট পর্যবেক্ষণ করে।

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

অতিরিক্ত ভালো অভ্যাস যা পার্থক্য তৈরি করে

পুরোনো ডিভাইস বা কম ঘনত্বের ডিসপ্লেতে, হালকা বা চরম বোল্ডের চেয়ে নিয়মিত/মাঝারি ওজনের ওজন ভালো খেলে। ছোট আকারে। পরিবারের "ইঙ্গিত"ও একটি ভূমিকা পালন করে: ভালো স্ক্রিন পারফরম্যান্স সহ ফন্টগুলিকে অগ্রাধিকার দিন।

যদি আপনার অ্যাপটি বহুভাষিক হয়, তাহলে ডায়াক্রিটিক এবং বিশেষ গ্লিফ (টিল্ড, এন্স, চিহ্ন) পরীক্ষা করুন, এবং যাতে "1" এবং ছোট হাতের "l" সংখ্যাটি বিভ্রান্ত না হয়এগুলি এমন বিবরণ যা লগইন বা চেকআউটের মতো গুরুত্বপূর্ণ কর্মপ্রবাহে ত্রুটি প্রতিরোধ করে।

প্রস্তাবিত আকার এবং ফিট সম্পর্কে দ্রুত নির্দেশিকা

শরীর: সর্বনিম্ন ১৬ পিক্সেল; লাইন স্পেসিং ১.৫–১.৬; মোবাইলে প্রতি লাইনে ৩৫–৪৫ অক্ষর। কনট্রাস্ট ৪.৫:১।

সাবটেক্সট/সহায়ক: উচ্চ বৈসাদৃশ্য এবং ১.৫ লাইন স্পেসিং সহ ১৪ পিক্সেল। অত্যন্ত নিয়ন্ত্রিত মাইক্রো UI ব্যতীত ১৪ পিক্সেলের নীচের লাইন এড়িয়ে চলুন।

শিরোনাম: বডির সাপেক্ষে আনুপাতিক স্কেল; H1 700, H2 600–700, H3 500–600; বডির তুলনায় লাইনের ব্যবধান 10-15% কমিয়ে আনুন।

বোতাম এবং লিঙ্ক: ৫০০–৬০০ ওজন; টাচ টার্গেটের সাথে সামঞ্জস্যপূর্ণ আকার; যদি বোতামটি টেক্সট-নির্ভর হয় তবে সর্বনিম্ন কনট্রাস্ট ৪.৫:১।

উদ্দেশ্য অনুসারে বৈশিষ্ট্যযুক্ত উৎস

মোবাইলে সর্বাধিক নিরপেক্ষতা এবং কর্মক্ষমতার জন্য, ইন্টার, রোবোটো, সান ফ্রান্সিসকো, কার্লা, উবুন্টু. চরিত্রের শিরোনামের জন্য, প্লেফেয়ার ডিসপ্লে, এপ্রিল ফ্যাটফেস সোবার সানস-সেরিফের সাথে ভারসাম্যপূর্ণ। বডি টাইপ বা নির্দিষ্ট অংশে সুস্পষ্ট সেরিফের জন্য, আরভো খুব ভালো পারফর্ম করে।

যখন ব্র্যান্ডের মালিকানাধীন ব্যক্তিত্ব এবং উচ্চ ভলিউমের প্রয়োজন হয়, তখন এটি একটি দর্জি-নির্মিত পরিবারকে মূল্য দেয়, খরচ, পঠনযোগ্যতা এবং ক্রস-প্ল্যাটফর্ম সমর্থন বিবেচনা করে (উদাহরণ: Netflix Sans, Airbnb Cereal, VSCO Gothic)। যদি আপনার বাজেট কম থাকে, তাহলে IBM Plex এবং Inter হল দুর্দান্ত বিকল্প।

উপরের সমস্ত বিষয় মাথায় রেখে, টাইপোগ্রাফিকে আপনার পণ্যের একটি জীবন্ত স্তর হিসেবে ভাবুন।: এটি বিশ্লেষণ, অ্যাক্সেসিবিলিটি চাহিদা এবং বাজারের প্রতিক্রিয়ার সাথে বিকশিত হয়। টেক্সট হল সর্বাধিক ব্যবহৃত ইন্টারফেস; এটিকে লালন-পালন করলে ব্যবসা এবং ব্যবহারকারীর সন্তুষ্টির উপর সরাসরি প্রভাব পড়ে।