বেসলাইন গ্রিড বনাম পাঠযোগ্যতা


23

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

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

বেসলাইন গ্রিড ব্যবধান সহ আনর্ডার্ড তালিকা

তবে অনেকবার, আমরা এই সিদ্ধান্তে পৌঁছেছি যে গুলি গুলি আইটেমগুলিকে পৃথক করে, এমনকি লাইনগুলির মধ্যে এবং তালিকার আইটেমগুলির মধ্যে এমনকি ব্যবধান পৃথকভাবে পয়েন্টগুলিকে পৃথক করা শক্ত করে তোলে। সুতরাং আমরা এই জাতীয় কিছু দিয়ে শেষ করছি:

বেসলাইন গ্রিড ব্যবধান ছাড়াই আনর্ডার্ড তালিকা List

প্রতিটি তালিকার আইটেমটি আরও ভালভাবে চিহ্নিত করা যায়, তবে এখন বেসলাইন গ্রিডটি চলে গেছে এবং পুরো জিনিসটি কিছুটা অগোছালো বোধ করে।

আরও ছোট স্তরে, এখানে আরও একটি উদাহরণ রয়েছে:

আরেকটি ব্যবধানের উদাহরণ

যথাযথ বেসলাইন গ্রিড রাখা দু-রেখাযুক্ত শিরোনামটিকে পৃথক জিনিসের মতো দেখায়, তবে প্রবাহকে ক্ষতি করে এমন সংশোধন করার জন্য স্পেসিংটি পরিবর্তন করে (কিছু লোকের যদি কেবল এক-রেখাযুক্ত শিরোনাম থাকে)।

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

তবে আমি নির্বিশেষে জিজ্ঞাসা করব: কোনটি আরও গুরুত্বপূর্ণ - এরকম পরিস্থিতিতে বেসলাইন গ্রিড বজায় রাখা বা পাঠযোগ্যতার লাভ অর্জনের জন্য গ্রিডের সাথে আপস করা?


1
+1 আমি ভেবেছিলাম বেসলাইন গ্রিডগুলি নিয়ে এই সমস্যাগুলি সম্পর্কে আমি অস্বাভাবিক। আমি প্রায়শই কিছু করি, বেসলাইন গ্রিডটি দ্বিগুণ (বা কখনও কখনও তিনবার) স্বাভাবিক লাইন ব্যবধানের মতো সূক্ষ্ম হয় এবং যেখানে আমার গ্রিড থেকে আরও শক্ত শক্ত নেতৃত্বের প্রয়োজন হয়, হয় এটি স্বাভাবিকের 2/3 এ স্ন্যাপ করুন, বা প্রথম সারিবদ্ধ করুন অর্ধ-রেখা সহ গ্রিডে প্রতিটি খণ্ডের লাইন কুশ্রী ফাঁকগুলি এড়াতে পর্যাপ্ত নমনীয়তা দেয়। এটি আমি এমন কিছু জিনিস যা মাঝে মাঝে করি, এটি ভাল অনুশীলন কিনা তা কোনও ধারণা নয়।
user56reinstatemonica8

1
আমি মনে করি আপনি যদি প্রথমটি একই রকম রাখেন (আমি দ্বিতীয়টির থেকে মানটি ব্যবহার করতাম) এবং অনুচ্ছেদের ব্যবধান যোগ করতাম তবে আপনার প্রথম দুটি চিত্রের সাথে-মত-তুলনা করা আরও সহজ করে তুলতে পারে I
e100

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

উত্তর:


14

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

কোনও পৃষ্ঠায় তথ্যের কাছে পৌঁছনো এবং ভারসাম্য বজায় রাখা ভাল, যদি এর মধ্যে ভাল ভিজ্যুয়াল হায়ারার্কি থাকে (শিরোনাম, সাবহেডস, বডি কপি, সাইডবারস) যথাযথভাবে শ্রেণিবদ্ধ করা হয় (যে জিনিসগুলি একত্রে অন্তর্ভুক্ত থাকে, বাস্তবে তারা একসাথে থাকে) এবং যথাযথভাবে স্পেস করা হয়, মার্জিন এবং অন্যান্য সাদা স্থান সহ।

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

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

যেকোন ডিজাইনের পছন্দ, বিশেষত টাইপোগ্রাফিতে আপনি যে প্রশ্নটি জিজ্ঞাসা করতে পারেন তা হ'ল "এটি কি যোগাযোগটি বোঝা সহজ করে, খুঁজে পেতে সহজতর বা আরও কার্যকর করে তোলে?" উত্তরটি যদি "না," হয় তবে এটি ভুল।

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

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


13

একটি 'বেসলাইন গ্রিড' ধারণাটি আপত্তিজনক হতে পারে ... বিশেষত ওয়েবে।

বেসলাইন গ্রিডটি সত্যিই বহু-কলাম প্রকাশনাগুলিতে ব্যবহারের জন্য। ধারণাটি সমস্ত কলামে ধারাবাহিকভাবে অনুভূমিক 'লাইনগুলি' রাখে।

এবং এটি ডিফল্টরূপে ব্যবহার করা উচিত, তবে কখন এটি ব্যবহার করবেন না তাও আপনার জানা উচিত।

আপনার বুলেটযুক্ত তালিকার উদাহরণটি একটি ভাল কেস যেখানে গ্রিডটি ভাঙ্গা ভাল। আপনি এখনও গ্রিড কিছুটা মেনে চলার জন্য জিনিসগুলিকে টুইঙ্ক করতে পারেন।

উদাহরণস্বরূপ, আপনার 12/14 প্রকার থাকতে পারে। তারপরে আপনি বুলেটগুলির মধ্যে 7 টি জায়গা তৈরি করতে পারতেন That এটি এখনও গ্রিডের সাথে মেনে চলবে (অর্ধেক ধাপে)।


8

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


5

আপনি ছোট সংখ্যা এবং মহকুমা পরিচালনা করতে বেসলাইন গ্রিডটি পুনরায় গণনা করতে পারেন যাতে আপনি ভগ্নাংশ বৃদ্ধি করতে পারেন যা প্রতিটি বিরতি মিলে যায়। যদি আপনার বেসলাইন গ্রিড ইউনিটটি 9 পিটি হয় তবে এর অর্থ একটি প্রাকৃতিক মহকুমা 3 পিটি হবে। 8pt-এ সেট করা একটি পাঠ্যে আপনি 9pt বা 12pt রাখতে পারেন, একটি পাঠ্যে 12pt রাখতে পারেন আপনি 15pt, 18pt এর একটি লাইন উচ্চতা রাখতে পারেন ... লাইন ব্যবধানের অনুপাত রাখার সাথে সম্পর্কিত আকারের একটি সেট রেখে।

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