1. Падающие тени и глубина
Использование теней не нова, так зачем это упоминать? Хотя тени долгое время были основным элементом веб-дизайна, благодаря прогрессу веб-браузеров мы теперь видим некоторые интересные варианты. С сетками и макетами параллакса веб-дизайнеры играют с тенями более чем когда-либо, чтобы создать глубину и иллюзию мира за пределами экрана. Это ответная реакция на тенденции плоского дизайна, которые были популярны в прошлых годах.
Игра теней создает удивительно универсальный эффект, который увеличивает не только эстетику веб-страницы, но также помогает пользователю (UX), делая акценты. Например, использование мягких тонких теней в качестве состояний зависания для обозначения ссылки — это не новая идея, но сочетание их с яркими цветовыми градиентами усиливает трехмерный эффект старых теней.
Примеры:
https://clearbit.com/
http://www.scaleapi.com/
2. Яркие, насыщенные цветовые схемы
2018, безусловно, год для супер насыщенных цветов в онлайне. В то время как в прошлом многие бренды и дизайнеры придерживались веб-безопасных цветов, многие дизайнеры проявляют мужество в своем подходе к цвету, включая пересыщение и яркие оттенки в сочетании с заголовками, которые уже не просто горизонтальны, а напоминают косые черты и жесткие углы.
Частично это связано с технологическими достижениями в мониторах и устройствах с экранами, которые более подходят для воспроизведения более насыщенных цветов. Яркие и даже противоречивые цвета могут быть полезны для новых брендов, которые надеются мгновенно привлечь внимание посетителей, но также идеально подходят для брендов, которые хотят выделить себя среди «веб-безопасного» и традиционного.
Примеры:
https://spotify.com
http://www.egwineco.com/
3. Большие шрифты
Типография всегда была мощным визуальным инструментом, способным создавать индивидуальность, вызывать эмоции и задавать тон на веб-сайте, одновременно передавая важную информацию. И теперь, поскольку разрешение устройств становится более четким и легким для чтения, ожидается огромное увеличение использования пользовательских шрифтов. Исключая Internet Explorer, многие браузеры могут поддерживать ручной шрифт, который поддерживается CSS для веб-браузеров. Тенденция больших букв, контрастных заголовков без засечек и заголовков с засечками помогает создавать динамические параллели, улучшать UX и, самое главное, удерживать посетителя, читающего ваш сайт.
Для веб-страниц, в частности, заголовки являются ключевыми элементами SEO и помогают выдавать информацию для сканирования глаз читателей. Заглядывая в будущее 2018 года, дизайнеры в полной мере воспользуются этим с помощью веб-страниц, в которых большие и удачные заголовки творческих шрифтов выделяются из-за творческих шрифтов.
Примеры:
https://www.femmefatale.paris/en/
http://www.oursroux.com/
4. Ассиметрия
Одним из значительных изменений в 2017 году стало введение асимметричных и нетрадиционных «сломанных» макетов, и эта тенденция в Интернете будет развиваться и в 2018 году. Привлекательность асимметричной компоновки заключается в том, что она уникальна, своеобразна, а иногда и экспериментальна.
Хотя крупномасштабные бренды с большим количеством контента по-прежнему используют традиционные сетчатые структуры, мы ожидаем увеличения использования нетрадиционных макетов в Интернете, поскольку бренды создают уникальный опыт, чтобы выделиться. Традиционным компаниям, возможно, не интересна эта эстетика, но более крупные бренды, которые могут позволить себе быть немного рискованными, ожидают от своих веб-дизайнеров идеи вне шаблонов.
Примеры:
http://dada-data.net/en/hub
http://www.veintidosgrados.com/
5. Динамические градиенты
В течение последних нескольких лет плоский дизайн был наиболее предпочтительным трендом веб-дизайна, но доля градиентов очень сильно возросла в 2018 году. В последнее время градиенты были кругом: они были видны главным образом в виде тонкого затенения, предлагающего 3D (иконки iOS были отличным примером).
Теперь градиенты большие, кричащие и полные цвета. Наиболее популярным последним воплощением является градиентный фильтр над фотографиями — отличный способ сделать менее интересное изображение интригующим. Простой фон градиента также может быть идеальным трендовым решением, если у вас нет других изображений для работы.
Примеры:
http://www.symodd.com/
https://elje-group.com/