Tại sao các dòng nên tránh trong bảng?


25

Tôi đọc một số sách về kiểu chữ và thiết kế. Tất cả đều được khuyến nghị để tránh các dòng trong bảng và thay vào đó để sử dụng khoảng cách. Tôi thấy rằng hợp lý và tuân thủ các quy tắc đó.

Gần đây tôi đã gặp các cuộc thảo luận với người dùng bảng tính, những người nghi ngờ các quy tắc này và lập luận rằng các đường lưới tốt hơn vì tất cả các chương trình đều được bật theo mặc định.

Tôi cũng đọc một bài viết giải thích vấn đề bằng các dòng: mắt người trước tiên phải loại bỏ chúng trước khi nó có thể tập trung vào nội dung của bảng. Nếu ai đó biết một hoặc những phát hiện khoa học tương tự về nhận thức dữ liệu, tôi cũng sẽ vui mừng.

Trong thực tế tốt hơn để tránh dòng? Tại sao? Bạn có bất kỳ tài liệu tham khảo nào bạn có thể cung cấp để sao lưu này không?


1
Hãy có một cái nhìn vào câu hỏi của tôi graphicdesign.stackexchange.com/questions/13697/... , có bạn tìm thấy một số cuốn sách tốt typography discusing làm bảng tốt trong một số ngôn ngữ ...
Mensch

12
Bất cứ ai sử dụng bảng tính để kiếm sống hầu như luôn tranh luận rằng các dòng cần phải ở đó. Sử dụng bảng tính là một động vật khác nhiều so với khả năng đọc trong thiết kế . Các ứng dụng bảng tính sẽ là một cơn ác mộng nếu không có các dòng .... nhưng ngược lại, nhiều thiết kế sẽ là một cơn ác mộng với các dòng.
Scott

4
Có thể hữu ích nếu bạn có thể liên kết bài viết đó về "mắt người loại bỏ các dòng." Rất nhiều bài viết không có nguồn để sao lưu các yêu cầu của họ. Tôi nghĩ rằng sự pha trộn giữa các dòng và khoảng cách tốt là tốt; các dòng hoạt động như một thước kẻ và nó có nghĩa là dễ đọc hơn trong một số ngữ cảnh và dễ dàng liên kết những gì đi với những gì. Không cần thiết phải tạo các dòng đen & rắn 100% hoặc thêm tất cả các dòng. Bạn cũng có thể sử dụng màu sáng. Một số bảng không thể đọc được vì chúng không logic, chúng cần được tổ chức lại và tôi nghĩ đó là vấn đề lớn nhất nói chung. Đó không chỉ là về thiết kế.
go-junta

3
+1 về bình luận của Scott. Sử dụng bảng tính để thao tác / nhập dữ liệu rất khác so với sử dụng bảng để trình bày.
Nelson

2
Liên quan: tex.stackexchange.com/q/163061/28808 và các Q khác trên tex.stackexchange được gắn thẻ [booktabs] hoặc [bảng]. Chúng cung cấp ví dụ về các bảng (thường là dữ liệu) được định dạng có và không có đường dọc và nhiều đường ngang.
Chris H

Câu trả lời:


42

Edward Tufte là người đã đặt ra thuật ngữ rác biểu đồ để chỉ các yếu tố hình ảnh bên ngoài có xu hướng lộn xộn, thay vì làm rõ dữ liệu được trình bày.

Điều này có thể đề cập đến tất cả các loại mà bạn có xu hướng nhìn thấy thường xuyên, nhưng không thực sự tăng cường sự hiểu biết và - thường - chủ động can thiệp vào sự hiểu biết về dữ liệu.

Chúng có thể bao gồm:

  • màu tùy ý
  • Hiệu ứng 3D
  • biên giới quá mức
  • nhãn dự phòng
  • ngựa vằn
  • v.v.

Tôi nghĩ rằng gif hoạt hình này truyền đạt khái niệm độc đáo:

nhập mô tả hình ảnh ở đây

