Tại sao Helvetica [Neue] trông hoàn toàn khủng khiếp trong Illustrator?

Helvetica luôn trông khủng khiếp trong Illustrator CS4 + trên máy Mac của tôi, bao gồm tất cả các phiên bản HĐH, bất kể kích thước hay đơn vị. Dưới đây là ảnh chụp màn hình của Helvetica ở 12px, 24px và 36px.

Có cách nào để chống lại điều này? Các phông chữ khác trông tuyệt vời, nhưng Helvetica (Neue hay nói cách khác) luôn trông khủng khiếp, như thể tắt kết xuất subpixel.

Đầu tiên, hai nguyên nhân phổ biến của văn bản rườm rà, sai lệch, rời rạc trong đó các ký tự không xếp hàng hoặc kích thước chính xác tương đối với nhau không phải là nguyên nhân trong trường hợp cụ thể này :

• Căn chỉnh sai cho lưới pixel. Các phiên bản gần đây hơn của Illustrator có tùy chọn 'Align to pixel lưới', nhưng nó ảnh hưởng đến mọi thứ và có hậu quả như ngăn chiều rộng đột quỵ dưới 1pt. Bạn có thể căn chỉnh pixel các đối tượng riêng lẻ mà không có hậu quả khác với tập lệnh Pixel Align (tải xuống) từ Wundes .
• Kiểm tra kỹ xem văn bản không được xoay một chút, vì điều này sẽ làm cho gợi ý trở nên khó hiểu.

Tuy nhiên, trường hợp cụ thể này là sự kết hợp của loại khử răng cưa và gợi ý cụ thể. Trong Illustrator CS5 +, có các tùy chọn về cách loại khử răng cưa tương tự như trong Photoshop, vì vậy chúng tôi có thể so sánh các kết hợp (hàng trên cùng là 10 Helvetica Neue Light, hàng dưới 14pt), trong đó CS4 dường như chỉ sử dụng 'Sắc nét':

Với gợi ý (nghĩa là xem trước trên màn hình, hoặc, trong CS5 +, lưu cho web với "Loại được tối ưu hóa" được chọn)

Không có gợi ý (tức là được tối ưu hóa 'tiết kiệm' cho web hoặc ít hơn CS4 lưu cho web):

Bạn có thể thấy biến dạng xấu xí, hạ thấp các chữ cái đầu phẳng và nâng các chữ cái đầu tròn, xuất hiện khi gợi ý được bật và khi khử răng cưa là 'Sắc nét' , bất kể chính đối tượng có được căn chỉnh theo lưới pixel hay không - bởi vì gợi ý (điều chỉnh chi tiết để phù hợp với lưới pixel) đang diễn ra ở cấp độ của từng chi tiết của từng ký tự, chứ không phải chính đối tượng văn bản.

(Tôi không thể tìm thấy bất cứ điều gì đánh vần chính xác những gì mỗi phương pháp khử răng cưa làm - có vẻ như 'Sắc nét' và 'Mạnh mẽ' thực sự có thể đang tắt gợi ý của Illustrator, hoặc ít nhất, làm giảm bớt nó xuống)

Cũng lưu ý cách căn chỉnh đối tượng văn bản với lưới pixel sẽ tạo ra một sự khác biệt nhỏ khi tắt gợi ý (ví dụ: "il" trong Evil trong trường hợp Sharp). Nhưng có một lượng ngẫu nhiên nhất định cho việc này. Đôi khi nó sẽ là một sự cải tiến, đôi khi nó có thể làm cho kết xuất văn bản tệ hơn, đôi khi nó sẽ không có gì khác biệt.

Trên CS6, bạn có quyền kiểm soát những thứ này. Trên CS4 cho văn bản hình ảnh cho đầu ra web, cách giải quyết tôi khuyên bạn là sao chép ảnh chụp màn hình của bản xem trước trên màn hình ở mức 100% sang Photoshop khi bạn muốn gợi ý và sử dụng Save For Web cộng với tập lệnh Pixel Align khi bạn không muốn gợi ý và khi thích hợp kết hợp hai hình ảnh trong Photoshop, phủ lên chúng và xóa các khu vực của một nơi mà bạn muốn kết xuất hình ảnh kia. Hoặc, áp dụng văn bản trong Photoshop và sử dụng các điều khiển khử răng cưa của nó.

Văn bản được đề xuất thường tốt hơn cho khả năng đọc, nhưng trong một số trường hợp như thế này, nó đã đi sai ...

Adobe Illustrator và Adobe Photoshop không sử dụng khử răng cưa subpixel. Đây là một trong những lý do tại sao cả hai đều có xu hướng kết xuất loại kém hơn văn bản giao diện người dùng trong OS X. Các trang web trong Safari, Chrome và Firefox cũng hiển thị với khử răng cưa subpixel trong hầu hết các trường hợp (nó phụ thuộc vào trang web, kỹ thuật và CSS mặc dù).

