Иконки, шрифты, PSD файлы, кисти и рамки для Фотошопа

• Tweet
• Sharebar

• Tweet

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

Не используйте слишком много шрифтов

Старайтесь, чтобы у ваших документах или сайтах можно было найти последовательность. Это соединяет все части в одно целое и позволяет не запутаться в структуре. Хорошим тоном считается использование не более, чем трех различных шрифтов

Иерархия

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

Размер шрифта

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

8-10pt для основного текста

Старайтесь придерживаться этих величин. Это делает массив текста ухоженным и аккуратным, а также позволяет сделать заметным выделение заголовков и важных элементов. И запомните, никогда не переходите за границы 12pt.

Нечитаемый шрифт – это не шрифт

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

Высота строк

О междустрочном пространстве очень часто забывают дизайнеры, ведь намного проще просто использовать стандартное расстояние. Но поверьте мне, благодаря правильно выставленной высоте линий можно намного улучшить вид документа. Лично мне нравиться немножко сжимать стандартную высоту строк. То есть, если размер шрифта 12pt, а автоматически выставленное расстояние 16pt, то я его сжимаю до 14pt. Особенно хорошо это работает с такими шрифтами, как Helvetica. Главное здесь не перестараться, чтобы текст на наваливался друг на друга

Кернинг

Кернинг – это горизонтальное пространство между буквами. Точно также, как и в высоте строк оно требует пристального внимания и каждый случай следует рассматривать по отдельности. Например, для шрифтов Helvetica и Futura я предпочитаю его немножко уменьшать. Но необходимо следить за тем, чтобы при ручной настройке расстояния отдельные буквы не соединялись между собой, как это может происходить между r и t.

Акцент и подчеркивание

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

Не перегибайте палку с выделением

Выделяя слово или участок текста, используйте либо курсив, либо подчеркивание, но никогда не соединяйте их. Слишком большой акцент сделает страницу грязной и запутанной.

Не используйте строчные буквы в теле документа

Наверное, самое простое правило. Никогда не пишите строчными, это ухудшает читаемость.

Всегда выравнивайте текст по линии

Еще одно простое правило. В идеале используйте выравнивание не только по горизонтали, но и по вертикали.

Придерживайтесь стандартов выравнивания

Для англоязычного Интернета хорошим тоном считается выравнивание по левому краю, для русскоязычного – по всей ширине (justify). По этому при создании сайта стоит обращать внимание и на такие отличия

Длина строк

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

Пунктуация и маркированный список

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

Ряд Фибоначчи

Первые числа ряда Фибоначчи – 0 и 1, все остальные числа являются слагаемым двух предыдущих. Еще со времен Ренессанса множество архитекторов и творцов следовали правилу «золотого соотношения». В типографике оно выражается через соотношение размеров шрифтов, величину отступа, высоту строк и т.п. Если вы его также учтете при разработке дизайна, то придадете натуральную утонченность работе.

0 1 1 2 3 5 8 13 21 34 55 89 144…

Послесловие

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