Căn chỉnh các chữ cái Sai Sai xuất hiện nhiều hơn nữa.


43

Tôi hiện đang làm việc trên một logo cho một khách hàng. Đây là công việc đang tiến triển. nhập mô tả hình ảnh ở đây

Nó có vẻ rõ ràng với tôi rằng S nên phù hợp với dòng trên. Tôi cảm thấy rằng cách tốt nhất để căn chỉnh nó tuy nhiên là căn chỉnh phần dưới cùng của chữ S chứ không phải đường cong trên cùng, thậm chí còn nghĩ rằng đường cong trên cùng nhô ra nhiều hơn. Xem ví dụ sau nhập mô tả hình ảnh ở đây

Ngoài ra ở đầu kia của logo, cảm giác AI có thể làm điều gì đó tương tự, giảm thiểu tam giác khoảng trắng ở cuối logo

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

Kết quả cuối cùng tôi nghĩ là dễ chịu hơn trong sự liên kết của nó nhập mô tả hình ảnh ở đây

Tôi cảm thấy rằng điều này là chính xác, nhưng khách hàng của tôi đang đặt câu hỏi. Sự liên kết này là một thói quen tôi đã chọn trong suốt sự nghiệp của mình, vì vậy tôi đã không được dạy chính thức điều này, thực tế tôi không thể nhớ mình đã nhặt nó ở đâu.

Nói cho tôi biết, tôi đã chọn một thói quen xấu ở đây? Là khách hàng của tôi đúng? Nếu điều này là chính xác thì loại căn chỉnh này có một tên? Hoặc có một bài viết ở đâu đó tôi có thể giới thiệu khách hàng của mình đến?


3
Tôi không nghĩ rằng loại liên kết này có bất kỳ tên nào. Nhưng kết quả cuối cùng là trông cân bằng hơn. Nó tốt.
bharat

1
@bharat Tôi thực sự không biết :-)tôi nhận ra rằng điều đó không hữu ích. Tôi đoán "quang" thường được sử dụng có nghĩa là "bằng mắt, không phải theo quy tắc tuyệt đối", nó chỉ giống như tên trực quan với tôi, và nó xuất hiện trong các cuộc trò chuyện với các nhà thiết kế khác và mọi người đều biết (hoặc, đã tìm ra) có nghĩa là Các thuật ngữ khác tôi đã khám phá trong khi đang cố gắng tìm một tài liệu tham khảo để liên kết đến "căn chỉnh quang học" ...
user56reinstatemonica8

1
Sách hướng dẫn hoàn chỉnh về kiểu chữ (của James Felici và được xuất bản bởi Adobe Press) đi sâu vào vấn đề này. Những gì bạn tự nhiên trực giác, tôi đã phải học bằng cách đọc tài liệu tham khảo tuyệt vời này!
Randall Stewart

3
Yep 'căn chỉnh' quang so với căn chỉnh 'toán học'. Các cựu là những gì kỹ năng thiết kế chuyên nghiệp của bạn là dành cho. :)
DA01

1
Khách hàng luôn luôn đúng, ngay cả khi khách hàng là một thằng ngốc. Nhưng bạn luôn có thể nói "Ai trong chúng ta có bằng thạc sĩ thiết kế? Hãy để tôi làm công việc bạn thuê tôi làm."
Robert Soupe

Câu trả lời:


43

Yup, đây là những điều hợp pháp và họ có tên.

"Căn chỉnh trực quan" hoặc "Căn chỉnh quang"

Đây là nguyên tắc chung - bạn đang căn chỉnh bằng mắt bởi những gì trực quan có vẻ đúng hơn là theo quy tắc. Nó không chỉ được sử dụng trong kiểu chữ mà bất cứ nơi nào sự nhất quán trực quan đều quan trọng, ví dụ như trong việc thiết kế các bộ biểu tượng - làm cho các biểu tượng với các đường cong trông gọn gàng khi xếp thành các biểu tượng với các cạnh thẳng.


Các thuật ngữ kỹ thuật cụ thể hơn dưới đây không được sử dụng phổ biến (tôi phải tìm kiếm chúng), chúng chỉ ở đây để gây tò mò.

