Веб-дизайн / Советы

20112

09-05-2010

Сегодня мы собираемся поговорить о популярном тренде современного веб-дизайна — типографике. А основные правила от Designshack, изложенные ниже, помогут лучше понять как грамотно интегрировать типографику в дизайн. Следуя этим несложным советам, вы сможете любой заголовок или блок с текстом грамотно сделать одним из значимых элементов дизайна.

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

2. Следите за кернингом
Кернинг предполагает корректировку расстояния между двумя буквами в слове. Причем, зачастую кернинг между одной парой букв может отличаться от кернинга другой пары букв. В этом вопросе не стоит полагаться на автоматику. Иногда лучше отрегулировать расстояние вручную. Поскольку неряшливый кернинг может загубить любую эстетику.

3. Выбирайте уместный шрифт
Выбор подходящего шрифта — процесс ответственный. Недостаточно просто пройти по библиотеке шрифтов и выбрать подходящий. Шрифт должен быть еще и правильным. Поскольку может возникнуть дискомфорт между шрифтом и смыслом написанного. Например, нелогично писать о чемпионе по реслингу шрифтом из группы script, а свадебное приглашение неудачно смотрится в исполнении Cooper Black. Поэтому, чтобы не ошибиться с выбором шрифта лучше побольше узнать о классификациях и типах шрифтов.

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

5.Правильно подбирайте вторую пару к основному шрифту
После того, как вы выбрали основной шрифт, нужно грамотно подобрать ему пару. Вместе они должны не конфликтовать, а наоборот, смотреться гармонично и дополнять друг друга. Так на верхнем примере второй шрифт конфликтует из-за того, что он более декорирован и отвлекает внимание от основного. Гораздо лучше когда шрифты различаются по какому-либо признаку, например жирный шрифт и тонкий.

6.Размер имеет значение
Размер имеет очень даже важное значение. Это можно проиллюстрировать следующим. На первом примере для того, чтобы понять полный смысл написанного, придется прочитать весь текст, поскольку все слова в нем равнозначны. На втором же примере самые значимые слова выделены размером, а значит уйдет меньше времени на то, чтобы понять о чем речь.

7.Отнеситесь к типографике как к искусству
Перестаньте относиться к тексту, просто как к обычному заголовку с текстом. Начните думать о нем, как о полноправном элементе дизайна. Попробуйте создать собственный дизайн, ориентированный на типографику, в котором главным действующим элементом будет выступать текст.

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