Perché Helvetica [Neue] sembra assolutamente orribile in Illustrator?

Helvetica è sempre stata orribile in Illustrator CS4 + sul mio Mac, comprese tutte le versioni del sistema operativo, indipendentemente dalle dimensioni o dalle unità. Di seguito sono riportati screenshot di Helvetica a 12px, 24px e 36px.

C'è un modo per contrastare questo? Altri caratteri sembrano grandi, ma Helvetica (Neue o altro) sembra sempre orribile, come se il rendering subpixel fosse disattivato.

Innanzitutto, due cause comuni di testo traballante, disallineato e disgiunto in cui i caratteri non si allineano o si dimensionano correttamente l'uno rispetto all'altro che non sono le cause in questo caso specifico :

• Allineamento errato alla griglia di pixel. Le versioni più recenti di Illustrator hanno un'opzione "Allinea alla griglia di pixel", ma influisce su tutto e ha conseguenze come la prevenzione di larghezze di tratto inferiori a 1pt. Puoi allineare i pixel di singoli oggetti senza altre conseguenze con lo script Pixel Align (download) di Wundes .
• Controlla che il testo non sia leggermente ruotato, in quanto ciò farà impazzire il suggerimento.

Questo caso particolare , tuttavia, è una combinazione del particolare tipo di antialiasing e di suggerimento. In Illustrator CS5 + ci sono opzioni per l'anti-aliasing del tipo simili a quelle di Photoshop, quindi possiamo confrontare le combinazioni (le righe superiori sono 10 Helvetica Neue Light, le righe inferiori 14pt), di cui CS4 sembra usare solo 'Sharp':

Con suggerimenti (ovvero anteprima su schermo o, in CS5 +, salva per il web con "Tipo ottimizzato" selezionato)

Senza suggerimenti (ad es. Salvataggio "ottimizzato per l'arte" per il web o meno di CS4 per il web):

Puoi vedere la brutta distorsione, abbassare le lettere con la punta piatta e sollevare le lettere con la punta arrotondata, che appare quando il suggerimento è attivo e quando l'antialiasing è "Nitido" , indipendentemente dal fatto che l'oggetto stesso sia allineato alla griglia di pixel - perché il suggerimento (regolare i dettagli per adattarli alla griglia dei pixel) sta accadendo a livello di ciascun dettaglio di ciascun carattere, non dell'oggetto di testo stesso.

(Non riesco a trovare nulla che spieghi esattamente cosa fa ogni metodo di antialiasing: sembra che "Crisp" e "Strong" possano effettivamente disattivare i suggerimenti di Illustrator, o almeno, attenuarli)

Si noti inoltre come allineare l'oggetto testo alla griglia di pixel non fare una piccola differenza quando suggerendo è spento (ad esempio il "il" in male nel caso Sharp). Ma c'è una certa casualità in questo. A volte sarà un miglioramento, a volte potrebbe peggiorare il rendering del testo, a volte non farà alcuna differenza.

Su CS6, hai il controllo su queste cose. Su CS4 per il testo nell'immagine per l'output Web, la soluzione alternativa che consiglierei è di copiare gli screenshot dell'anteprima su schermo al 100% in Photoshop quando si desidera un suggerimento e utilizzare Salva per Web più lo script Allinea pixel quando si non voglio suggerimenti e, se del caso, combina le due immagini in Photoshop, sovrapponendole e cancellando le aree di una in cui desideri il rendering dell'altra. In alternativa, applica il testo in Photoshop e usa i suoi controlli anti-aliasing.

Il testo suggerito è in genere migliore per la leggibilità, ma in alcuni casi come questi, va molto male ...

Adobe Illustrator e Adobe Photoshop non usano l'antialiasing subpixel. Questo è uno dei motivi per cui entrambi tendono a rendere il testo peggiore del testo dell'interfaccia utente in OS X. Anche le pagine Web in Safari, Chrome e Firefox vengono visualizzate con antialiasing subpixel nella maggior parte dei casi (dipende dalla pagina Web, dalle tecniche e CSS però).

In effetti, OS X non utilizza sempre l'antialiasing subpixel, solo quando il rendering è su uno sfondo opaco:

Il testo può essere disegnato usando l'antialiasing sotto-pixel solo quando è composto in uno sfondo opaco esistente mentre è rasterizzato.

- Riferimento di classe CATextLayer di Apple

Inoltre, Adobe utilizza un motore di rendering del testo diverso da OS X e Windows, presumibilmente in modo che possano avere risultati coerenti su più piattaforme.

Non sono sicuro del motivo per cui Helvetica Neue sia particolarmente cattiva o diversa. Probabilmente è solo un sintomo di differenze più ampie.

Il mio suggerimento è di aprire il file in Anteprima Apple ogni tanto. Ha un rendering del testo notevolmente migliore. Ciò consente almeno di aggirare il problema fino a quando non si decide di esportare.

Il testo che viene visualizzato sullo schermo di solito ha un certo livello di suggerimento e anti-aliasing applicato. Entrambi hanno lo scopo di rendere il testo più leggibile sullo schermo.

Illustrator qui sta applicando un diverso livello di suggerimento o antialiasing a ciò che normalmente vedi nel tuo sistema operativo, quindi sembra diverso (e per te, sembra sbagliato, perché c'è molta ricerca sull'argomento delle persone che si abituano al modo in cui il loro sistema operativo scelto rende il testo e tutto il resto sembra sbagliato).

La buona notizia è che di solito non importa il risultato finale; quando in Illustrator sei più preoccupato per l'output vettoriale che produce, non per come appare in Illustrator rasterizzato per il tuo schermo. Se Illustrator lo rendesse molto più "gradevole" per te, non darebbe comunque un'ottima anteprima di ciò che sarebbe l'output, dal momento che la visualizzazione rasterizzata dello schermo è un fattore limitante; per avere una buona anteprima delle forme delle lettere devi ingrandire molto da vicino, e per avere una buona anteprima di come appare stampata, devi stamparla.

L' antialiasing del testo sullo schermo aiuta a prevenire le brutte forme delle lettere a seguito della rasterizzazione, ma esistono diversi tipi di antialiasing. La maggior parte dei sistemi operativi oggi utilizza l'antialiasing sub-pixel, che è il tipo più "nitido" perché triplica la risoluzione orizzontale, mentre il campione non mostra l'anti-aliasing sub-pixel. Di conseguenza, gli "steli" verticali non sembrano molto nitidi a dimensioni ridotte.

Il suggerimento del testo sullo schermo aiuta a rendere gli steli e le barre del testo più distinti e più nitidi, spostandoli per allinearli alla griglia dei pixel. I sistemi operativi variano notevolmente nel loro livello di suggerimento con Windows che lo fa in modo molto forte e Mac OS X che non fa quasi nulla. Di conseguenza, qualsiasi cosa diversa da quella a cui sei abituato probabilmente sembra sbagliata (così come i cattivi suggerimenti sembrano sbagliati). Gli esempi forniti mostrano un testo fortemente accennato e l'errore nella parte superiore della "x" minuscola mi porta a credere che Illustrator lo stia auto-suggerendo . Il suggerimento automatico può far sembrare OK alcuni caratteri e altri davvero brutti. Soprattutto se di solito usi Mac OS X, questo ti sembrerà piuttosto sbagliato in entrambi i casi.

Comunque, come detto, non influisce sul risultato finale.

Sembra abbastanza buono sul mio computer:

Dati i limiti del testo rasterizzato, questo è buono quasi quanto si arriva. Caratteri tipografici diversi sono più adatti per caratteri di piccole dimensioni e, a meno che tu non abbia un rendering subpixel, che è disponibile solo per rendering specifici del dispositivo (ad es. Pagina web e testo dell'interfaccia utente), allora devi convivere con il fatto che AA normale ha difficoltà con testo ad alto contrasto (e il nero su bianco è quasi il più alto contrasto possibile) a basse risoluzioni, come i tipici display desktop / laptop 72ppi.

Se usi Helvetica per risoluzioni di stampa di 300 dpi +, o stai eseguendo il rendering su LCD ad alta risoluzione (o solo grandi LCD regolari da 72 PPI progettati per essere visualizzati a distanza), non è un problema.