đánh máy chênh

Đây là khi một nhân vật vượt qua điểm dọc thích hợp bởi vì làm như vậy trông tự nhiên hơn là dừng lại nghiêm ngặt. Câu trả lời của Joojaa có rất nhiều ví dụ tuyệt vời về điều này, tôi sẽ chỉ thêm câu này từ các tiêu chuẩn kiểu chữ của Microsoft (đừng cười, mặc dù việc phát hành Comic Sans trên thế giới MS có một nhóm đánh máy khá tốt) cho thấy nó không chỉ là đường cơ sở nơi này được sử dụng:

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

Căn lề quang

Về cơ bản, phần vượt quá ngang, thường được áp dụng cho các ký tự cong hoặc nghiêng và các ký tự khác ít gặp cạnh có vẻ sai so với đường cứng. Về cơ bản, nó rất chặt chẽ ở các lề, và các ký tự được áp dụng nói chung là giống nhau sẽ nhận được các k sâu chặt chẽ ở nơi khác.

Đây là cách Wikipedia hiện đang minh họa nó:

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


3
Đối với những người quen thuộc với LaTeX, căn chỉnh lề quang học có thể được gọi là lồi ký tự , vì đây là thuật ngữ được sử dụng bởi microtypegói cung cấp quyền kiểm soát này và một số kỹ thuật tinh chỉnh chính tả khác.
sigma

35

Nếu bạn nhìn vào nhiều phông chữ, bạn sẽ nhận thấy độ cong của chữ cái xuyên qua sự căn chỉnh hoàn hảo của đường cơ sở và của nhiều chữ cái nhỏ khác. Và như một quy tắc chung, hình dạng tròn có xu hướng làm điều này - xuyên qua đường cơ sở của các cạnh thẳng. Tôi đã có một bài viết về hiện tượng này, và tại sao nó xảy ra, ở đâu đó trong dấu trang của tôi nhưng liên kết lảng tránh tôi vào lúc này.

Hình dạng tròn xuyên qua đường cơ sở

Hình 1 : Một số ví dụ về các đường tròn xuyên qua đường cơ sở, với các đường cơ sở được tô sáng.

Nếu bạn nhìn, ngay cả các phông chữ rất hình học cũng làm điều này (xem Hình 1). Điều này xảy ra thường xuyên hơn nó không xảy ra - đến nỗi tôi đã nghe nói về nó như một quy luật. Tuy nhiên lưu ý làm thế nào số lượng khác nhau từ tình huống để tình huống và hình dạng để hình dạng. Vì vậy, ngày hôm nay vẫn là đôi mắt của bạn quyết định.

Nếu mắt bạn nhạy bén, bạn cũng sẽ nhận thấy rằng một số dạng chữ cũng xuyên qua các bên dọc. Đó là bởi vì hiện tượng tương tự cũng xảy ra ở đó.

Đường cong của "S" kéo dài sang phải của căn chỉnh với serif dọc

Hình 2 : Hiệu ứng tương tự sang một bên. Điều này thường xảy ra nếu bạn có các đường thẳng và đường cong trộn lẫn nhau.

PS : Xin lỗi, phông chữ có sẵn trên máy trạm tạm thời của tôi bị giới hạn một chút.


15

Đây là một kỹ thuật được gọi là quá mức (hoặc nhô ra). Lý do tại sao chúng ta sử dụng quá mức là vì cách chúng ta nhìn nhận mọi thứ như con người (ít nhất là về mặt toán học thuần túy) là không chính xác.

Đừng tin tôi? Hãy để tôi giải thích:

Hãy xem xét hình ảnh này:

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

Có phải hình tròn và hình tam giác giống như chúng có cùng trọng lượng với bạn không? Sự thật là chúng có cùng chiều cao nhưng diện tích khác nhau.

Bây giờ hãy cho thấy họ trông như thế nào với cùng một khu vực:

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

Lưu ý phần vượt mức đã được tạo cho cả hình tròn và hình tam giác. Cả hình tròn và hình tam giác trông có vẻ mất cân đối về mặt thị giác (đặc biệt là hình tam giác) nhưng với một số hình chơi xung quanh có tỷ lệ và căn chỉnh hình tam giác với hình vuông, chúng ta có được hình ảnh hấp dẫn trực quan sau:

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

