Брутализм в веб-сайтах

· · 1098

Предупреждаем дизайнеров, мы сталкиваемся с вторжением. ”Брутальным" вторжением гигантских курсоров, сумасшедших hover-эффектов и непригодных галерей. Брутализм в веб-дизайне смеется в лицо рационализму и функциональности, в мире дизайна он может быть определен как фристайл, уродливый, невежественный, сырой, поверхностно-декоративный и т.д. 

Как узнать сайт в стиле брутализм?

В сайте можно увидеть чрезмерное количество элементов приходящих из UX вселенной и дизайна взаимодействия - эффектов наведения, микровзаимодействия,  шрифтов, цветов, типографики, икон поп культуры и изображений в странных и самых неудобных местах, фотографий, которые появляются и исчезают самым неожиданным образом и длинный список анти-пользовательских приемов. Можете наблюдать это в подборке брутальных сайтов. 

Брутальное меню

Брутальное меню

перекрытие изображений в галерее

Перекрытие изображений в галерее

HAWRAF

HAWRAF

разрушенная сетка

Разрушенная сетка

Chrissie Abbott брутальная галерея

Chrissie Abbott брутальная галерея

Keith Alva - Fake Designer

Keith Alva - Fake Designer

Apelido & Apelido

Apelido & Apelido

Прокрутка с изменением цвета

Прокрутка с изменением цвета

Макет на основе типографики и милых стилей шрифтов

Макет на основе типографики и милых стилей шрифтов


Images on Hover Effects In Hovers, Cursors and Cute Interactions

Scroll Distortion Effect Navigation In The Best of Navigation

Brutalist Scroll Interactions by Jack Wild In UI Animation and Microinteractions

WebGL Cloth Effect on Transition In Filters and Effects

Changing Background Image Menu In Menus Inspiration

Cloth Effect Image Gallery In Image Galleries and SlideShows

Experimental Navigation Gallery In The Best of Navigation

Project list hover effects - Jacob Sutton In Hovers, Cursors and Cute Interactions

Typography and Maneki-neko scroll animation In Hovers, Cursors and Cute Interactions

Machine Slot Navigation - Lazy Eyes In Image Galleries and SlideShows

chkchkchk - music page In Brutalism

chkchkchk - cursor interaction In Hovers, Cursors and Cute Interactions

Brutalist Style Shop In E-Commerce

Colorful Hover Shake Effect In Hovers, Cursors and Cute Interactions

Full Screen Epilepctic Menu In Menus Inspiration

Hover Effects and Background Pattern Animation In Hovers, Cursors and Cute Interactions

Перевод статьи Brutalism: BrutAl wEbsIteS for mOdern dAy webMAsTeRS

2

подписаться

Чтоб оставить комментарий нужно войти или зарегистрироваться