টেবিলে লাইনগুলি এড়ানো উচিত কেন?


25

আমি টাইপোগ্রাফি এবং ডিজাইন সম্পর্কে কিছু বই পড়ি। তারা সবাই টেবিলে রেখাগুলি এড়াতে এবং পরিবর্তে ব্যবধান ব্যবহার করার পরামর্শ দিয়েছিল। আমি খুঁজে পেয়েছি যে যুক্তিসঙ্গত এবং এই নিয়ম মেনে চলা।

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

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

আসলে লাইনগুলি এড়ানো ভাল? কেন? এটিকে ব্যাক আপ করতে আপনার সরবরাহ করতে পারে এমন কোনও রেফারেন্স আছে কি?


1
অনুগ্রহ করে আমার প্রশ্নের গ্রাফিকডিজাইন.স্ট্যাকেক্সেঞ্জার / প্রশ্নস / ১৩69৯7/২ দেখুন , সেখানে আপনি বেশ কয়েকটি ভাষায় ভাল টেবিল তৈরির বিষয়ে বেশ কয়েকটি ভাল টাইপোগ্রাফির বই পেয়েছেন ...
মেনচ

12
জীবিকার জন্য স্প্রেডশিট ব্যবহার করা যে কেউই সর্বদা যুক্তি দিয়ে চলেছেন যে লাইনগুলি সেখানে থাকা দরকার। স্প্রেডশীট ব্যবহার একটি ডিজাইনের পাঠযোগ্যতার চেয়ে অনেক বেশি আলাদা প্রাণী । স্প্রেডশিট অ্যাপ্লিকেশনগুলি লাইন ছাড়াই দুঃস্বপ্ন হতে পারে .... তবে বিপরীতে অনেকগুলি ডিজাইন লাইনগুলির সাথে একটি দুঃস্বপ্ন হতে পারে ।
স্কট 21

4
আপনি যদি এই নিবন্ধটি "মানব চোখগুলি লাইনগুলি সরিয়ে ফেলা" সম্পর্কে লিঙ্ক করতে পারেন তবে দরকারী হতে পারে useful অনেকগুলি নিবন্ধের তাদের দাবির ব্যাক আপ করার কোনও উত্স নেই I আমি মনে করি লাইন এবং ভাল ব্যবধানের মিশ্রণটি ভাল is রেখাগুলি একজন শাসকের মতো কাজ করে এবং এটি বোঝায় যে কিছু প্রসঙ্গে পড়া সহজ এবং কীটির সাথে কী যুক্ত হয় তা যুক্ত করা সহজ। 100% কালো ও ঘন লাইনগুলি তৈরি করা বা সমস্ত লাইন যুক্ত করা প্রয়োজন নয়। আপনি হালকা ছায়া গো ব্যবহার করতে পারেন। কিছু টেবিল অপঠনযোগ্য কারণ এগুলি যৌক্তিক নয়, তাদের পুনরায় সংগঠিত করা দরকার এবং আমি মনে করি সেখানেই সবচেয়ে বড় সমস্যাটি সাধারণ। এটি কেবল নকশা সম্পর্কে নয়।
গো-জান্তা

3
স্কটের মন্তব্যে +1 উপস্থাপনার জন্য একটি সারণী ব্যবহার করার চেয়ে ডেটা ম্যানিপুলেশন / প্রবেশের জন্য একটি স্প্রেডশিট ব্যবহার করা খুব আলাদা different
নেলসন

2
সম্পর্কিত: টেক্সট.স্ট্যাকেক্সেঞ্জাও.ইউ / 163061/28808 এবং টেক্সট.স্ট্যাকেক্সচেঞ্জের অন্যান্য প্রশ্নাবলী [বুকট্যাবস] বা [সারণী] ট্যাগ করেছে। এটি উল্লম্ব এবং অনেকগুলি অনুভূমিক রেখার সাথে এবং বিনা বিন্যাসে সারণীগুলির (প্রায়শই ডেটাগুলির) উদাহরণ দেয়।
ক্রিস এইচ

উত্তর:


42

এডওয়ার্ড টুফ্ট হ'ল চার্ট জাঙ্ক শব্দটি তৈরি করেছিলেন যা উপস্থাপিত ভিজ্যুয়াল উপাদানগুলিকে বোঝায় যা উপস্থাপিত হয়ে থাকে, বরং উপস্থাপিত তথ্য স্পষ্ট করার পরিবর্তে।

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

এর মধ্যে অন্তর্ভুক্ত থাকতে পারে:

  • নির্বিচার রঙ
  • থ্রিডি এফেক্টস
  • অতিরিক্ত সীমানা
  • অপ্রয়োজনীয় লেবেল
  • জেব্রা স্ট্রাইপিং
  • প্রভৃতি

আমি মনে করি এই অ্যানিমেটেড জিআইএফ ধারণাটি সুন্দরভাবে প্রকাশ করেছে:

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

