মোবাইল UI-তে bangla font বাছাই

বাংলাদেশি মোবাইল অ্যাপের জন্য bangla font বাছাইয়ে আগে ছোট স্ক্রিনে যুক্তাক্ষর, বাংলা ও ল্যাটিন অঙ্ক, এবং ৳-চিহ্ন পরীক্ষা করুন। Noto Sans Bengali সাধারণ UI-তে নির্ভরযোগ্য ভিত্তি; SolaimanLipi ও Siyam Rupali বেশি সাহিত্যধর্মী স্বর দিতে পারে, তবে ১২–১৪ পিক্সেলে বাস্তব ডিভাইসে রেন্ডারিং যাচাই জরুরি।

মূল বিষয়গুলো

• •Noto Sans Bengali, SolaimanLipi ও Siyam Rupali—তিনটিরই লাইসেন্স ফাইল ও অ্যাপ-বান্ডেলে ব্যবহারের শর্ত যাচাই করুন।
• •ফন্ট বাছাইয়ের আগে যুক্তাক্ষর, কারচিহ্ন, বাংলা অঙ্ক, ল্যাটিন অঙ্ক, ৳ এবং ইংরেজি নাম একই স্ক্রিনে পরীক্ষা করুন।
• •bKash ও Nagad-এর মতো আর্থিক অ্যাপের বাংলা UI দেখে সংখ্যা, টাকা ও সংক্ষিপ্ত লেবেলের তথ্য-ক্রম পর্যবেক্ষণ করুন।
• •একই টাইপ স্কেল বাংলা ও ইংরেজিতে হুবহু সমান দেখাবে না; বাংলা লাইন-উচ্চতা ও ওজন আলাদাভাবে ঠিক করুন।

এই পাতায় যা আছে

• •ফন্ট স্ট্যাক বাছাইয়ের আগে যে নমুনা স্ক্রিন বানাবেন
• •Noto Sans Bengali, SolaimanLipi ও Siyam Rupali: ব্যবহারভিত্তিক তুলনা
• •টাকা, অঙ্ক ও লেবেলের তথ্য-ক্রম ঠিক করুন
• •ছোট স্ক্রিনের bangla typography পরীক্ষার নিয়ম

ফন্ট স্ট্যাক বাছাইয়ের আগে যে নমুনা স্ক্রিন বানাবেন

শুধু ফন্টের পোস্টার দেখে সিদ্ধান্ত নেবেন না। একটি বাস্তব মোবাইল UI নমুনায় এই লেখা রাখুন: “নগদ উত্তোলনের সীমা”, “প্রিয়জনকে পাঠান”, “কর্তৃপক্ষ”, “ব্যাংক হিসাব”। এখানে ক্ষ, প্র, ঞ্জ, ত্ত্ব, র্ক-এর মতো যুক্তাক্ষর, কারচিহ্ন এবং ঘন অক্ষর একসঙ্গে দেখা যাবে। তারপর একই স্ক্রিনে ৳ ১,২৫০, ৳ 1,250, ০১৭১২৩৪৫৬৭৮ ও 01712345678 বসান।

বাংলাদেশি কিবোর্ডে ব্যবহারকারী বাংলা অঙ্ক ১২৩ অথবা ল্যাটিন অঙ্ক 123—দুইভাবেই লিখতে পারেন। তাই ফোন নম্বর, রেফারেন্স নম্বর ও টাকার অঙ্কে ইনপুট স্বাভাবিকীকরণ এবং প্রদর্শনের নিয়ম আলাদা করে ঠিক করুন। যেমন, ফোন নম্বরের ঘরে ল্যাটিন অঙ্ক গ্রহণ করলেও ব্যালান্সে বাংলা অঙ্ক দেখাতে পারেন—যদি সেটি পুরো পণ্যের নির্ধারিত রীতি হয়। এক স্ক্রিনে দুই রকম অঙ্ক থাকলে কোনটি টাকা আর কোনটি শনাক্তকারী নম্বর, তা লেবেল ও ফাঁক দিয়ে স্পষ্ট করুন।