Là tốt hơn để loại bỏ các dòng? Thông thường. Điểm cần xem xét khi xử lý rác biểu đồ là bạn chỉ nên sử dụng những gì cần thiết để định dạng dữ liệu. Bất cứ điều gì thêm chỉ là ... thêm ... và có khả năng không tăng cường thông điệp.


1
Đây là một gif hoạt hình đẹp nhưng dường như tập trung nhiều hơn vào vẻ đẹp của một cái bàn theo quan điểm của người thiết kế, chứ không phải nó dễ đọc hay thực tế như thế nào đối với người đọc. Cũng có một sự khác biệt giữa việc so sánh một bảng Word xấu xí cơ bản với một bảng Indesign được thực hiện độc đáo với các dòng. Nasdaq, ngân hàng, dịch vụ tỷ giá hối đoái, Paypal, báo cáo khoa học / y tế / hàng năm, v.v.: Tất cả những người / dịch vụ / yếu tố này dường như sử dụng các dòng ... Tôi chỉ có thể đoán nó vì họ ưu tiên sự thoải mái cho độc giả của họ, muốn tránh nhầm lẫn và không ưu tiên vẻ đẹp thiết kế. Tôi nghĩ rằng họ là tài liệu tham khảo đáng tin cậy quá.
go-junta

2
Đó chỉ là vấn đề về quan điểm cá nhân và chương trình nghị sự của người thiết kế để coi các dòng là "rác". Tufte có thể khuyên bạn nên giữ các dòng hoặc tô bóng nếu mục đích của chúng là để tránh bất kỳ sự nhầm lẫn nào trên các bảng rộng và loại bỏ chúng trên các bảng có 2 cột nếu nó trông ổn. Theo hiểu biết của tôi, bằng biểu đồ rác, anh ta có nghĩa là loại bỏ các biểu tượng bổ sung, văn bản quá khổ vô dụng, hoa văn, phông chữ không thể đọc được, đổ bóng ORNEMENTAL (ví dụ: không có mục đích nào khác ngoài thiết kế), v.v. logic và nó không dành riêng cho biểu đồ mà là bất kỳ bố cục nào.
go-junta

2
Điều này có vẻ như là một sự đơn giản hóa tổng thể mà không có bất kỳ lời giải thích nào về việc khi nào các dòng là cần thiết và hữu ích và khi chúng không liên quan. Ngoài ra, trong khi đọc câu trả lời của bạn, phần nào nhấn mạnh rằng các dòng chỉ nên được loại bỏ nếu chúng thực sự không liên quan. Để trỏ .gif hoạt hình của bạn giữ một dòng, nhưng không giải thích được tại sao.
Ryan

2
Một lần nữa, với tôi, loại bỏ các yếu tố thị giác không liên quan không nói lý do tại sao và khi một cái gì đó không liên quan. Tôi có một bảng trước mặt tôi gồm 26 hàng và 18 cột (nhờ một chuyên gia tư vấn kinh doanh), liệu họ có nên xóa tất cả các dòng và tô bóng không? Bởi vì khi tôi đọc câu trả lời của bạn, nó làm cho nó nghe có vẻ gần như phổ quát.
Ryan

4
@Ryan - Tôi đồng ý, đặc biệt là trên các bảng lớn nơi một số "ô" trải dài trên nhiều dòng và cũng là nơi một số ô có thể trống. Những trường hợp này (và những trường hợp khác) có thể được hưởng lợi từ một số đường ngang. Có (ít nhất) hai "yếu tố" cần xem xét, đôi khi (nhiều lần) mâu thuẫn với nhau: Tính thẩm mỹ và Khả năng sử dụng. Khả năng sử dụng là quan trọng hơn ngoại hình đẹp. Nếu một thiết kế bảng có vẻ tốt nhưng không sử dụng được (khó sử dụng hoặc khó hiểu), thì nó thực sự tốt là gì. Nhiều khi tính thẩm mỹ liên quan nhiều hơn đến cách một bảng nhìn từ xa, thay vì khi cố gắng đọc dữ liệu trong bảng.
Kevin Fegan

12

Tôi nghĩ bạn có thể xem xét lại vấn đề của câu hỏi của mình bằng cách tập trung vào mục đích bảng thay vì bất kỳ hướng dẫn chung nào.

