Графическая рифма в веб-дизайне

Графическая рифма – это самый простой, надёжный и эффективный способ сделать дизайн сайта стильным.

Выдано в печать 2015-06-11

Графическая рифма – это самый простой, надёжный и эффективный способ сделать дизайн сайта стильным.

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

То есть графическая рифма – это сходство разных элементов сайта по какому-то принципу. В нашем примере принцип такой: это округлые формы и обводка в 2 пикселя. Если этот принцип повторять, получится графическая рифма и получится стиль.

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

Цветовая рифма. Если логотип сделан в коричневом и голубом цвете, сделай плашку под меню коричневой с голубой полоской.

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

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

По деталям. Например, логотип имеет какую-то красивую, характерную деталь – знак, буквицу или завитушку. Сделай иконки, буллиты, кнопки с использованием этой детали.

По толщине линий. Сделай так, чтобы толщина линий шрифта в кнопке равнялась толщине линии обводки кнопки, и будет красиво.

По шрифтам. Например, логотип сделан в виде названия прописными с подписью курсивным шрифтом. Берем и делаем в таком же виде заголовки разделов сайта.

По взаиморасположению. (например, как знак степени у лого и у иконок) Если графический знак в логотипе расположен сверху и сбоку от названия (как знак степени), размести значки-иконки внутри сайта по тому же принципу. Например, у заголовков.

По интерактивному поведению. Если в меню при наведении текст меняет цвет и появляется цветная подложка – используй тот же принцип в работе кнопок, вкладок на сайте.

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