Сегодня создание сайтов требует новых приёмов оформления. Ниже представлены основные тренды веб-дизайна 2018 года.
Интерактивный скролл — неплохая замена традиционному курсору, который прежде мог лишь трансформироваться в тот или иной значок вроде стрелки или пальца. Но теперь можно сделать курсор, одновременно выполняющий функции элемента. Ниже его высвечиваются переходы на страницы, а другие элементы меняются или взаимодействуют с ним. При помощи этой техники может быть создан, к примеру, трёхмерный параллакс-эффект, когда фоновые слои, имеющие различные текстуры, движутся с разными скоростями.
пример интерактивного скролла на сайте volcan.com
SVG-маска является дополнительным слоем над частично скрытым ею контентом. Маска применяется к любому элементу и сама может быть чем угодно — например, картинкой или геометрической фигурой. В программе Photoshop при помощи масок вырезаются дырки в слоях. Также для изготовления SVG-маски могут накладываться 6 квадратов. Эта техника может применяться при заливке текста, создании переходов по типу «карусели» и пр.
Пример SVG-маски на сайте richbrown.info
Canvas — более сложная 2D-графическая техника такого рода, в отличии от SVG обеспечивающая синхронизацию с движением курсора. Растровые двухмерные изображения здесь создаются скриптами. С её помощью удобно отрисовывать графики в статьях, создавать игровые поля для браузерных игр, встраивать видео. Существенным преимуществом технологии является относительно малый объём занимаемой памяти.
WebGL — cоздание с помощью JavaScript интерактивной графики в трёхмерном пространстве совершенствуется с помощью программной библиотеки WebGL. Данная технология интенсивно развивается. Пример её эффективного использования — сайт Globekit.
Пример WebGl на сайте GlobeKit