এই নমুনা ৩২০ পিক্সেল-প্রস্থের অ্যান্ড্রয়েড স্ক্রিনেও দেখুন। বাংলা পাঠে কাটা কারচিহ্ন, যুক্তাক্ষরের ভাঙন বা অতিরিক্ত আঁটসাঁট লাইন দেখা গেলে ফন্ট নয়, আগে আকার, লাইন-উচ্চতা ও ওজন বদলে পরীক্ষা করুন।

Noto Sans Bengali, SolaimanLipi ও Siyam Rupali: ব্যবহারভিত্তিক তুলনা

Noto Sans Bengali-এর পরিষ্কার স্যান্স-সেরিফ গঠন ফর্ম, পেমেন্ট সারাংশ, সেটিংস ও তালিকাভিত্তিক UI-তে ভালো শুরু দেয়। এটি SIL Open Font License 1.1-এ প্রকাশিত; অ্যাপে অন্তর্ভুক্তির আগে সংশ্লিষ্ট ফন্ট ফাইলের লাইসেন্স ও সংরক্ষিত নামের শর্ত পড়ুন। গুগলের নোটো উৎসে ফন্ট-পরিবারের ফাইল ও লাইসেন্স পাওয়া যায়।

SolaimanLipi এবং Siyam Rupali বাংলা পাঠে পরিচিত, তুলনামূলক বেশি ক্যালিগ্রাফিক স্বর দিতে পারে। দুটিই SIL Open Font License 1.1-ভিত্তিক বিতরণে পাওয়া যায়; তবে আপনার নেওয়া নির্দিষ্ট ফাইল বা সংস্করণের সঙ্গে থাকা লাইসেন্স ফাইলই চূড়ান্ত দলিল। পুরোনো ফাইল, পরিবর্তিত প্যাকেজ বা তৃতীয় পক্ষের বান্ডিলের নাম দেখে লাইসেন্স ধরে নেবেন না।

রেন্ডারিংয়ের দিক থেকে তিনটি ফন্টেই বাংলা লেখা সম্ভব হলেও ছোট আকারে ফল এক নয়। Noto Sans Bengali-এ ঘন লেবেল ও সংখ্যার সারি সাধারণত বেশি নিরপেক্ষ দেখায়। SolaimanLipi বা Siyam Rupali শিরোনাম, সম্পাদকীয় কপি বা দীর্ঘ ব্যাখ্যায় মানাতে পারে, কিন্তু ১২ পিক্সেলের সহায়ক লেখা, পিন-ইনপুট বা ঘন ট্যাব-লেবেলে যুক্তাক্ষরের ফাঁক, মাত্রার অবস্থান এবং অঙ্কের প্রস্থ আলাদা করে পরীক্ষা করুন।

টাকা, অঙ্ক ও লেবেলের তথ্য-ক্রম ঠিক করুন

বাংলাদেশি আর্থিক UI-তে অঙ্কই প্রায়শই সবচেয়ে গুরুত্বপূর্ণ উপাদান। তাই ৳ চিহ্ন, অঙ্ক এবং একককে একটি অর্থগত গুচ্ছ হিসেবে রাখুন: ৳ ১,২৫০ বা ১,২৫০ টাকা—একটি রীতি বেছে নিয়ে ব্যালান্স, লেনদেন ও নিশ্চিতকরণ স্ক্রিনে একইভাবে চালান। টাকা ও অঙ্কের মাঝের ফাঁক, হাজার-বিভাজক এবং দশমিকের রীতি ফন্ট বদলালে বদলে যেতে পারে; বিশেষত অনুপাতিক অঙ্কে সংখ্যার প্রস্থ লাফাতে পারে।

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

ব্যালান্সে বাংলা অঙ্ক ব্যবহার করলে ব্যবহারকারীর কিবোর্ডে লেখা 1250-কে প্রদর্শনের সময় ১,২৫০ করা হবে কি না, তা পণ্যের ভাষা-নীতিতে লিখুন। কিন্তু ওটিপি, কার্ডের শেষ চার অঙ্ক, ফোন নম্বর ও রেফারেন্স আইডি সাধারণত ব্যবহারকারী যে লিপিতে দিয়েছেন, তা অকারণে বদলাবেন না।

