Đường cơ sở so với khả năng đọc


23

Bất kỳ nhà thiết kế nào xứng đáng với muối của họ sẽ nói về tầm quan trọng của lưới điện, và đúng như vậy. Tuy nhiên, khi tôi tiếp tục thực hành giao dịch của mình, tôi thấy rằng lưới cơ sở nói riêng không phải lúc nào cũng có vẻ thực tế đối với tôi.

Ví dụ, tôi làm việc với rất nhiều trang tiếp thị có danh sách gạch đầu dòng. Xu hướng đầu tiên của tôi là không gian mọi thứ đều và giữ lưới cơ sở, như vậy:

Danh sách không sắp xếp với khoảng cách lưới đường cơ sở

Nhưng rất nhiều lần, chúng tôi đi đến kết luận rằng mặc dù các viên đạn tách các mục, nhưng khoảng cách giữa các dòng và giữa các mục trong danh sách khiến cho việc phân tách các điểm một cách trực quan khó khăn hơn. Vì vậy, chúng tôi kết thúc với một cái gì đó như thế này:

Danh sách không có thứ tự mà không có khoảng cách lưới đường cơ sở

Mỗi mục danh sách được phân biệt tốt hơn, nhưng bây giờ lưới cơ sở đã biến mất và toàn bộ điều này cảm thấy lộn xộn hơn một chút.

Ở cấp độ nhỏ hơn, đây là một ví dụ khác:

Một ví dụ về khoảng cách

Giữ một lưới đường cơ sở phù hợp làm cho một tiêu đề hai dòng trông giống như những thứ riêng biệt, nhưng thay đổi khoảng cách để sửa chữa gây hại cho dòng chảy (nếu một số người chỉ có một tiêu đề một dòng).

Có thể là tôi vẫn còn thiếu kinh nghiệm đến mức không biết làm thế nào để có bánh và ăn nó ở đây. Nhưng tôi nghi ngờ rằng đây có thể là một kịch bản trong đó các quy tắc thiết kế phải linh hoạt để giải quyết các ưu tiên khác nhau.

Nhưng tôi sẽ hỏi bất kể: Điều nào quan trọng hơn - duy trì lưới cơ sở trong tình huống như thế này, hoặc thỏa hiệp lưới để đạt được mức tăng khả năng đọc?


1
+1 Tôi nghĩ rằng tôi không bình thường khi gặp những vấn đề này với lưới cơ sở. Một cái gì đó tôi thường làm, là có lưới đường cơ sở hai lần (hoặc đôi khi ba lần) tốt như khoảng cách dòng thông thường và khi tôi cần hàng đầu ngoài lưới chặt hơn, hãy đặt nó xuống 2/3 so với thông thường, hoặc căn chỉnh đầu tiên đường của mỗi đoạn vào lưới với một nửa đường cho đủ độ linh hoạt để tránh các khoảng trống xấu xí. Đó chỉ là điều mà đôi khi tôi làm, không biết đó có phải là thực hành tốt hay không.
user56reinstatemonica8

1
Tôi nghĩ rằng có thể dễ dàng so sánh lượt thích với lượt thích trong hai minh họa đầu tiên của bạn nếu bạn giữ nguyên vị trí dẫn đầu (tôi sẽ sử dụng giá trị từ lần thứ hai) và thêm khoảng cách đoạn.
e100

Ngoài ra, việc tuân thủ nghiêm ngặt một lưới cho một hộp văn bản riêng lẻ rất khó để tranh luận; nhưng bạn đang nói về các bảng tiếp thị có thể có các yếu tố khác trong các cột liền kề, đây là một vấn đề phức tạp hơn. Có lẽ bạn cần hiển thị nhiều hơn của trang?
e100

Câu trả lời:


14

Các vấn đề với lưới cơ sở sẽ dễ giải quyết hơn nếu bạn ghi nhớ quy tắc ghi đè này: mục đích duy nhất của thiết kế đồ họa là tạo thuận lợi cho giao tiếp. Đó là những gì bạn được thuê, những gì bạn được trả tiền và những gì bạn phụ thuộc vào để làm. Một lưới (hoặc bất kỳ yếu tố thiết kế nào khác) chỉ hữu ích khi nó đạt được mục đích đó.

Thông tin trên một trang dễ dàng tiếp cận và đồng hóa hơn nếu nó có hệ thống phân cấp thị giác tốt (tiêu đề, tiêu đề phụ, bản sao cơ thể, sidebars), được nhóm một cách thích hợp (trên thực tế, cùng nhau), và được đặt cách nhau một cách thích hợp, bao gồm lề và khoảng trắng khác.

