เหตุใดจึงควรหลีกเลี่ยงบรรทัดในตาราง


25

ฉันอ่านหนังสือเกี่ยวกับวิชาการพิมพ์และการออกแบบ พวกเขาทั้งหมดแนะนำให้หลีกเลี่ยงบรรทัดในตารางและแทนที่จะใช้ประโยชน์จากระยะห่าง ฉันพบว่ามีเหตุผลและปฏิบัติตามกฎต่อไปนี้

เมื่อเร็ว ๆ นี้ฉันได้พบกับผู้ใช้สเปรดชีตที่สงสัยกฎเหล่านี้และแย้งว่าเส้นกริดนั้นดีกว่าเนื่องจากโปรแกรมทั้งหมดเปิดใช้งานตามค่าเริ่มต้น

ฉันยังอ่านบทความที่อธิบายถึงปัญหาเกี่ยวกับเส้น: สายตาของมนุษย์ต้องลบออกก่อนที่มันจะสามารถมุ่งเน้นไปที่เนื้อหาของตาราง หากใครบางคนจะรู้ว่าสิ่งนี้หรือการค้นพบทางวิทยาศาสตร์ที่คล้ายคลึงกันเกี่ยวกับการรับรู้ข้อมูลฉันก็ดีใจ

ในความเป็นจริงแล้วมันดีกว่าที่จะหลีกเลี่ยงสาย? ทำไม? คุณมีข้อมูลอ้างอิงที่คุณสามารถให้เพื่อสำรองข้อมูลนี้ได้หรือไม่?


1
โปรดดูคำถามของฉันgraphicdesign.stackexchange.com/questions/13697/ …คุณพบหนังสือวิชาการพิมพ์ที่ดีหลายฉบับที่กำลังสร้างตารางที่ดีในหลายภาษา ...
Mensch

12
ใครก็ตามที่ใช้สเปรดชีตเพื่อหาเลี้ยงชีพมักจะเถียงว่าเส้นนั้นต้องอยู่ที่นั่นเสมอ การใช้สเปรดชีทเป็นสัตว์ที่แตกต่างกันมากกว่าการอ่านในการออกแบบ แอพสเปรดชีตจะเป็นฝันร้ายที่ไม่มีบรรทัด .... แต่การออกแบบจำนวนมากในทางกลับกันจะเป็นฝันร้ายที่มีต่อไลน์
สกอตต์

4
อาจมีประโยชน์หากคุณสามารถเชื่อมโยงบทความเกี่ยวกับ "ดวงตามนุษย์ถอดสาย" บทความจำนวนมากไม่มีแหล่งที่มาสำรองการเรียกร้องของพวกเขาฉันคิดว่าการผสมผสานของเส้นและระยะห่างที่ดีนั้นดี เส้นทำหน้าที่เหมือนไม้บรรทัดและทำให้รู้สึกว่าอ่านได้ง่ายขึ้นในบางบริบทและง่ายต่อการเชื่อมโยงสิ่งที่เกิดขึ้นกับสิ่งที่เกิดขึ้น ไม่จำเป็นต้องสร้างบรรทัด 100% สีดำ & ทึบหรือเพิ่มบรรทัดทั้งหมด คุณยังสามารถใช้เฉดสีอ่อน บางตารางไม่สามารถอ่านได้เนื่องจากไม่มีเหตุผลพวกเขาจำเป็นต้องจัดระเบียบใหม่และฉันคิดว่านั่นเป็นปัญหาที่ใหญ่ที่สุดโดยทั่วไป มันไม่ได้เกี่ยวกับการออกแบบเท่านั้น
go-junta

3
+1 กับความคิดเห็นของสกอตต์ การใช้สเปรดชีทสำหรับการจัดการข้อมูล / รายการเป็นอย่างมากที่แตกต่างกันกว่าการใช้ตารางเพื่อนำเสนอ
เนลสัน

