♛ FORTRESS-DESIGN

В Фотошопе шрифты выглядят иначе чем в браузере

При разработке макета сайта в Фотошопе, многие веб-дизайнеры заметили, что шрифты выглядят иначе, чем в браузере, как при включенном, так и при выключенном антиалиасинге. Как добиться наибольшего сходства, и как обстоят дела с рендерингом шрифтов в Индизайне?

Илья Бирман говорит, что это не имеет большого значения.

В браузерах шрифты тоже выглядят по-разному, особенно на разных операционных системах (и вообще, у пользователя может быть не установлен тот шрифт, который вы используете). Размер окна браузера также может отличаться от размера вашего макета. В этом специфика веб-дизайна.

Если вы делаете макет в Фотошопе, полезно бывает выставить режим сглаживания «шарп». Индизайн, по моим наблюдениям, рендерит шрифты очень близко к этому (ну, может быть, немного светлее). Шрифт выглядит немного грязноватым, заставляя нас не забывать увеличивать интерлиньяж, да и вообще делать более лёгкие текстовые конструкции. В результате в браузере всё выглядит отлично.

На то он и макет, а не веб-страница, чтобы выглядеть «иначе». Он проходит несколько итераций: от словесного описания и блок-схемы до реальной сверстанной HTML-страницы.

Кстати, недавно, обнаружил личный блог Миши Cheerful’a. Дизайн хедеримэджа и верстку блога он делал самолично. Это и не удивительно, — Миша занимается созданием сайтов и делает хороший дизайн. Наверняка он тоже знает несколько секретов, которые использует при создании сайтов. Хорошо было бы, чтобы он об этом написал в своем блоге.


Перейти к верхней панели