ওয়ার্ডপ্রেস ব্লগে টাইপোগ্রাফি - আপনার যা জানা দরকার

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

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

অল ইন ওয়ান কুফন প্লাগইন আপনাকে সহজেই ওয়ার্ডপ্রেসে ফন্ট প্রতিস্থাপন করতে দেয়

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

ওয়ার্ডপ্রেসে টাইপোগ্রাফির ভালো ব্যবহারের উদাহরণ:

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

• ঝোঁক - আপনি যদি একটি বই পড়ছেন এবং আপনি যদি উল্টোদিকে দেখতে পান তবে প্রথমে আপনি বইটি ফ্লিপ করুন, কম্পিউটারের সাথে এত সহজ কাজ নয়। HTML দিয়ে উল্লম্ব প্রকার সম্ভব নয় তবে এটি একটি JPG, PNG বা GIF ব্যবহার করে করা যেতে পারে। অল্প ব্যবহার করলে এটি আপনার জন্য কাজ করতে পারে। এই ধরনের একটি শিরোনাম পাঠকের মনোযোগ আকর্ষণ করবে এবং যদি তার রঙ, ওজন এবং আকারের মতো জিনিসগুলির সাথে একটি ভাল ভারসাম্য বজায় থাকে তবে উপকারী হতে পারে। এই ধরনের শিরোনাম মনোযোগের জন্য আহ্বান করে এবং যখন অন্যান্য উপাদানের সাথে ব্যবহার করা হয় তখন এই উপাদানটিকে একত্রিত করতে পারে এবং খুব কার্যকর হতে পারে।
• অবস্থান - একটি ভিন্ন ধরনের স্টাইল যেমন ম্যাভেরিক ব্যবহার করা হয়, যে কোনো লাইন যেটি ভিন্ন অবস্থানে থাকে তা দ্রুত দর্শকের নজর কাড়বে। পৃষ্ঠার স্বাভাবিক প্রবাহ ভেঙে ফেলা সহজভাবে আরও মনোযোগ পাবে। আপনি শুধুমাত্র একটি উপাদান যেমন ফন্ট, রঙের অবস্থান এবং আরও কিছু পরিবর্তন করে পাঠ্যের যেকোন অংশ পরিবর্তন করতে পারেন। যেকোন জিনিস যা ভিন্ন বা স্থানের বাইরে দেখায় তা স্বয়ংক্রিয়ভাবে তার দিকে দৃষ্টি আকর্ষণ করবে। প্রবাদের মতো, নিয়ম কখনও কখনও ভাঙার জন্য তৈরি করা হয়।
• স্থান - যদি আপনি একটি সাদা পৃষ্ঠায় 8 পয়েন্ট টাইপের একটি শব্দ টাইপ করেন তবে আপনার চোখ তার দিকে আকৃষ্ট হবে। অন্যদিকে আপনি যদি 12 পয়েন্ট টাইপের একটি সম্পূর্ণ পৃষ্ঠা নিয়ে কাজ করেন তবে আপনি এটি কখনই লক্ষ্য করবেন না। তাই আপনি দেখতে পাচ্ছেন যে পৃষ্ঠার টাইপটি গুরুত্বপূর্ণ নয়, টাইপের চারপাশে থাকা স্থানটি ঠিক ততটাই গুরুত্বপূর্ণ। আপনি যে ধারণাটি জুড়ে দিতে চান তার থেকে সর্বাধিক পেতে আপনি বিভিন্ন প্রকার এবং স্থান সেটিংসের সাথে খেলার মাধ্যমে সহজেই এই দক্ষতা শিখতে পারেন। এটি শুধুমাত্র লেখার ক্ষেত্রে ব্যবহৃত একটি কৌশল নয়, এটি পেইন্টিং, স্থাপত্য এবং আরও অনেক কিছুতে ব্যবহৃত হয়।
• একটি সৃজনশীল পদ্ধতিতে ব্যবহৃত অগ্রাধিকার – টাইপোগ্রাফির অর্থ হল আপনি তথ্যের গুরুত্ব সম্পর্কেও চিন্তা করবেন এবং আপনি দর্শককে কী ফোকাস করতে চান, আপনি কী গুরুত্বপূর্ণ তা সহজেই সিদ্ধান্ত নিয়ে এবং সেই গুরুত্বপূর্ণ তথ্যটিকে আলাদা করে তুলে ধরে এটি করতে পারেন। আপনি এমন একটি ওয়েব পৃষ্ঠা তৈরি করতে পারেন যা চোখের কাছে আনন্দদায়ক হয় এবং এখনও সবচেয়ে গুরুত্বপূর্ণ বিষয়গুলি অতিক্রম করে৷ আপনি যখন এই গুরুত্বপূর্ণ তথ্যটি বিবেচনা করবেন তখন আপনি এটিকে খুব ফলপ্রসূ পাবেন। আপনি গুরুত্বপূর্ণ বিষয়বস্তুকে আলাদা করতে চান যাতে দর্শকরা দেখতে পারে আপনি ঠিক কোন পয়েন্টটি তৈরি করার চেষ্টা করছেন ফ্লাফের পৃষ্ঠাগুলি না পড়ে।