2
ที่เกี่ยวข้อง: tex.stackexchange.com/q/163061/28808และ Qs อื่น ๆ ใน tex.stackexchange ที่ติดแท็ก [booktabs] หรือ [ตาราง] สิ่งเหล่านี้เป็นตัวอย่างของตาราง (มักเป็นข้อมูล) ที่จัดรูปแบบโดยมีและไม่มีเส้นแนวตั้งและแนวนอนหลายเส้น
Chris H

คำตอบ:


42

Edward Tufte เป็นสิ่งที่ประกาศเกียรติคุณคำว่าแผนภูมิขยะเพื่ออ้างถึงองค์ประกอบภาพภายนอกที่มีแนวโน้มที่จะถ่วง แต่แทนที่จะชี้แจงข้อมูลที่นำเสนอ

สิ่งนี้สามารถอ้างถึงสิ่งต่าง ๆ ที่คุณมักจะเห็นบ่อยครั้ง แต่ไม่ได้เพิ่มความเข้าใจและบ่อยครั้งที่จะแทรกแซงความเข้าใจของข้อมูล

สิ่งเหล่านี้อาจรวมถึง:

  • สีโดยพลการ
  • เอฟเฟกต์ 3 มิติ
  • พรมแดนที่มากเกินไป
  • ป้ายกำกับที่ซ้ำซ้อน
  • ม้าลายสตริป
  • เป็นต้น

ฉันคิดว่า gif ที่เคลื่อนไหวได้สื่อสารแนวคิดนี้ได้ดี:

ป้อนคำอธิบายรูปภาพที่นี่

มันจะดีกว่าที่จะลบเส้น? มักจะ ประเด็นที่ควรพิจารณาเมื่อจัดการกับขยะแผนภูมิคือคุณควรใช้เฉพาะสิ่งที่จำเป็นในการจัดรูปแบบข้อมูล สิ่งที่พิเศษก็คือ ... พิเศษ ... และไม่น่าจะเพิ่มข้อความได้


1
นี่เป็น gif ที่เคลื่อนไหวได้ดี แต่ดูเหมือนว่าจะเน้นไปที่ความสวยงามของโต๊ะจากมุมมองของนักออกแบบไม่ใช่วิธีการอ่านหรือการใช้งานจริงสำหรับผู้อ่าน นอกจากนี้ยังมีข้อแตกต่างระหว่างการเปรียบเทียบตาราง Word พื้นฐานที่น่าเกลียดกับตาราง Indesign ที่ทำขึ้นอย่างสวยงามพร้อมเส้น Nasdaq, ธนาคาร, บริการแลกเปลี่ยนเงินตรา, Paypal, วิทยาศาสตร์ / การแพทย์ / รายงานประจำปี ฯลฯ : บุคคล / บริการ / องค์ประกอบเหล่านี้ดูเหมือนจะใช้เส้น ... ฉันสามารถเดาได้เพราะพวกเขาจัดลำดับความสะดวกสบายของผู้อ่านของพวกเขาต้องการ หลีกเลี่ยงความสับสนและไม่ให้ความสำคัญกับการออกแบบที่สวยงาม ฉันคิดว่าพวกเขาเป็นแหล่งอ้างอิงที่เชื่อถือได้เช่นกัน
go-junta

2
มันเป็นเรื่องของความเห็นส่วนตัวและระเบียบวาระการออกแบบเพื่อพิจารณาบรรทัดเป็น "ขยะ" Tufte อาจจะแนะนำให้รักษาเส้นหรือการแรเงาหากจุดประสงค์ของพวกเขาคือการหลีกเลี่ยงความสับสนในตารางที่กว้างและลบออกจากตารางที่มี 2 คอลัมน์หากดูเป็นไร เพื่อความเข้าใจของฉันโดยขยะแผนภูมิเขาหมายถึงการลบไอคอนพิเศษ, ข้อความขนาดใหญ่ที่ไร้ประโยชน์, รูปแบบ, แบบอักษรที่อ่านไม่ได้, แรเงา ORNEMENTAL (เช่นไม่มีวัตถุประสงค์อื่นนอกเหนือจากการออกแบบ) ฯลฯ ทั้งหมดนี้ไม่มีอะไรใหม่สำหรับนักออกแบบส่วนใหญ่ ตรรกะและไม่ใช่เฉพาะแผนภูมิ แต่เค้าโครงใด ๆ
go-junta

