777ja App টাইপোগ্রাফি আর UI ডিজাইন গাইড

777ja App-এর টাইপোগ্রাফি কীভাবে ধরবেন

ফন্ট দেখলেই অনেক কিছু বোঝা যায় পরিষ্কার টাইপোগ্রাফি হলে মেনু, বাটন, আর তথ্য এক নজরেই ধরা পড়ে, আর সেটাই 777ja App-এর UI ডিজাইনকে দ্রুত করে

1. ফন্ট সাইজ 14px থেকে 18px-এর মধ্যে রাখুন
2. লাইন-হাইট একটু বাড়িয়ে পড়া সহজ করুন
3. শিরোনাম আর বডি টেক্সট আলাদা রঙে ধরুন
4. ঢাকার মতো ব্যস্ত মোবাইল ব্যবহারে ছোট স্ক্রিনেও কনট্রাস্ট স্পষ্ট রাখুন

ফন্ট নির্বাচন

Ubuntu Regular নরম আর পড়তে সহজ লাগে হেডলাইন আর বডি টেক্সট একসাথে মিশিয়ে ফেললে UI ডিজাইন ভারী দেখায়, তাই 2 স্তরের ফন্ট-ওজনই যথেষ্ট

ফন্ট-ওজন ব্যালান্স

গুরুত্বপূর্ণ বাটনে একটু বোল্ড ব্যবহার করুন বাকি অংশে হালকা স্টাইল রাখলে চোখ দ্রুত স্ক্যান করে

ফন্ট কনট্রাস্ট আর পড়ার সুবিধা

কম কনট্রাস্টে চোখ ক্লান্ত হয় তাই গাঢ় ব্যাকগ্রাউন্ডে সাদা লেখা, আর হালকা ব্যাকগ্রাউন্ডে গাঢ় লেখা রাখুন

কনট্রাস্ট চেকলিস্ট

• শিরোনাম 4.5:1-এর কাছাকাছি কনট্রাস্ট দিন
• ছোট টেক্সটের পাশে ফিকে ধূসর এড়িয়ে চলুন
• বাটনের লেখায় 2 সেকেন্ডে পড়া যায় কি না দেখুন

বাংলাদেশের অনেক ব্যবহারকারী সস্তা Android ফোনে অ্যাপ খোলেন তাই ফন্ট-রেন্ডারিং হালকা রাখলে 3G নেটেও UI ডিজাইন চটপট লোড হয়

আপনি চাইলে 777ja App লেআউট আর 777ja Download গাইড মিলিয়ে দেখে নিতে পারেন লগইন স্ক্রিনে টেক্সট ভিড় কম থাকলে ব্যবহারকারীরা দ্রুত কাজ শেষ করেন

UI ডিজাইনে কাজের 5টি ধাপ

ধাপগুলো ছোট রাখুন 777ja Login আর 777ja Register স্ক্রিনে 1 থেকে 2 স্ক্রলেই সব কিছু ধরলে ব্যবহারকারী কম আটকে যান

1. প্রথম স্ক্রিন গুছিয়ে নিন

লোগো, শিরোনাম, আর CTA এক লাইনে ধরুন অপ্রয়োজনীয় ছবি বাদ দিলে ফোকাস বাড়ে

2. বাটনের ভাষা ছোট করুন

এখনই শুরু করুন বা APK নিন ধরনের ছোট বাক্য রাখুন লম্বা লেখা বাটনের ভেতর ছড়িয়ে যায়

3. স্পেসিং সমান রাখুন

কার্ডের চারপাশে 16px থেকে 24px ফাঁকা রাখুন এতে ব্লকগুলো আলাদা দেখায়

4. ইনপুট ফিল্ড পরিষ্কার রাখুন

ফোন নম্বর, পাসওয়ার্ড, আর সহায়ক লেখা আলাদা লাইনে রাখুন Nagad বা Rocket ব্যবহারকারীরাও দ্রুত বুঝতে পারেন

5. স্ক্রিন টেস্ট করুন

bKash ব্যবহার করে Dhaka-এর অনেক ব্যবহারকারী দ্রুত কাজ শেষ করেন তাই ছোট স্ক্রিনে টেক্সট কেটে যাচ্ছে কি না, সেটাই আগে দেখুন

777ja Login আর 777ja Register-এ কী দেখবেন

লগইন আর রেজিস্টার পাতায় ফন্টের গতি অনেক বড় ব্যাপার ফর্ম ভরতে 30 সেকেন্ডের কম সময় লাগলে ব্যবহারকারী পাতায় আটকে থাকেন না

কোন জায়গায় ফন্ট ছোট হবে

সহায়ক লেখা, নোট, আর সতর্কবার্তায় ছোট সাইজ দিন মূল ফিল্ড আর CTA-তে ফন্ট আরও পরিষ্কার রাখুন

কোন জায়গায় ফন্ট মোটা হবে

পাসওয়ার্ড বাটন, সাইন-ইন CTA, আর টপ টাইটেলে সামান্য বোল্ড দিন এতে UI ডিজাইন শক্ত দেখায়, কিন্তু ভারী লাগে না

আরও প্র্যাকটিক্যাল কনটেন্টের জন্য 777ja Login নির্দেশনা আর 777ja Register পেজ দেখুন দুটোতেই একই ভিজ্যুয়াল রিদম রাখলে ব্র্যান্ডিং পরিষ্কার থাকে

দ্রুত চেকলিস্ট, তারপর কাজ শুরু করুন

এই চেকলিস্ট ধরে এগোলে ফন্ট আর UI ডিজাইন আরও পরিষ্কার হবে একবার সেটআপ শেষ হলে 777ja App-এর প্রতিটি স্ক্রিন একই রকম লাগে

• শিরোনাম আর বডি ফন্ট আলাদা রাখুন
• কনট্রাস্ট কম হলে রঙ বদলান
• বাটনের লেখা 3 শব্দের মধ্যে রাখুন
• মোবাইলে 2 সেকেন্ড ধরে পড়ে দেখুন
• ডাউনলোড বোতাম চোখে পড়ছে কি না দেখুন

শেষে 777ja APK নিন, তারপর নিজের স্ক্রিনে এই টাইপোগ্রাফি মিলিয়ে দেখুন ভালো ফন্ট, পরিষ্কার কনট্রাস্ট, আর সোজা UI ডিজাইন মিললেই 777ja App বেশি ব্যবহারযোগ্য লাগে

শেষ কথা: 777ja App-এ ফন্ট ঠিক রাখুন

সঠিক টাইপোগ্রাফি ব্যবহার করলে স্ক্রিন পড়তে আরাম লাগে 777ja App, 777ja Login, আর 777ja Downloadসবখানেই এই একই নিয়ম চালু রাখুন, তাহলে UI ডিজাইন পরিষ্কার থাকবে

777ja Download এখনই করুন