4 основных правила дизайна

Хороший дизайн – это так же просто, как 1-2-3.

1. Выучите правила. Они проще, чем можно подумать.

2. Если вы их не соблюдаете, отдайте себе в этом отчет. Сформулируйте их, чтобы обозначить проблему.

3. Примените правила. Результаты вас поразят.

Робин Вильямс

Робин Вильямс (известный дизайнер, автор бестселлера «Дизайн для недизайнеров»; не путайте с известным актером) предлагает четыре правила оформления текстов. Просто соблюдайте их.

1. Контраст

«Если элементы просто неодинаковы (отличаются цветом, размером, толщиной линий, формой и т. д.), необходимо сделать их очень разными (выделено В. Н., И. П.).

Контраст нередко является самым сильным визуальным средством привлечения внимания – именно он заставляет читателя посмотреть на страницу».

Самый простой пример контраста – это большой/маленький шрифт. Заголовки и подзаголовки должны выделяться РАЗМЕРОМ на фоне основного текста. Можно играть не только величиной букв, но и шрифтами.

Контраст должен помогать читающему сразу постичь структуру текста.

Например, заголовок – покрупнее, подзаголовок – мельче, текст – чуть мельче и примечания – еще мельче. Тут много раз звучит слово «мельче», но оно говорит о соотношении размеров шрифтов, а не о том, что примечания будут такими меленькими-меленькими, что прочесть нельзя.

Я (И. П.) использую такие размеры при написании статей. Допустим, шрифт Times New Roman. Заголовок – кегль 16, подзаголовки и основной текст – 14, примечания и дополнения – 12. Само собой, заголовки выделяю полужирным начертанием.

Существует мнение, что есть стандарт – для основного текста использовать размер кегля 12. Может быть.

Но я предпочитаю 14. Потому что так читать легче и глазу приятнее.

2. Повтор

«Принцип повтора гласит: некоторые компоненты дизайна должны повторяться по всей публикации».

Повторяться могут:

• маркеры списков,

• шрифты,

• цвета,

• пространственные взаимосвязи и т. п.

Определите свой стиль оформления и придерживайтесь его. Откройте любой журнал и газету – и вы увидите единство оформления заголовков, текстов, иллюстраций. Сайт gazeta.ru – отменная иллюстрация к тому, как должен выглядеть текст.

И все же… Если вы один список промаркируете знаком •, следующий – *, то это не есть хорошо.

3. Приближенность

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

Элементы или их группы, не имеющие отношения друг к другу, не должны находиться рядом».

Пример этого правила – обыкновенная визитка.

И. П. сделал себе визитку на спор:

1. Ф. И. О. – Доктор Воф-Ху (если не знаете, кто это, то вам должно стать стыдно, и вы броситесь перечитывать О’Генри «Трест, который лопнул»).

2. Звание и профессия – Один из Единых Сенедрионов и Явных Монголов Внутреннего Храма, медиум, колоратурный гипнотизер и спиртуозный контролер человеческих душ.

Далее – контакты и сайты.

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

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

В написании статьи принцип приближенности не так очевиден, но если вы будете готовить тексты объявлений, то это вам пригодится.

4. Выравнивание

«Ни один элемент страницы не должен занимать случайное место. Каждый нуждается в визуальной связи с соседними. Благодаря этому страница выглядит ясно, утонченно и свежо.

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

Именно строгое выравнивание придает странице индивидуальность: утонченную, официальную, забавную или серьезную».

Все должно быть выровнено относительно всего.

Посмотрите на оформление обложек журналов, проведите мысленно вертикальные линии слева и справа от логотипа. Вы увидите, что все стоит друг под другом ровно.

Когда текст выравнивается по центру, то выравнивания нет, потому что слева и справа получаются рваные края. У новичка ложное представление о симметрии текста, так как выравниванием по центру достигается симметрия только относительно центральной линии. Но в остальном.

Хотя в одном случае выравнивание по центру вполне допустимо.

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

Выравнивайте текст по левому краю или по ширине.

Первую главу из книги Робина Вильямса «Дизайн для недизайнеров» необходимо прочитать. Хотя бы для того, чтобы посмотреть иллюстрации к каждому закону дизайна.

Пока просто запомните:

• текст выравниваем по левому краю или по ширине;

• выбираем два-три шрифта для оформления;

• используем разные размеры шрифта для создания контраста.