একটি ওয়েব ডিজাইন দেওয়ার সময়, আমি প্রায়ই আমার টাইপোগ্রাফিটি আনুপাতিক এবং সামঞ্জস্যপূর্ণ তা নিশ্চিত করার চেষ্টা করি। তবে, অনুপাত এবং আকারগুলি কী ব্যবহার করা উচিত সে সম্পর্কে আমি কোনও নির্দিষ্ট নিবন্ধ বা সংস্থান খুঁজে পাইনি। বিশেষত, এর জন্য প্রস্তাবিত বা স্ট্যান্ডার্ড অনুশীলনগুলি কী:
আপনার উত্তরগুলিতে অনুচ্ছেদ এবং শিরোনামের পাঠ্য উভয় বিবেচনা করুন। এছাড়াও, বিভিন্ন অনুপাত বা মেট্রিকগুলির কার্যকারিতা সম্পর্কিত যে কোনও গবেষণা খুব কার্যকর হবে be
উত্তর:
রবার্ট ব্রিনহર્স্টের উপাদানগুলির টাইপোগ্রাফিক স্টাইল এর মতো বিষয়গুলির জন্য একটি পুঙ্খানুপুঙ্খ এবং দুর্দান্ত রেফারেন্স। এটি দীর্ঘ তবে অত্যন্ত মূল্যবান।
অনেক ডিজাইনার লাইনের একটি স্ট্যান্ডার্ড গ্রিডের পরামর্শ দেয় যাতে একটি লাইন + প্যাডিং সর্বদা 16 পিক্সেলের মধ্যে ফিট হয়ে যায়। এর চেয়ে কম কিছুতে 16 এর লাইনের উচ্চতা থাকবে, উপরের সমস্ত কিছুর লাইনের উচ্চতা 32 হবে।
পাঠ্যটি পড়ার জন্য একটি লাইনের আদর্শ দৈর্ঘ্যটি কিছু দ্বারা 45 টি অক্ষর এবং অন্য উত্সগুলি দ্বারা 55-75 কে ধারণ করে।
এখানে ওয়েবসাইটগুলির কিছু সাধারণ গড় রয়েছে: টাইপোগ্রাফিক ডিজাইনের প্যাটার্নস এবং সেরা অনুশীলন
আমি বলব যে অনুচ্ছেদটি 16px এ শুরু করুন এবং বাকী গণনা করার জন্য ফিবোনাচি ক্রম ব্যবহার করুন। দেখে মনে হচ্ছে বড় ব্রাউজারগুলি এই যুক্তিটি ব্যবহার করছে। বছরের পর বছর ধরে (ভবিষ্যতের গবেষণার জন্য, রবার্ট ব্রিনহার্স্ট, হার্টলি এবং মার্কসের "উপাদানগুলির টাইপোগ্রাফিক স্টাইল: সংস্করণ 4.0" ব্যবহার করে) 10pt ফন্টের জন্য নেতৃস্থানীয় 12pt এ সেট করা হয়েছিল।
12pt কে পিক্সেলে রূপান্তর করা আমরা 16px এর একটি বেস ফন্ট পাই।
ব্রাউজারের বেশিরভাগ ডিফল্ট স্টাইলশিটগুলি নিজের অনুচ্ছেদে পাঠ্যের জন্য 16 পিক্সেল ব্যবহার করে যেমন আপনি নিজেরাই ডিওমে পরিদর্শন করতে পারেন বা https://www.w3.org/TR/CSS21/sample.html এবং http: // তালিকাগুলি পড়তে পারেন । w3.org/Archives/Public/www-style/2008Jul/att-0124/defaultstyles.html
আজ আমাদের যে সমস্যাটি হচ্ছে তা হ'ল আমরা এক নতুন ধরণের টাইপোগ্রাফির কথা বলছি। বর্তমান ওয়েব টাইপোগ্রাফি যা বিভিন্ন ডিভাইসে ফিট করতে হবে তা অতীতের ধারণাগুলি থেকে সম্পূর্ণ আলাদা যেমন রবার্ট ব্রিনিহার্স্টের এলিপমেন্টস টাইপোগ্রাফিক স্টাইলে চিত্রিত হওয়া। এটি একটি দুর্দান্ত বই সত্ত্বেও বাস্তবতাটি হ'ল আধুনিক ডিজাইনারের কোড দরকার। আমি সাধারণত প্রধান এইচ 1, এইচ 2, এইচ 3, এইচ 4, এইচ 5, এইচ 6, অনুচ্ছেদ, পাদচরণ সহ একটি এইচটিএমএল ফাইলের কঙ্কাল তৈরি করে প্রধান ব্রাউজার স্টাইলশিটগুলির একটি স্ট্যান্ডার্ড ম্যাট্রিক্স বিবেচনা করি। আমি ব্রাউজারের স্টাইলশিটটি স্ট্যান্ডশীটটি স্ট্যান্ডশীট ব্যবহার করি যে তারা স্ট্যান্ডার্ড পিক্সেল আকারের লাইন-উচ্চতা ব্যবহার করে এবং শিরোনামগুলিতে শ্রেণিবিন্যাস ব্যবহার করে understand ওয়েব টাইপোগ্রাফির আকারটি ধাতব / কাঠের চলনযোগ্য ধরণের দ্বারা নিয়ন্ত্রিত হওয়ার আগে কিন্তু 1985 সাল থেকে অ্যাডোব এবং অ্যাপলের মধ্যে চুক্তি পরিবর্তিত হতে শুরু করে। আমি বিবেচনা করি যে আজ টাইপোগ্রাফি ধারণাগুলির প্রধান নিয়ামকরা হলেন অ্যাপল, সাফারি, উইন্ডোজ, ইন্টারনেট এক্সপ্লোরার, ক্রোম, ফায়ারফক্স সহ ... আপনার টাইপোগ্রাফিটি আসলে কীভাবে রেন্ডার করা হবে এবং এতে কীভাবে যুক্ত করতে আপনাকে তাদের ব্রাউজারের স্টাইলশিটগুলি দেখতে হবে বিভিন্ন ডিভাইস আপনার এখনও রবার্ট ব্রিনিহার্স্টের এলিমেটস অফ টাইপোগ্রাফিক স্টাইলের অনুশীলনগুলি অনুসরণ করা উচিত, যা একটি দুর্দান্ত বই, বা ফিবোনাচি সিকোয়েন্স সিস্টেমটি অনুসরণ করা উচিত। আমি সাধারণত ব্রাউজারগুলির স্টাইলশিটে পরিবর্তনগুলি আপ টু ডেট রাখি এবং ডাব্লু 3 স্পেসিফিকেশন এখানে পড়ি: আপনার এখনও রবার্ট ব্রিনিহার্স্টের এলিমেটস অফ টাইপোগ্রাফিক স্টাইলের অনুশীলনগুলি অনুসরণ করা উচিত, যা একটি দুর্দান্ত বই, বা ফিবোনাচি সিকোয়েন্স সিস্টেমটি অনুসরণ করা উচিত। আমি সাধারণত ব্রাউজারগুলির স্টাইলশিটে পরিবর্তনগুলি আপ টু ডেট রাখি এবং ডাব্লু 3 স্পেসিফিকেশন এখানে পড়ি: আপনার এখনও রবার্ট ব্রিনিহার্স্টের এলিমেটস অফ টাইপোগ্রাফিক স্টাইলের অনুশীলনগুলি অনুসরণ করা উচিত, যা একটি দুর্দান্ত বই, বা ফিবোনাচি সিকোয়েন্স সিস্টেমটি অনুসরণ করা উচিত। আমি সাধারণত ব্রাউজারগুলির স্টাইলশিটে পরিবর্তনগুলি আপ টু ডেট রাখি এবং ডাব্লু 3 স্পেসিফিকেশন এখানে পড়ি:https://www.w3.org/TR/html401/struct/global.html#h-7.5.5 আমি মনে করি, যদিও নকশার ক্ষেত্রটি এটিকে বিবেচনায় নেওয়া দরকার এবং আমি দেখতে পেয়েছি যে অনুশীলনে শিক্ষার সাথে আপডেট করা হয়নি বর্তমান বাস্তবতা আপনি আমার ব্লগে এখানে আরও পড়তে পারেন: https://road-to-resilience.blog/2019/11/21/the-typographic-thing/