পড়ার অভিজ্ঞতা উন্নত করার জন্য সেরা হরফ


13

আমি একটি ওয়েবসাইট তৈরি করছি যার প্রধান উদ্দেশ্য বিষয়বস্তু (আইনসভা) পরিবেশন করা এবং আমি ব্যবহারকারীদের সেরা পঠন অভিজ্ঞতা দিতে চাই। আপনি এখানে উদাহরণ পৃষ্ঠাটি একবার দেখে নিতে পারেন:

http://iura.cl/cc/44

আপনি দেখতে পাচ্ছেন, আমি এই মুহুর্তে টেলিক্স ওয়েবফন্টটি ব্যবহার করে যা করেছি তা আমি ছিনিয়ে নিয়েছি। আমার কাছে নাইট পড়ার জন্য একটি বিকল্প রয়েছে যা ঝলকানি হ্রাস করতে পারে:

http://iura.cl/cc/44?estilo=nocturno

আমি অবাক হই যে আমি যে ফন্টটি বেছে নেওয়ার বিষয়টি নিশ্চিত করার জন্য বেছে নিয়েছি সে সম্পর্কে আমার কী বিবেচনা করা উচিত, যদি মেনে চলার জন্য কোনও গাইড থাকে?


2
"আপনি কোন ফন্টের পরামর্শ দিচ্ছেন" আমাদের পক্ষে উত্তর দেওয়ার কোনও প্রশ্নের পক্ষে খুব বিস্তৃত। আরও মনে রাখবেন যে কোনও ফন্টটি 'পাঠযোগ্য' কিছু কীভাবে হয় তার একটি প্রধান অংশ হিসাবে অন্যান্য ভেরিয়েবলগুলিরও আধিক্য রয়েছে (কলামের প্রস্থ, লাইন ব্যবধান, রঙ, ইঙ্গিত, লেআউট ইত্যাদি)
DA01

@ DA01 হতে পারে এমন কোনও গাইড রয়েছে যা আপনি সুপারিশ করতে পারেন?
ড্যান

একটি ভাল প্রাইমার: amazon.com/Shop-Stelling-Sheep-Works-Edition/dp/0201703394
DA01

1
প্রশ্নটি আমার কাছে দুর্দান্ত মনে হচ্ছে - এটি "আপনি কোন ফন্টের পরামর্শ দেন" তা নয়, এটি " কোনও ওয়েবসাইটের জন্য উচ্চ-পঠনযোগ্যতা ফন্ট কীভাবে চয়ন করবেন " - মানদণ্ডের স্তূপ ap
user56reinstatemonica8

উত্তর:


10