HTML এ বিভিন্ন ফন্ট ব্যবহারের জন্য এখানে কিছু টিপস দেওয়া হল:

1. সঠিক ফন্ট স্টাইল এবং কেস সাইজ ব্যবহার করুন যাতে দর্শকের দ্বারা আপনার তথ্য দ্রুত প্রক্রিয়া করা হয়। যদি আপনার দর্শক তথ্য খুঁজছেন আপনি চান যে ফন্টটি পড়ার জন্য সহজ কিছু যেমন Arial বা Veranda যাতে তারা সহজেই পড়তে পারে এবং তারা যা খুঁজছে তা খুঁজে পেতে পারে। আপনার লেখার রঙ এবং আকারের দিকেও খেয়াল রাখা উচিত।
2. আপনি যখন আপনার ওয়েব পৃষ্ঠার নকশাটি দেখছেন তখন সর্বদা ফন্টের ধরন, রঙ এবং আকার মনে রাখবেন, এটি খুব গুরুত্বপূর্ণ এটি তাত্ক্ষণিকভাবে আপনার ওয়েব পৃষ্ঠায় আরও মান যোগ করতে পারে।
3. একটি ফন্ট চয়ন করুন যা পড়তে সহজ। টাইমস নিউ রোমান-এর মতো একটি ফন্ট ব্যবহার করে সবকিছু একই রকম রাখে, ক্যালিগ্রাফির মতো একটি ফন্ট খুব বিভ্রান্তিকর এবং পড়া খুব কঠিন। আপনার জন্য সবচেয়ে ভাল জিনিস হল কয়েকটি লাইন পড়ে এবং আপনি এটি সহজে পড়তে পারেন কিনা তা নির্ধারণ করুন। আপনি যদি এটি করতে পারেন তবে আপনার দর্শকও এটি করতে পারে।
4. বিভিন্ন ফন্ট শৈলী দিয়ে আপনার পৃষ্ঠাটি পূরণ করবেন না, যদি এটি একটি শৈল্পিক সাইটের জন্য বলা হয় তবে আপনি বিভিন্ন ফন্ট শৈলী ব্যবহার করতে পারেন তবে সেগুলি শিরোনামে বা অল্প পরিমাণে টেক্সট জুড়ে ব্যবহার করা উচিত, বিভিন্ন ফন্ট দিয়ে আপনার পাঠ্য পূরণ করবেন না কারণ এটি দর্শকের কাছে বিভ্রান্তিকর হয়ে ওঠে এবং তারা আগ্রহ হারাবে।
5. আপনার বেশিরভাগ পাঠ্য 12 থেকে 14 পয়েন্টের মধ্যে হওয়া উচিত। এটি সমস্ত পাঠকদের সহজ অ্যাক্সেসের অনুমতি দেয় কারণ সমস্ত পাঠকের নিখুঁত দৃষ্টি থাকে না একটি ছোট মুদ্রণ আপনার সাইট থেকে কিছু দর্শককে আটকাতে পারে এবং আপনি দর্শকদের হারাতে চান না, মূল বিষয় হল একটি সাইটকে সবার কাছে আকর্ষণীয় করে তোলা। আপনার মনে রাখা উচিত যে আপনার অনেক দর্শক থাকবে এবং আপনার সমস্ত দর্শকদের জন্য আপস করার চেষ্টা করা উচিত এবং নিশ্চিত করুন যে আপনার শিরোনামটি পাঠ্যের চেয়ে বড় ফন্টে রয়েছে।
6. চূড়ান্ত টিপটি রঙের সাথে সম্পর্কিত, টাইপের জন্য একটি ভাল বিপরীত রঙ ব্যবহার করুন যা ব্যাকগ্রাউন্ডের রঙে হারিয়ে যাবে না, সর্বোত্তম পছন্দ হল হালকা ব্যাকগ্রাউন্ডে কালো টাইপ, আপনার ওয়েব পৃষ্ঠাগুলির জন্য রঙ নির্বাচন করার সময় সতর্ক থাকুন, আপনি চান না একই ব্যাকগ্রাউন্ডে ডার্ক ব্যাকগ্রাউন্ড এবং ডার্ক টাইপ রাখতে হলে এটি পড়া খুব কঠিন হবে এবং আপনার ভিউয়ার হারিয়ে যাবে।