2
ดูเหมือนว่าจะเป็นการทำให้เข้าใจง่ายโดยไม่มีคำอธิบายใด ๆ ว่าเมื่อใดที่จำเป็นต้องใช้บรรทัดและมีประโยชน์ นอกจากนี้ในการอ่านคำตอบของคุณค่อนข้างเข้าใจว่าเส้นควรจะถูกลบออกหากพวกเขาอยู่นอกความจริง หากต้องการชี้. gif แบบเคลื่อนไหวของคุณเก็บหนึ่งบรรทัด แต่ไม่มีคำอธิบายว่าทำไม
Ryan

2
อีกครั้งสำหรับฉันที่บอกว่าลบองค์ประกอบภาพที่ไม่เกี่ยวข้องไม่ได้บอกว่าทำไมและเมื่อมีอะไรบางอย่างที่ไม่เกี่ยวข้อง ฉันมีตารางอยู่ข้างหน้าของฉัน 26 แถวและ 18 คอลัมน์ (ได้รับความอนุเคราะห์จากที่ปรึกษาทางธุรกิจ) พวกเขาควรลบเส้นและแรเงาทั้งหมดหรือไม่ เพราะเมื่อฉันอ่านคำตอบของคุณมันทำให้ดูเหมือนเป็นสากลใช่
Ryan

4
@ Ryan - ฉันเห็นด้วยโดยเฉพาะอย่างยิ่งในตารางขนาดใหญ่ที่ "เซลล์" บางส่วนขยายหลายบรรทัดและที่บางเซลล์อาจว่างเปล่า กรณีเหล่านี้ (และอื่น ๆ ) สามารถได้รับประโยชน์จากเส้นแนวนอนบางเส้น มี "ปัจจัย" สองอย่างที่ต้องพิจารณาซึ่งบางครั้ง (หลายครั้ง) ขัดแย้งกัน: สุนทรียภาพและความสามารถในการใช้งาน การใช้งานมีความสำคัญมากกว่ารูปลักษณ์ที่ดี หากการออกแบบตารางดูดี แต่ใช้ไม่ได้ (ยากหรือสับสนในการใช้) สิ่งที่ดีจริงคืออะไร หลายครั้งที่ความสวยงามนั้นเกี่ยวกับลักษณะของตารางที่มองจากระยะไกลมากกว่าเมื่อพยายามอ่านข้อมูลในตาราง
Kevin Fegan

12

ฉันคิดว่าคุณอาจพิจารณาคำถามของคุณอีกครั้งโดยเน้นไปที่จุดประสงค์ของตารางแทนที่จะเป็นแนวทางทั่วไป

ตัวอย่างเช่นหากผู้อ่านจำเป็นต้องเปรียบเทียบเนื้อหาของแถวที่แตกต่างกันมันอาจจะง่ายกว่าในการแยกความแตกต่างในแต่ละแถว นอกจากนี้คุณยังสามารถใช้ความแตกต่างระหว่างคอลัมน์แทนได้

มีหลายตัวเลือกในการแยกแถวหรือคอลัมน์:

  • สีพื้นหลังอื่น (สีอ่อนเพื่อให้ความคมชัดยังทำให้อ่านข้อความได้)
  • ใช้เส้นระหว่างแถวหรือคอลัมน์
  • ใช้ช่องว่างภายในเนื้อหาในตาราง

ทางเลือกของคุณจะขึ้นอยู่กับ:

  • ผู้ใช้จะทำอะไรกับตารางของคุณและวิธีทำให้ผู้ใช้ใช้งานได้ง่ายขึ้น: สิ่งนี้จะแนะนำลำดับชั้นของการอ่านดังนั้นตัวเลือกกราฟิกของคุณ
  • ขนาดของเนื้อหาและดังนั้นขนาดของตาราง: ตัวอย่างเช่นสายยาวจะต้องแยกกราฟิก มันไม่จำเป็นมากสำหรับโต๊ะเล็ก ๆ