আসলে যদি আপনার এক নম্বর মানদণ্ড কোনও ওয়েবসাইটের জন্য উচ্চ-পাঠযোগ্যতার ফন্ট হয় তবে বেশ কয়েকটি সহজ নীতি রয়েছে ।

  1. মূলধারার কথা ভাবুন। ধন্যবাদ @font-faceআপনি পারে হাজার হাজার হাজার হরফ থেকে চয়ন - কিন্তু কম জনপ্রিয় বা তার থেকে নতুন ফন্ট প্রায়ই ব্রাউজার এবং অপারেটিং সিস্টেম মধ্যে সমস্যা রেন্ডারিং, কখনও কখনও আছে এমনকি যখন তারা শ্রদ্ধেয় foundaries থেকে আসা। যদি পাঠযোগ্যতা আপনার অগ্রাধিকার হয় এবং আপনি প্রচুর পরিমাণে ক্রস ব্রাউজার ক্রস ওএস টেস্টিং করতে না চান তবে আপনি এটি নিরাপদে খেলতে এবং একটি বিশ্বস্ত, চেষ্টা করা এবং পরীক্ষিত ফন্ট ব্যবহার করতে চাইতে পারেন। পুরানো ওয়েব-সেফ ফন্টগুলি পছন্দ করে Verdanaএবং Georgiaনিরাপদ বেটগুলি যেহেতু এগুলি ব্যাপকভাবে ব্যবহৃত হয়, তাই বিরল ব্রাউজার / ওএস সেটআপগুলিতেও তাদের পরীক্ষা করা হবে। এছাড়াও, পরিচিতি পাঠযোগ্যতার সহায়তা করে।
  2. উচ্চ এক্স উচ্চতা এবং প্রশস্ত। আপনার পাঠকের পর্দার গুণমান বা পিক্সেল ঘনত্বটি কী তা আপনি জানেন না, তাই আপনি যদি পঠনযোগ্যতার পক্ষে অগ্রাধিকার দিচ্ছেন তবে অক্ষরের গুরুত্বপূর্ণ আলাদা বৈশিষ্ট্যগুলি অতিরিক্ত স্পষ্ট কিনা তা নিশ্চিত করুন। ওয়েব পাঠযোগ্যতা, মত জন্য ডিজাইন করা ফন্ট Verdanaএবং Georgia, যেখানে একটা চিঠির মুখ্য বিবরণ, এবং ascenders বা descenders উপরে খুবই কম পিক্সেল ব্যবহার যেখানে একটি এক বা দুই পিক্সেল আচমকা সহজেই যথেষ্ট এক্স-উচ্চতার জন্য তাদের পিক্সেল যতটা সম্ভব ব্যবহার bএকটি oবা একটি থেকে বলুন p
  3. খুব বেশি হালকা নয়। হালকা প্রকার মুদ্রণ বা উচ্চ পিক্সেলের ঘনত্বের স্ক্রিনগুলিতে দুর্দান্ত দেখায় - তবে এটি আইওএস 7 অবধি পর্দাগুলিতে খুব কম ব্যবহৃত হয়েছিল এবং তবুও বিতর্কিত হওয়ার কারণ রয়েছে: যদি দর্শক স্থির অবস্থায় একটি উচ্চমানের স্ক্রিনের মতো অনুকূল অবস্থাতে না দেখায় ইনডোর আলো, এটি পঠনযোগ্যতা ঝুঁকিপূর্ণ। একটি ভাল শক্ত নিয়মিত ওজন সহ একটি ফন্টে যান - আমি উল্লেখ করেছি Verdanaএবং Georgia?

অবশ্যই প্রচুর ফন্ট রয়েছে যা অবশ্যই এই মানদণ্ডগুলি মেনে চলে Verdanaএবং Georgiaঅবশ্যই, এবং এই দুটি মাঝে মাঝে কিছুটা বিরক্তিকর হিসাবে বিবেচিত হয় কারণ ২০০৯ বা তারপরে @ ফন্টফেসটি ব্যাপকভাবে ব্যবহৃত হয়ে গেলে তারা ওয়েবের বেশিরভাগ ক্ষেত্রে ফন্টে যাওয়া ফন্ট ছিল ।

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


সম্পাদনা: webtype বিক্রেতাদের এবং foundaries যখন না ভাল পাঠযোগ্যতা জন্য পরীক্ষা কষ্ট যান, তারা তাদের বিপণন এটি সম্পর্কে চিত্কার করার সম্ভাবনা বেশি করছি। উদাহরণস্বরূপ, ওয়েব টাইপ "রিডিং এজ" সিরিজ ( ক্রিস বার্টনের কাছে হ্যাট টিপ যারা এটি এখানে উল্লেখ করেছেন )। তবুও, ব্যাপকভাবে পরীক্ষা করুন।


1
আমি ডিজাইনার নই এবং আমার চোখে কিছু সমস্যা রয়েছে। আমি কিছু আইনসভার পাঠ্য পড়তে পছন্দ করি তবে আমার মনে হয় ব্রাজিলিয়ান সাইটটি মাঝে মাঝে ব্যাথা করে, তাই আমি আপনার পরামর্শটি (ভারদানা) নিলাম এবং স্টাইলিশ নামক একটি প্লাগইন রাখলাম , 1.5 লাইনের উচ্চতা, ফন্টের আকার 16px এবং রঙ কালো with এটি এখন আমার কাছে খুব স্বাচ্ছন্দ্যময়।
ফ্যাবিও মন্টেফুস্কোলো

5