Lưới bố cục mang lại trật tự cho trang và cho phép minh họa, các yếu tố đồ họa như khoảng trắng, tiêu đề và văn bản để căn chỉnh một cách có trật tự có thể cho vay thẩm quyền hoặc cảm giác "đúng" cho trang. Có nhiều cách để một; tất cả chúng không bao gồm các dòng và cột cách đều nhau.

Một lưới cơ sở, như DA01 chỉ ra, hoạt động tốt trong bố trí nhiều cột. Nó cũng hữu ích trong các tình huống mà một cái nhìn rất chính thức, kiểm soát hoặc phẫu thuật sạch sẽ là phù hợp. Bên ngoài sách và các ấn phẩm nặng văn bản khác, thường xuyên hơn không, bạn cần một cái nhìn ít trang trọng hơn.

Câu hỏi bạn có thể đặt ra cho bất kỳ sự lựa chọn thiết kế nào, đặc biệt là về kiểu chữ, là "Điều này sẽ giúp việc giao tiếp dễ nắm bắt hơn, dễ tìm hơn hay hiệu quả hơn?" Nếu câu trả lời là "Không", thì đó là sai.

Ví dụ của bạn là một trường hợp tuyệt vời: buộc các gạch đầu dòng vào lưới đường cơ sở làm hỏng khả năng đọc của văn bản. Truyền thông là ông chủ, vì vậy bạn biết ngay rằng việc dính vào lưới là sai. Một mục thông tin duy nhất, như địa chỉ hoặc văn bản của dấu đầu dòng, cũng phải là một mục trực quan duy nhất trên trang . Theo sau đó các mục thông tin riêng biệt phải được tách biệt trên trang.

Vì vậy, vấn đề không phải là thỏa hiệp với lưới điện để đạt được giao tiếp tốt hơn. Đó là bạn không bao giờ phải thỏa hiệp trong giao tiếp, thời gian. Thiết kế nó để giao tiếp. Sử dụng các quy tắc và kỹ thuật thiết kế nhiều như bạn muốn, để làm cho nó giao tiếp tuyệt vời. Nhưng không bao giờ, bao giờ để cho các quy tắc hoặc kỹ thuật cản trở giao tiếp.


13

Ý tưởng về 'lưới cơ sở' có xu hướng bị lạm dụng ... đặc biệt là trên web.

Lưới cơ sở thực sự được sử dụng trong các ấn phẩm nhiều cột. Ý tưởng là có các "đường ngang" nhất quán trên tất cả các cột.

Và nó nên được sử dụng theo mặc định, nhưng bạn cũng nên biết khi nào KHÔNG nên sử dụng nó.

Ví dụ danh sách gạch đầu dòng của bạn là một trường hợp tốt trong đó có thể tốt để phá vỡ lưới. Mặc dù vậy, bạn vẫn có thể điều chỉnh mọi thứ để tuân thủ phần nào lưới.

Chẳng hạn, bạn có thể có loại 12/14. Sau đó, bạn có thể tạo khoảng trống giữa các viên đạn 7. Điều đó vẫn sẽ tuân theo lưới (bằng nửa bước).


8

Tôi sẽ đề nghị có một kiểu đoạn văn cho các danh sách chỉ có dòng đầu tiên thẳng hàng với đường cơ sở. Bằng cách này, danh sách sẽ không bị lộn xộn, tất cả các dòng có đạn vẫn sẽ chạy trên lưới đường cơ sở, duy trì giao diện tổng thể của căn chỉnh, trong khi các dòng sau có khoảng cách khác nhau. Kết quả trong một giao diện tương tự như bạn mô tả bạn thường giải quyết, nhưng với nhiều yếu tố hơn phù hợp với lưới.


5

Bạn có thể tính toán lại đường cơ sở để quản lý các số nhỏ hơn và phân chia để bạn có thể thực hiện các bước tăng phân số mà mỗi khoảng sẽ trùng nhau. nếu đơn vị lưới cơ sở của bạn là 9 pt, điều đó có nghĩa là một phân khu tự nhiên sẽ là 3pt. Trong một văn bản được đặt thành 8pt, bạn có thể có 9pt hoặc 12pt, trong một văn bản được đặt thành 12pt, bạn có thể có chiều cao của dòng là 15pt, 18pt có một kích thước liên quan bạn giữ tỷ lệ của khoảng cách dòng.

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.