ตามที่กล่าวไว้ในประสบการณ์ของฉันในกรณีส่วนใหญ่ฉันมักจะพยายามที่จะไม่ใช้บรรทัดที่ค่อนข้างหนัก ฉันชอบที่จะใช้สีพื้นหลังสีเทาแบบอื่นสำหรับแถว และหากจำเป็นต้องมีเส้นสีขาวสำหรับคอลัมน์เท่านั้น วิธีนี้เนื้อหาจะโดดเด่นและกราฟิกตารางแนะนำผู้ใช้อย่างไม่น่าเชื่อ

พิจารณาวัตถุประสงค์ตารางเสมอก่อนที่จะใช้สไตล์ใด ๆ


2
+1 "พิจารณาจุดประสงค์ของตารางทุกครั้งก่อนใช้สไตล์ใด ๆ " นั่นคือสิ่งที่ OP ขอมาและนักออกแบบกราฟิกที่ดีจะให้ความสำคัญกับวัตถุประสงค์ก่อนเสมอ!
go-junta

9

ฉันไม่เชื่อว่าคุณหรือเพื่อนร่วมงานของคุณพูดถูก ปัญหาที่สำคัญคือความสามารถในการอ่าน การเว้นระยะด้วยตนเองสามารถทำสิ่งนี้ได้อย่างมีประสิทธิภาพเส้น / การแรเงามักช่วยให้ใช้พื้นที่น้อยลง

ที่นี่เรามีตารางที่มีระยะห่างปกติและไม่มีเส้น เป็นการยากที่จะติดตามเพราะตัวเลขได้รับการออกแบบมาเพื่อให้อ่านจากซ้ายไปขวาไม่ใช่จากบนลงล่าง แต่คุณต้องคิดออกเอง:

ป้อนคำอธิบายรูปภาพที่นี่

ตอนนี้ฉันใช้ระยะห่างเพียงอย่างเดียวซึ่งเรารู้จากหลักการเกสตัลท์ของเราเพื่อให้ชัดเจนว่าคุณอ่านในแนวนอน:

ป้อนคำอธิบายรูปภาพที่นี่

อย่างไรก็ตามภาพทั้งหมดมีขนาดใหญ่ขึ้น เมื่อฉันสามารถเพิ่มสิ่งเดียวกันด้วยเส้นหรือแรเงาและใช้พื้นที่ทั้งหมดน้อยกว่า:

ป้อนคำอธิบายรูปภาพที่นี่

อย่างไรก็ตามการใช้บรรทัดทั้งหมดอาจเป็นไปได้ว่าไม่มีการใช้สายเลย ด้วยตัวของมันเองมันไม่ได้ช่วยกำหนดทิศทางที่ผู้คนควรสนใจอ่านมากขึ้นก่อน:

ป้อนคำอธิบายรูปภาพที่นี่

และสิ่งเดียวกันถ้าเราต้องการให้มันเข้าใจในแนวตั้งก่อนแล้วมันอาจมีลักษณะดังนี้:

ป้อนคำอธิบายรูปภาพที่นี่

แต่อาจใช้ระยะห่างน้อยกว่าถ้าเราใช้บรรทัด (ฉันอาจจัดกึ่งกลางบรรทัดนี้ถ้าฉันทำสิ่งนี้จริง แต่เพียงทำอย่างรวดเร็ว):

ป้อนคำอธิบายรูปภาพที่นี่


1

APA Styleไม่ใช้เส้นแบ่งระหว่างแถว ตารางที่กำหนดในลักษณะนี้มีการเชื่อมโยงกับการวิจัยและนักวิชาการ ตารางที่มีสไตล์เป็นอย่างอื่นอาจบอกเป็นนัยได้

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.