Trên thực tế, OS X không sử dụng khử răng cưa subpixel mọi lúc, chỉ khi kết xuất trên nền mờ:

Văn bản chỉ có thể được vẽ bằng cách sử dụng khử răng cưa pixel phụ khi nó được ghép vào một nền mờ hiện có cùng lúc với nó được rasterized.

- Tham khảo lớp CATextLayer của Apple

Ngoài ra, Adobe sử dụng một công cụ kết xuất văn bản khác với OS X và Windows, có lẽ để họ có thể có kết quả đa nền tảng nhất quán.

Tôi không chắc tại sao Helvetica Neue đặc biệt xấu hay khác biệt. Nó có lẽ chỉ là một triệu chứng của sự khác biệt rộng lớn hơn.

Đề nghị của tôi là mở tệp trong Apple Preview mỗi giờ và sau đó. Nó có kết xuất văn bản tốt hơn nhiều. Điều này cho phép bạn ít nhất làm việc xung quanh vấn đề cho đến khi bạn quyết định xuất.

Văn bản được hiển thị trên màn hình thường có một số mức độ gợi ý và khử răng cưa được áp dụng. Cả hai đều nhằm mục đích làm cho văn bản dễ đọc hơn trên màn hình.

Illustrator ở đây đang áp dụng một mức độ gợi ý hoặc khử răng cưa khác với những gì bạn thường thấy trong hệ điều hành của mình, vì vậy nó trông khác (và đối với bạn, có vẻ sai, vì có nhiều nghiên cứu về chủ đề mọi người đã quen với cách này hệ điều hành được chọn của họ hiển thị văn bản và mọi thứ khác có vẻ sai).

Tin tốt là nó thường không quan trọng đến kết quả cuối cùng; Khi trong Illustrator, bạn quan tâm nhiều hơn đến đầu ra vector mà nó tạo ra, chứ không phải nó trông như thế nào trong Illustrator được rasterized cho màn hình của bạn. Nếu Illustrator hiển thị nó rất "đẹp" hơn cho bạn, thì nó vẫn không thể đưa ra một bản xem trước rất tốt về đầu ra sẽ là gì, vì màn hình rasterized của màn hình là một yếu tố hạn chế; để có được bản xem trước tốt về các hình dạng chữ cái bạn cần phóng to rất gần và để có được bản xem trước tốt về hình dạng của nó được in - bạn phải in nó.

Việc khử răng cưa của văn bản trên màn hình giúp ngăn hình dạng chữ xấu xí do hậu quả của việc rasterisation nhưng có nhiều loại khử răng cưa. Hầu hết các hệ điều hành ngày nay sử dụng khử răng cưa pixel phụ là loại "sắc nét" nhất vì nó tăng gấp ba lần độ phân giải ngang, trong khi mẫu của bạn không hiển thị khử răng cưa chống pixel phụ. Kết quả là, "thân cây" thẳng đứng không trông rất sắc nét ở kích thước nhỏ.

Các gián tiếp của văn bản trên màn hình giúp làm cho thân cây và quán bar của văn bản rõ ràng hơn và sắc nét hơn, bằng cách chuyển chúng đến class với lưới pixel. Các hệ điều hành khác nhau rất nhiều về mức độ gợi ý với Windows làm điều đó rất mạnh mẽ và Mac OS X hầu như không làm gì cả. Kết quả là bất cứ điều gì khác với những gì bạn đã sử dụng có thể trông sai (như gợi ý xấu cũng nhìn sai). Các mẫu bạn cung cấp hiển thị văn bản được gợi ý nhiều và lỗi ở đầu chữ thường "x" khiến tôi tin rằng Illustrator đang tự động ám chỉ nó. Tự động gợi ý có thể làm cho một số phông chữ trông ổn, và những phông chữ khác trông thực sự xấu. Đặc biệt nếu bạn thường sử dụng Mac OS X, điều này có vẻ khá sai đối với bạn.

Dù sao, như đã nói, nó không ảnh hưởng đến kết quả cuối cùng.

Nó trông khá tốt trên máy tính của tôi:

Với những hạn chế của văn bản rasterized, điều này là tốt như nó được. Các kiểu chữ khác nhau phù hợp hơn với kích thước phông chữ nhỏ và trừ khi bạn có kết xuất pixel phụ, chỉ có sẵn cho kết xuất cụ thể của thiết bị (ví dụ: trang web và văn bản UI), thì bạn cần phải sống với thực tế là AA thông thường gặp khó khăn với văn bản có độ tương phản cao (và màu đen trên nền trắng có độ tương phản cao như vậy) ở độ phân giải thấp, chẳng hạn như màn hình máy tính để bàn / máy tính xách tay 72ppi điển hình.

Nếu bạn sử dụng Helvetica cho độ phân giải in 300dpi + hoặc bạn đang hiển thị trên màn hình LCD độ phân giải cao (hoặc chỉ là 72 LCD PPI thông thường lớn được thiết kế để xem từ xa), thì đó không phải là vấn đề.