ঠিক আছে আমি এগিয়ে যেতে এবং এই সম্পর্কে আমার ধারণা দিতে যাচ্ছি। এখানে কোনও চূড়ান্ত 'সেরা ফন্ট' নেই বা এমনটিও হতে পারে না কারণ একটি ফন্ট নির্বাচন করা বিভিন্ন দিকের উপর নির্ভর করে। যা হতে পারে তা হ'ল 'ফন্ট চয়ন করার জন্য সেরা পদ্ধতি'।

সুতরাং আপনার প্রকল্পের জন্য সেরা ফন্ট বেছে নিতে সহায়তা করার জন্য বিষয়গুলি বিবেচনা করতে হবে;

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

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

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

ওজন: দশটি ভারী ভার্সনের তুলনায় দশটি হালকা ওজনযুক্ত ফন্টগুলিতে কিছুটা আরও সুস্পষ্ট হতে পারে, তবে এখানে আপনাকে সুশৃঙ্খলার অন্যান্য দিকগুলি নিয়ে আলোচনা করা হয়েছে যা আপনাকে দরকারী মনে হতে পারে।

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

এগুলি এমন কয়েকটি দিক যা আপনি একটি ফাঁকা স্লেট থেকে চলে যেতে থাকলে আপনার সঙ্কীর্ণ হওয়া উচিত তবে এটি সত্যিকার অর্থে কখন নেমে আসে তা বিবেচনা করার মতো অনেক কিছুই আছে, এটি খুব খারাপ নয়। কোনও প্রকল্পের প্রাথমিক পর্যায়ে সঠিক ফন্ট / ফন্টগুলি বেছে নেওয়ার মানটির তুলনা নেই! এখানে একটি ফন্ট নির্বাচন করার সময় বিবেচনা করার বিষয়গুলি সম্পর্কে আরও রয়েছে

একটি ভাল উপমাটি হ'ল এটি পোশাক পড়ার মতো, একটি সাধারণ ধারণা যা এখানে আলোচনা করা হয়েছে

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

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

আশা করি আমি সাহায্য করেছি এবং খুব বেশি ঝাঁকুনি খেলিনি, ডান ফন্ট সম্পর্কে আমি কিছুটা উত্সাহী :) আপনার প্রকল্পের জন্য শুভকামনা।


2

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

এখানে চিত্র বর্ণনা লিখুন

এখানে আমি যে বিষয়ের সাথে একমত হতে চাই সে বিষয়ে একটি নিবন্ধ:

সেরিফ বনাম সানস: চূড়ান্ত যুদ্ধ


1
সেরিফ মুখগুলি স্যানস-সেরিফের মুখগুলি কম-বেশি পাঠযোগ্য। এমন কোনও চূড়ান্ত প্রমাণ নেই। একটি ব্যতিক্রম স্ক্রিনে হবে, যেখানে নিম্ন রেজোলিউশন প্রদর্শনগুলি সেরিফ মুখের বিবরণ রেন্ডার করতে আরও কঠিন করে তুলতে পারে।
DA01

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

@ গ্যাভিনআর.পুটল্যান্ড আপনি প্রাক্তন / ইম অনুপাত সম্পর্কে বিস্তারিত বলতে পারবেন? লাইন ব্যবধান খুব ছোট = ভুল হলেই এটি পঠনযোগ্যতা ক্ষতিগ্রস্থ করতে পারে। কমপক্ষে 140% লাইন ব্যবধানের প্রস্তাব দেওয়া হয়।
মিখাইল ভি

@ DA01 আমি লক্ষ্য করেছি যে একটি প্রবণতা লোকেরা কিছু "প্রমাণ" যুক্তি উল্লেখ করে। একজন বিশেষজ্ঞ হিসাবে আমি বলতে পারি গারামন্ডের মতো ফন্টগুলি সর্বাধিক পঠনযোগ্য, এবং এটি আপনাকে অন্যান্য টাইপোগ্রাফি বিশেষজ্ঞদের বলবে। এটি কি আপনার পক্ষে "প্রমাণ" নয়?
মিখাইল ভি

@ মিখাইলভি এটি প্রমাণ নয়। এটা মতামত। সেখানে কী প্রমাণ রয়েছে (যা সর্বনিম্ন) "
ঝুঁকির

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.