Size: a a a
2018 December 11
Дизайн-концепт продукта коллаборации Carhartt и Nike c ацкентом на шрифт и сетку от Green Chameleon. Интересная текстура. Всё в стиле👌
Интересный интерактивный эффект отталкивания для сетки элементов, созданный с помощью Three.js и TweenMax (GSAP) https://tympanus.net/codrops/2018/12/06/interactive-repulsion-effect-with-three-js/
2018 December 12
Сайт Никколо Миранды один из самых «презентующих» веб-портфолио. Отдельного внимания заслуживает его блог с видеоуроками по веб-дизайну. Не самый доступный и привычный сайт с точки зрения UI и языка, что помогает ему не остаться незамечанным https://www.niccolomiranda.com/
2018 December 13
Отличный эффект быстрого движения для перелистывания слайд-шоу. Анимация сделана с помощью TweenMax https://tympanus.net/codrops/2018/12/11/motion-transition-effect/
2018 December 14
Насколько хорошо у вас натренеровано дизайнерское чутье? С этой игрой можно было бы "расслабиться" в пятницу с пользой. Но не выйдет - от этой игры довольно много стресса, как и от любого другого "тренажера"
https://www.supremo.co.uk/designers-eye/
https://www.supremo.co.uk/designers-eye/
2018 December 16
Эстетический эффект юзабилити: пользователи зачастую воспринимают эстетически приятный дизайн как дизайн более удобный для использования. Такой дизайн позволяет благоприятно повлиять на пользователей, сделав их более терпеливыми к незначительным проблемам с юзабилити. Таким образом можно замаскировать проблемы с юзабилити, а также предотвратить обнаружение такого рода проблем во время юзабилити-тестирования https://lawsofux.com/aesthetic-usability-effect.html
Гарантировать не буду, но в 2019 сайты, которые модифицируют курсоры и используют их для добавления целого спектра новых микровзаимодействий, станут мейнстримом. На самом деле, уже сейчас есть много доступных примеров того, как это можно реализовать. Например, Reticool от Shaw. Его легко подключить куда угодно, а также изменить исходя из своих требований.
Лайв пример Reticool - https://codepen.io/shshaw/pen/VzKNXr
Гифка - https://www.kikk.be
Лайв пример Reticool - https://codepen.io/shshaw/pen/VzKNXr
Гифка - https://www.kikk.be
2018 December 18
Как разнообразить такой элемент, как кнопка, сделав его необычным, но при этом не слишком перегруженным? Неплохой пример такой анимированной кнопки, выполненный по канонам material design, ниже по ссылке. Мне нравится, что она содержит в себе важную для пользователя информативную составляющую и является посредником между ним и сервером.
https://codepen.io/aaroniker/full/ZVOrOZ
https://codepen.io/aaroniker/full/ZVOrOZ
2018 December 19
Немного нордического веб-брутализма от эстонского архитектурного бюро PART http://part.archi/. Шрифты 🙈. А вот эффект со складывающимся экраном выглядит любопытно и действительно цепляет. Ловите код - https://codepen.io/mprquinn/details/RErjGz