Chẳng hạn, nếu người đọc cần so sánh nội dung của các hàng khác nhau, có thể dễ dàng phân biệt từng hàng hơn. Bạn cũng có thể xem xét để thực hiện tương phản giữa các cột thay thế.

Có một số tùy chọn để phân biệt các hàng hoặc cột:

  • Màu nền thay thế (màu dịu, để độ tương phản vẫn giúp văn bản dễ đọc hơn)
  • Sử dụng các dòng giữa các hàng hoặc cột
  • Sử dụng phần đệm xung quanh nội dung trong bảng

Sự lựa chọn của bạn sẽ phụ thuộc vào:

  • Người dùng sẽ làm gì với bảng của bạn và cách sử dụng dễ dàng hơn cho người dùng: điều này sẽ hướng dẫn phân cấp của việc đọc và do đó các lựa chọn đồ họa của bạn
  • Kích thước của nội dung và do đó, kích thước của bảng: ví dụ: các dòng dài phải được phân biệt bằng đồ họa; nó không quá cần thiết cho một cái bàn nhỏ

Điều đó đang được nói, theo kinh nghiệm của tôi, trong hầu hết các trường hợp, tôi có xu hướng cố gắng không sử dụng các dòng, khá nặng. Tôi thích sử dụng màu nền bóng mờ xen kẽ cho các hàng. Và, nếu cần, dòng trắng chỉ cho cột. Bằng cách này, nội dung trở nên nổi bật và đồ họa bảng vô tình hướng dẫn người dùng.

Luôn luôn xem xét mục đích bảng trước khi áp dụng bất kỳ phong cách.


2
+1 "Luôn xem xét mục đích của bảng trước khi áp dụng bất kỳ kiểu nào." Đó là những gì OP yêu cầu, và dù sao thì một nhà thiết kế đồ họa giỏi sẽ luôn ưu tiên mục đích trước tiên!
go-junta

9

Tôi không tin bạn hoặc đồng nghiệp của bạn là đúng. Vấn đề quan trọng hơn là khả năng đọc. Khoảng cách tự nó có thể thực hiện điều này một cách hiệu quả, các dòng / bóng thường có thể giúp sử dụng ít không gian hơn.

Ở đây chúng tôi có một bảng với khoảng cách khá chuẩn hóa và không có dòng. Thật khó để theo dõi vì các số được thiết kế chủ yếu để đọc từ trái sang phải, không phải từ trên xuống dưới. Nhưng bạn phải tự mình tìm ra điều đó:

nhập mô tả hình ảnh ở đây

Bây giờ tôi chỉ sử dụng khoảng cách, mà chúng tôi biết từ Nguyên tắc Gestalt của chúng tôi , để làm cho nó khá rõ ràng bạn đọc theo chiều ngang:

nhập mô tả hình ảnh ở đây

Tuy nhiên, toàn bộ hình ảnh đã lớn hơn. Khi tôi có thể thêm điều tương tự với một dòng hoặc tô bóng và sử dụng ít tổng không gian hơn:

nhập mô tả hình ảnh ở đây

Tuy nhiên, sử dụng tổng số dòng có thể giống như không sử dụng dòng nào cả. Tự nó không giúp xác định hướng nào mọi người nên quan tâm hơn khi đọc trước:

nhập mô tả hình ảnh ở đây

Và điều tương tự nếu chúng ta muốn nó được hiểu theo chiều dọc trước thì nó có thể trông giống như thế này:

nhập mô tả hình ảnh ở đây

Nhưng cũng có thể ít khoảng cách hơn nếu chúng ta sử dụng một dòng (tôi có thể tập trung vào dòng này nếu tôi đang làm điều này thực sự nhưng chỉ làm điều này một cách nhanh chóng):

nhập mô tả hình ảnh ở đây


1

APA Style không sử dụng đường giữa các hàng. Một bảng theo kiểu này có mối liên hệ với nghiên cứu và học thuật; một bảng theo kiểu khác có thể ngụ ý khác.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.