লাইনগুলি অপসারণ করা কি ভাল? সাধারণত। চার্ট জাঙ্কের সাথে কাজ করার সময় বিবেচনা করার বিষয়টি হ'ল ডেটা ফর্ম্যাট করার জন্য আপনার প্রয়োজনীয় ব্যবহার করা উচিত। অতিরিক্ত কিছু হ'ল কেবল ... অতিরিক্ত ... এবং সম্ভবত বার্তাটি বাড়ানো হয় না।


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

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

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

2
আবার, আমার কাছে বহিরাগত ভিজ্যুয়াল উপাদানগুলি মুছে ফেলার কথা কেন এবং কখন কিছু বহিরাগত হয় তা বলে না। আমার সামনে 26 টি সারি এবং 18 টি কলামের সামনে একটি টেবিল রয়েছে (সৌজন্যে কোনও ব্যবসায় পরামর্শদাতা), তাদের কি সমস্ত লাইন এবং শেডগুলি মুছে ফেলা উচিত ছিল? কারণ আমি যখন আপনার উত্তরটি পড়ি তখন এটি এটিকে কাছাকাছি সর্বজনীন হাঁয়ের মতো করে তোলে।
রায়ান

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

12

আমি মনে করি আপনি কোনও সাধারণ দিকনির্দেশনার পরিবর্তে সারণীর উদ্দেশ্যে মনোযোগ দিয়ে আপনার প্রশ্নের ইস্যুটি পুনর্বিবেচনা করতে পারেন।

উদাহরণস্বরূপ, পাঠকদের যদি বিভিন্ন সারিগুলির বিষয়বস্তু তুলনা করার প্রয়োজন হয় তবে প্রতিটি সারি আলাদা করতে সহজ হতে পারে। আপনি এর পরিবর্তে কলামগুলির মধ্যে বিপরীতে প্রয়োগ করতে বিবেচনা করতে পারেন।

সারি বা কলামগুলি পৃথকযোগ্য করার জন্য বিভিন্ন বিকল্প রয়েছে:

  • বিকল্প পটভূমি রঙ (নরম রঙ, যাতে বৈসাদৃশ্যটি এখনও পাঠ্য পাঠযোগ্য করে তোলে)
  • সারি বা কলামগুলির মধ্যে রেখা ব্যবহার করুন
  • সারণীতে সামগ্রীর চারপাশে প্যাডিং ব্যবহার করুন

আপনার পছন্দ উপর নির্ভর করবে:

  • ব্যবহারকারী আপনার টেবিলটি দিয়ে কী করবে এবং ব্যবহারকারীর পক্ষে কীভাবে এই ব্যবহারকে সহজ করে তুলবে: এটি পড়ার শ্রেণিবিন্যাসকে গাইড করে এবং তাই আপনার গ্রাফিক পছন্দগুলি
  • সামগ্রীর আকার এবং ফলস্বরূপ, টেবিলের আকার: উদাহরণস্বরূপ, দীর্ঘ রেখাগুলি অবশ্যই গ্রাফিক্যাল পার্থক্যযোগ্য হতে হবে; এটি একটি সামান্য টেবিল জন্য এত প্রয়োজন হয় না

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

কোনও স্টাইল প্রয়োগ করার আগে সর্বদা টেবিলের উদ্দেশ্য বিবেচনা করুন।


2
+1 "কোনও স্টাইল প্রয়োগ করার আগে সর্বদা সারণির উদ্দেশ্য বিবেচনা করুন" " ওপি এটিই বলেছিল এবং যাইহোক ভাল গ্রাফিক ডিজাইনার সর্বদা প্রথমে উদ্দেশ্যকে অগ্রাধিকার দেবে!
গো-জান্তা

9

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

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

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

আপনি কেবল অনুভূমিকভাবে পড়তে পারেন তা পরিষ্কার করার জন্য আমি কেবলমাত্র ফাঁকা স্থান ব্যবহার করেছি, যা আমরা আমাদের গেস্টাল্ট নীতিগুলি থেকে জানি :

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

তবে পুরো চিত্রটি আরও বড় হয়েছে। যখন আমি একই জিনিসটি একটি লাইন বা শেডিং যুক্ত করতে এবং কম মোট স্থান ব্যবহার করতে পারি:

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

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

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

এবং একই জিনিসটি আমরা যদি প্রথমে এটি অনুভূমিকভাবে বোঝার জন্য চাইতাম তবে এটি দেখতে এরকম কিছু হতে পারে:

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

তবে আমরা যদি কোনও লাইন ব্যবহার করি তবে কম স্পেসিংও হতে পারে (আমি সম্ভবত এই লাইনটি কেন্দ্র করেছিলাম যদি আমি বাস্তবের জন্য এটি করতাম তবে কেবল এটি দ্রুত করছিলাম):

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


1

এপিএ স্টাইল সারিগুলির মধ্যে কোনও লাইন ব্যবহার করে না। এই ধরণের স্টাইলযুক্ত একটি সারণীর গবেষণা এবং শিক্ষাবিদদের সাথে সংযুক্তি রয়েছে; স্টাইলযুক্ত একটি টেবিল অন্যথায় বোঝাতে পারে।

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