Ui Web Design

2021-06-01 18:08:36 Красивые и правильные работы — это всегда хорошо. Можно что-то почерпнуть для себя из них. А где же все это применять? Далеко не всегда выпадает возможность поработать над конкурсным проектом. Так что же делать?
Бренд одежды из Бельгии решил применить совсем немного трендов awwwards своем обычном интернет магазине. Посмотри, что из этого получилось.

Сайт тут Открыть/Комментировать

2021-06-01 13:00:46 Дизайн-макеты сайтов для Вашего вдохновения и развития

Реальные макеты для вёрстки — канал, на котором собраны исходники реальных проектов, преимущественно на русском языке, изучая которые можно не только вдохновиться, но и почерпнуть новые знания, а также повысить свою насмотренность. Это позволит Вам креативно и быстро решать задачи, поставленные перед Вами.

Присоединяйтесь, вдохновляйтесь, развивайтесь! Открыть/Комментировать

2021-05-31 13:43:17 Еще один пример анимации движения активного объекта
Отсылка к этому посту, где тоже двигалась баночка, но в том примере баночка просто двигается ради движения и никакой смысловой нагрузки не несет. Тут же у нас банка поворачивается нужной стороной в нужный момент. Например, когда мы докручиваем сайт до раздела "ингредиенты" баночка поворачивается тем боком, где написаны ингредиенты и тд.
Что это значит? Это значит, что я повертел продукт в руках, не покупая его и точно знаю что внутри этой баночки. Это значит, что кто-то не просто выучил как делать анимашки в ае, а еще и немного подумал, как бы так сделать, чтобы пользователь получил не просто анимацию, а еще и пользу от этого движения.

Ссылка на проект Открыть/Комментировать

2021-05-30 09:49:33 Отличный пример работы с типографикой.
Прямо, хочется читать этот дизайн

Линк на автора Открыть/Комментировать

2021-05-29 09:14:31 24 апреля день памяти жертв геноцида Армян в Османской Империи (сейчас Турция), который унес жизни более 1,5 миллиона человек. Этот ужасающий эпизод XX века показал, что человек может быть зверем, которому чужды сострадание и человечность. У армян во всем мире на генном уровне зашита вся боль и гнев.

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

В солидарность, @artmilitonian сделал этот лонгрид для освещения и культурного наследия.

Сайт собран на ReadyMag. Рекомендую просматривать проект на десктопе или landscape мобильной версии.

https://genocide.greatarmenia.org

Работа взяла все награды по дизайну: CSS Design Awards, Awwwards, The FWA. Номинировалась на сайт месяца от CSS Design Awards. Отмечена журналами Mindsparkle Magazine и Communication Arts.

Канал автора @designindex Открыть/Комментировать

2021-05-28 10:24:59 Сайт-портфолио дизайнера интерьеров
Примечательно, что в слайдере меняются не только фото работ, а и фон. Он не только по цветовой гамме подходит к фото, а если присмотреться, еще и к текстурам в самих работах

Сайт тут Открыть/Комментировать

2021-05-27 10:08:11 Еще один пример использования минимум цветов в работе
Акценты выполнены за счет типографики и контраста, а не цвета, что есть круто

Кстати, ребята пишут, что это работа для реального клиента. Интересно будет увидеть финальный результат

Линк на автора Открыть/Комментировать

2021-05-26 13:46:59 Такой анимацией продукта уже никого не удивить. Было 1000 раз, но есть нюанс
Мы можем просто добавить поворот банки/чего угодно в свой дизайн, приправить это крутой типографикой и стилями. Этого будет вполне достаточно. Точно так же, как в примере на видео. А можем не просто вертеть банку, а со смыслом, ведь анимация ради анимации — это не хорошо
Как именно повертеть баночку, чтобы это не просто выглядело круто, а еще и несло определенный смысл расскажу в одном из следующих постов. С примерами, конечно же

Линк на концеп с дрибла Открыть/Комментировать

2021-05-25 10:41:30 Промо сайт от Adidas
Используется масса 3D объектов, что уже немного раздражает, но прелесть дизайна тут не в мастерстве создателей моделей, а в подаче. При прокрутке товара ты видишь его характеристики, которые, как и положено 3d, появляются как в той части модели, где они применяются.
Переход по товарам, музыкальное сопровождение и доп предметы в кадре — все это создает тот самый эффект присутствия, особенно для ца этого сайта

Сайт тут Открыть/Комментировать

2021-05-23 12:03:03 Необычная реализация прокрутки на сайте
Такие проекты заставляют мыслить нестандартно

Работа тут Открыть/Комментировать