ছোট স্ক্রিনের bangla typography পরীক্ষার নিয়ম

বাংলা অক্ষরের উপরের মাত্রা, নিচের কার এবং যুক্তাক্ষর লাতিন পাঠের চেয়ে বেশি উল্লম্ব জায়গা চায়। তাই একই ১৪ পিক্সেল আকারে ইংরেজি ও বাংলা বসিয়ে একই লাইন-উচ্চতা চাপিয়ে দেবেন না। শিরোনাম, মূল লেখা, সহায়ক লেখা, বোতাম ও সংখ্যার জন্য আলাদা নমুনা তৈরি করুন। বিশেষ করে দুই লাইনের বোতাম, লেনদেনের বিবরণ এবং ত্রুটি-বার্তায় লেখার শেষ অক্ষর কাটা যাচ্ছে কি না দেখুন।

ইমেইল, Email, লেনদেন আইডি, TXN ID, ৳ ১০,০০০, ৳ 10,000—এমন মিশ্র কপি দিয়ে পরীক্ষা করলে বাংলা ও ইংরেজি ফন্টের বেসলাইন, ওজন এবং বিরামচিহ্নের অসামঞ্জস্য ধরা পড়ে। ইংরেজির জন্য আলাদা স্যান্স-সেরিফ নিলে তার x-height ও সংখ্যা-আকৃতি বাংলা ফন্টের সঙ্গে মিলিয়ে দেখুন।

Floow দিয়ে একই স্ক্রিনে বাংলা, ইংরেজি ও টাকার অঙ্কের কয়েকটি টাইপ স্কেল তৈরি করে তুলনা করুন। প্রতিটি সংস্করণে ৩২০ পিক্সেল ও বড় স্ক্রিন, স্বাভাবিক ও বড় টেক্সট-সাইজ, এবং বাস্তব অ্যান্ড্রয়েড ডিভাইসের স্ক্রিনশট পর্যালোচনা করুন। যে স্কেলে যুক্তাক্ষর পরিষ্কার, অঙ্ক স্থির এবং লেবেল দ্রুত স্ক্যান করা যায়, সেটিই UI design-এর জন্য রাখুন।

বাংলা ফন্ট পরীক্ষা করার ব্যবহারিক রেফারেন্স

সাধারণ ভুলগুলো

শুধু বাংলা বর্ণমালা দেখে ফন্ট অনুমোদন দেওয়া

বাস্তব লেবেল, যুক্তাক্ষর, ত্রুটি-বার্তা, ৳-চিহ্ন, বাংলা অঙ্ক ও ল্যাটিন অঙ্ক দিয়ে স্ক্রিন পরীক্ষা করুন।

ফোন নম্বর, টাকা ও রেফারেন্স নম্বরে একই অঙ্ক-রূপ বাধ্য করা

প্রতিটি ক্ষেত্রের উদ্দেশ্য অনুযায়ী ইনপুট ও প্রদর্শনের নিয়ম লিখুন; শনাক্তকারী নম্বরের লিপি অকারণে রূপান্তর করবেন না।

ইংরেজি ফন্টের লাইন-উচ্চতা বাংলায় কপি করা

বাংলা কপির জন্য আলাদা লাইন-উচ্চতা ও ওজন পরীক্ষা করুন, যাতে মাত্রা ও নিচের কার না কাটে।

bKash বা Nagad-এর একটি স্ক্রিন দেখে নকশা নকল করা

তাদের বাংলা UI থেকে তথ্য-অগ্রাধিকার পর্যবেক্ষণ করুন, কিন্তু নিজের পণ্যের অঙ্ক, ভাষা ও লেবেল-নীতির সঙ্গে সামঞ্জস্য রেখে সিদ্ধান্ত নিন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

মোবাইল অ্যাপের জন্য কোন bangla font ভালো?

