У меня вот этот на примете. И еще вот этот
А у вас?

Напоминаю что такое типограф и зачем он.

«Типограф — сервис, предназначенный для подготовки текста к web-публикации в соответствии с правилами экранной типографики. Может выступать как модуль системы управления сайтом или отдельное приложение.» — Википедия

Читаю одну книжку. Очень грамотная, советую всем веб-дизайнерам. Я ее в интернете качнул. Когда найду в магазине, обязательно куплю. Называется: «Редактируем дизайном» Автор: Ян В Уайт. Вот решил маленький кусочек отрерайтить. Поехали…

Прочитать полностью

Нашел статью на хабре, хочу ее здесь закопипастить. Так мне удобнее будет ее использовать для справки. Очень полезная.

Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:

1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
3. W3C-метод – используем

   @font-family

   и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.

Прочитать полностью

Знаете ли Вы, что 95% всей информации в Интернете – текст? Из этого логично вытекает, что любой веб-дизайнер обязан иметь должную подготовку по основному предмету построения информации в письменном виде, или попросту: типографике.

Типографика – информационный дизайн

Эмиль Рудер, известный типограф из Швейцарии, в 1969 году писал о материалах для печати своего времени так, как мы могли бы с легкостью сказать о современных веб-сайтах:
В наши дни мы просто затоплены настолько огромным потоком изданий, что сильно влияет на стоимость индивидуальной работы – она сокращается. Наши современники просто неспособны принять все то, что печатается сегодня. Основная задача типографа – правильно разделить, удобно организовать и должным образом интерпретировать всю эту массу печатных изданий таким образом, чтобы у читателя был шанс найти то, что интересно именно ему.

Прочитать полностью

Ссылки

С «древних времён» ссылки выделялись подчёркиванием. Ну так уж повелось. С тех пор, люди настолько привыкли к этому, что каждый раз, как видят подчёркнутый текст, сразу пытаются его ткнуть. И если ожидаемый результат не произошёл, то пользователь чувствует себя обманутым.

Ни в коем случае не используйте подчёркивание в качестве декоративного оформления каких либо элементов кроме ссылок.

Ссылки обязательно должны чем-то отличаться от основного текста, пользователь должен сразу понять, что этот текст кликабелен. Отличаются они как правило цветом и подчёркиванием. Если цвет, одно из основных отличий ссылок, то подчёркивание применять не обязательно. К цвету можно так же добавить полужирное начертание, но не стоит злоупотреблять. Например, в больших статьях, ссылки не должны сильно контрастировать с основным текстом ни по цвету, ни по начертанию, иначе они, как бельмо на глазу, будут только мешать восприятию информации. Опять же, полужирным начертанием выделяются основные ключевые моменты в тексте, если все ссылки жирно выделять, то это вызовет некоторое непонимание в расставленных акцентах.


Прочитать полностью

Хочу напомнить (чтоб не было лишних вопросов), что упомянутые в статьях «Дизайн текста» элементы HTML используются для стандартного способа отображения содержимого. Здесь не рассматриваются варианты нестандартной вёрстки страницы с помощью этих элементов.


Прочитать полностью

Списки бывают упорядоченные (<ol>) и неупорядоченные (<ul>). Упорядоченные, обычно, отображаются с нумерованным арабскими цифрами маркером. Неупорядоченные могут быть с маркерами вида: закрашенный кружочек, незакрашенный кружочек, закрашенный квадратик (как вижу, так и называю) или любой другой рисунок.


Прочитать полностью

Если основные моменты рассмотренные в предыдущей статье в той или иной степени учитываются дизайнерами и верстальщиками, то остальные элементы могут остаться без должного внимания или быть совсем проигнорированными. Это в основном касается элементов специфического назначения, или элементов использование которых не является существенно необходимым.


Прочитать полностью

Очень часто, нарисовав страницу, начинающие дизайнеры на этом останавливаются и считают работу законченной. Это, конечно, так, но только в том случае, если заказана одна страница. Если сделан заказ на дизайн всего сайта, то нужно всегда помнить о том, что на страницах может быть содержимое любого рода, начиная от шести уровней заголовков заканчивая врезками и плашками.

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

Допустим, что уже подобраны основные цвета сайта, стилизация графических элементов. Теперь нужно разобраться с текстом.


Прочитать полностью

Множество людей, включая дизайнеров, думают, что типографика – это только выбор гарнитуры, размера шрифта и того, должен ли он быть нормальным или полужирным. Для большинства людей на этом все и заканчивается. Но для получения хорошей типографики нужно гораздо больше и как правило это детали, которые дизайнеры часто игнорируют.
Эти детали дают дизайнеру полный контроль, позволяет ему создавать прекрасные и последовательные с точки зрения типографики решения в дизайне. Хотя все это применимо для различных типов носителей, в этой статье мы сосредоточимся на том, как их применить к веб-дизайну с использованием CSS. Вот 8 простых путей с помощью CSS улучшить типографику и, следовательно, общее удобство дизайна.


Прочитать полностью