Không có hướng dẫn:

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

Lưu ý rằng quá mức vẫn xảy ra với cả hai, nhưng theo những cách khác nhau. Điều này hoàn toàn ngược lại với thực tiễn xấu, đó là điều cần thiết để có được sự cân bằng thị giác phù hợp - chúng ta thường cần chơi xung quanh với kích thước hình dạng, chiều rộng, khoảng cách và căn chỉnh dựa trên các đối tượng cụ thể mà chúng ta đang sử dụng. Không có công thức cụ thể cho việc này, nó phụ thuộc vào thành phần và kết quả mong muốn. Hãy nhớ rằng khi bạn thay đổi kích thước dọc, có thể bạn sẽ cần thay đổi khoảng cách ngang cùng một lượng để giữ khoảng trắng thích hợp:

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

Độ rộng nét cũng đi vào chơi khi căn chỉnh trực quan. Hãy xem này:

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

Nó không cảm thấy hoàn toàn đúng mặc dù tỷ lệ và khoảng cách là như nhau, eh?

Kết luận ở đây là chúng ta nên tăng số tiền bồi thường khi chúng ta tăng đột quỵ, chú ý đến việc cân bằng các quầy. Trong thực tế, khi chúng ta có các hình thức đối lập, chúng áp đảo phác thảo của biểu mẫu và trạng thái cân bằng của chúng trở nên quan trọng hơn so với dạng rắn. Đây chính xác là những gì Nintendo đã làm khi thiết kế logo Nintendo switch của họ .

Để đọc chi tiết hơn, hãy xem bài viết của Fábio Martins ' The Art of Eyeballing - Phần III: Overshoot nơi tôi thực tế đã đánh cắp các hình ảnh và một số nội dung trong câu trả lời này.


Tôi chưa bao giờ nghe nó được gọi là 'quá mức'. Nhưng dường như để làm việc!
DA01

@ DA01 user568458 cũng gọi nó là "Đánh máy quá mức" và tôi đã thấy nó xung quanh trước đây, tôi nghĩ nó tương đối chuẩn
Zach Saucier

1
Tôi đã luôn sử dụng thuật ngữ 'overhang': ilovetypography.com/2009/01/14/inconspicupt-vertical-metrics Nhưng 'overshoot' cũng hoạt động tốt!
DA01

3
Tôi sẽ kết hợp nó và gọi nó là overshang!
DA01

1
@NicolasDaoust Đúng, xin lỗi vì đã đánh lạc hướng
Zach Saucier

6

Tôi không có bất kỳ bài viết nào để sao lưu nó, nhưng tôi có thể nói với bạn từ kinh nghiệm rằng bạn đúng. Cũng giống như các kiểu chữ thủ công, khoảng cách và sắp xếp các chữ cái (và các đối tượng khác) như thế này là một phần của khoa học, một phần nghệ thuật. Hãy để mắt và ruột của bạn hướng dẫn bạn chứ không phải là con số chính xác và toán học.


4

Khái niệm chơi ở đây là mắt của bạn (tức là bộ não của bạn) xử lý các đường cong khác nhau so với mắt. Theo một cách nào đó tương tự như cách bạn "nhìn" một nửa âm sắc như một giai điệu mượt mà, mắt bạn tìm thấy một vị trí trung bình là "cạnh" được nhận biết của một dạng chữ cong. Định vị logoforms của bạn là "chính xác" theo khái niệm này. Chìa khóa của khóa học là "làm thế nào để truyền đạt cho khách hàng có đầu óc chữ nghĩa, những người cố định xem liệu serif có dính ra hay định vị theo nghĩa đen như vậy không.

Loại điều này đi vào chơi TẤT CẢ THỜI GIAN trong kiểu chữ. Ví dụ: trong một tiêu đề chính ở giữa, hãy để khoảng thời gian ở cuối dòng nhô ra, do đó, dòng này nằm ngoài trung tâm, nhưng trọng lượng trung bình của dòng là trung tâm chết.

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.