মোবাইল অ্যাপের সাধারণ UI-র জন্য Noto Sans Bengali ভালো প্রাথমিক পছন্দ, কারণ এর স্যান্স-সেরিফ গঠন ফর্ম, তালিকা ও সংখ্যাভিত্তিক স্ক্রিনে সহজে পরীক্ষা করা যায়। SolaimanLipi বা Siyam Rupali শিরোনাম ও দীর্ঘ বাংলা পাঠে উপযোগী হতে পারে। চূড়ান্ত সিদ্ধান্তের আগে ১২–১৬ পিক্সেলে যুক্তাক্ষর, ৳, বাংলা অঙ্ক এবং ল্যাটিন অঙ্ক বাস্তব ডিভাইসে মিলিয়ে দেখুন।

বাংলা যুক্তাক্ষর ছোট স্ক্রিনে কীভাবে পরিষ্কার রাখব?

বাংলা যুক্তাক্ষর ছোট স্ক্রিনে পরিষ্কার রাখতে ১২ পিক্সেলের নিচে জরুরি লেবেল না নেওয়া, পর্যাপ্ত লাইন-উচ্চতা রাখা এবং ভারী ওজন এড়িয়ে চলা কার্যকর। ক্ষ, জ্ঞ, ত্ত্ব, প্র ও কারচিহ্নসহ বাস্তব শব্দ দিয়ে পরীক্ষা করুন। দুই লাইনের বোতাম ও ত্রুটি-বার্তায় উপরের মাত্রা বা নিচের কার কাটা পড়ছে কি না অ্যান্ড্রয়েড ডিভাইসে যাচাই করুন।

বাংলা ও ইংরেজি ফন্ট একসঙ্গে কীভাবে ব্যবহার করব?

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

বাংলা অঙ্ক না ল্যাটিন অঙ্ক—কোনটি দেখাব?

বাংলা অঙ্ক না ল্যাটিন অঙ্ক দেখাবেন তা পণ্যের ভাষা-নীতি ও ক্ষেত্রের উদ্দেশ্য অনুযায়ী নির্ধারণ করুন। ব্যালান্সে ৳ ১,২৫০ ব্যবহার করা যেতে পারে, কিন্তু ফোন নম্বর, ওটিপি ও রেফারেন্স আইডিতে ব্যবহারকারীর দেওয়া ল্যাটিন অঙ্ক ধরে রাখা বেশি বোধগম্য হতে পারে। একই ধরনের তথ্য সব স্ক্রিনে একই নিয়মে দেখান।

শেষ কথা

ভালো bangla typography মানে পরিচিত ফন্টের নাম নয়; যুক্তাক্ষর, অঙ্ক, টাকা, মিশ্র ভাষা এবং ছোট স্ক্রিনে বারবার পরীক্ষিত একটি নিয়ম। লাইসেন্স ফাইল যাচাই করে Noto Sans Bengali, SolaimanLipi ও Siyam Rupali-এর নমুনা পাশাপাশি রাখুন, তারপর আপনার অ্যাপের সবচেয়ে ঘন ও গুরুত্বপূর্ণ স্ক্রিনে সিদ্ধান্ত নিন।

---

আগে স্ক্রিনগুলো ডিজাইন করুন

সহজ ভাষায় আপনার অ্যাপের বর্ণনা দিন—floow.design আপনার জন্য iOS ও Android স্ক্রিন তৈরি করে দেবে, যা আপনি পরে আরও পরিমার্জন করে হ্যান্ডঅফ করতে পারবেন।

বিনামূল্যে ডিজাইন শুরু করুন →

---

সূত্র

• •গুগল ফন্টস — Noto Sans Bengali
• •Noto Fonts-এর অফিসিয়াল উৎসভান্ডার
• •bKash-এর অফিসিয়াল ওয়েবসাইট
• •Nagad-এর অফিসিয়াল ওয়েবসাইট

Related reading

• •বাংলা অ্যাপের ui ux design নীতি
• •bangla website design থেকে অ্যাপ UI
• •design system: বাংলা ফিনটেক অ্যাপ