Чтобы обеспечить привлекательность сайта, многие дизайнеры продолжают активно использовать большую броскую фотографию в качестве фонового изображения. Такой бэкграунд задает настроение сайта и сообщают пользователю информацию о назначении данного ресурса. Особенно красиво это смотрится, когда фон начинает взаимодействовать с остальными элементами дизайна, когда часть фона становиться элементом переднего плана в сцепке с остальными блоками.
Кнопки, как самостоятельные участники дизайна сайтов, всегда были модны. Но в последний год я бы отметила несомненное лидерство двух вариантов кнопок. Первое — это прозрачные кнопки. Их еще называют пустыми, контурными, призрачными (ghost buttons). Их популярность обусловлена необходимостью экономить и без того ограниченное место на дисплеях мобильных девайсов.
И вторая популярная кнопка — это узнаваемая кнопка меню из трех параллельных полосок для обозначения свертываемого меню. Сейчас я вижу ее не подавляющем большинстве сайтов.
Этот элемент своей популярностью обязан современным возможностям HTML и CSS, которые открыли перед дизайнерами невообразимые просторы для творчества. При этом круглые элементы, например фотографии или иконки смотрятся очень эффектно и стильно. Блоки из круглых элементов очень легко вносят в дизайн разнообразие и своим присутствием разбивают скучную упорядоченность прямых линий.
Этот элемент дизайна играет важную коммуникативную роль при взаимодействии с пользователем. Сюда можно отнести непосредственно призывы к действию, побуждающие пользователя совершить какое то действие, например, «Ищешь то то? Тогда тебе к нам!». Или же это может быть приветствие, интро, типа «Привет! Меня зовут так то и занимаюсь я тем то!». Призывы за счет своей броскости и лаконичности позволяют посетителю быстро сориентироваться на сайте и даже предпринять некое действие, что особенно характерно, например, для лендинг пейдж.
Типографика вот уже на протяжении практически всех последних лет держит несомненную пальму лидерства среди трендов веб-дизайна. Этому есть очевидное логическое объяснение. Во-первых, привлекательная типографика устраняют необходимость в прочих вспомогательных графических элементах, поскольку сама является арт-объектом за счет красивых линий, форм и оригинальности начертания шрифта. А во-вторых, текст при этом еще и несет смысловую информационную нагрузку, передавая пользователю некое сообщение. То есть по сути, соблюдение правил типографики уже может гарантировать красоту дизайна.
Леттерстакинг (англ. letter stacking) — это текст в квадрате. По сути, это пример сложного творческого решения — нужно представить длинный текст в объеме крохотного пространства. При этом, это должно смотреться красиво и оригинально. В этом году это еще и модно.
Графическое представление в виде инфографики все еще популярно и востребовано. Сопровождение текста красивой картинкой или иконкой в совокупности со стильными элементами оформления делают инфографику эстетически привлекательной. Особенно визуально наглядна и интересна сравнительная инфографика — типа было-стало, да-нет, плюсы-минусы, можно-нельзя и т.д. Также с помощью инфографики можно рассказать поэтапную историю или живо представить скучную статистику.
Еще хотела бы отметить один момент, чем мне запомнился минувший год, и скорее всего тенденция будет продолжаться и в 2017. В связи с коммерциализацией рунета и ростом интернет торговли существенно увеличился спрос на графические промо материалы для рекламы и продвижения — баннеры, тизеры, карточки, флаеры.
Популярные модные цвета 2017 года отдают предпочтение яркости и насыщенности. Интересные оригинальные оттенки алого, горчичного, желтого, изумрудного, глубокого синего, а также красная, сиреневая и шоколадная гамма помогут вашему сайту выделиться и приобрести собственный уникальный стиль.
Хорошая альтернатива широкоформатному видео и большой фотографии на бэкграунде. Синемаграфы — это фотографии, на которой происходят незначительные повторяющиеся движения. Обычно они представлены в gif формате и создают зрителю иллюзию просмотра видео. Подробнее о синемаграфии с большим количеством примеров можно посмотреть в подборке Завораживающее движение синемаграфа от Kevin Burg и Jamie Beck