Оди
35.2K subscribers
26.9K photos
1.29K videos
144 files
5.68K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia
В реестре: vk.cc/cKf8V5

Автор проекта: @kirillgreen
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Flox — сайт сервиса для создания виртуальных сред разработки

Эстетичный сайт с приятной гаммой, продуманными анимациями и элементами геймификации

Скриншоты: awdee.ru/flox-site-of-a-service-for-creating-virtual-development-environments

flox.dev

#awd_web #awd_site
👍10🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Приём: блюр на тексте

Кайфовый приём на сайтах и в айдентике — размытие текста, заголовков и надписей. Он не новый, но всё ещё выглядит свежо и оригинально. Особенно, если использовать его в динамике. Например, как ховер-эффект или эффект загрузки

🙂️️️️️️ Го смотреть: awdee.ru/reception-blur-on-the-text

#awd_technique #awd_identity #awd_site #awd_web
Please open Telegram to view this post
VIEW IN TELEGRAM
👍30💩10💘43🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт почтового клиента Tatem

Сайт выглядит стильным и проработанным за счёт аккуратной вёрстки, а продуманные анимации по скроллу делают демонстрацию продукта более осмысленной

tatem.com

Больше скриншотов: awdee.ru/tatem-email-client-website

#awd_web #awd_site
👍10🔥5👀1
Коллекция годных примеров интерактивной анимации элементов сайта

На сайте Web Interactions Gallery собраны хорошие примеры реализации переходов между страницами, индикаторов загрузки, появления секций и меню сайта. Сейчас в коллекции порядка 120 примеров, они разбиты на типы и сопровождаются коротким видео

webinteractions.gallery

#awd_web #awd_site #awd_collection #awd_ui
👍15
This media is not supported in your browser
VIEW IN TELEGRAM
На сайте daylightcomputer.com очень кайфово применили скролл, чтобы показать суть и пользу устройства

#awd_web #awd_site
2🔥35
Тренд: вёрстка лендингов в одну колонку

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

Смотрится свежо, упрощает адаптацию к разным устройствам, проще управлять вниманием зрителя

Примеры, которые я нашёл:
alexandersandberg.com/balance
spoil.me
sfcompute.com
supertape.com (почти, но не совсем)

Если знаете другие примеры, присылайте в комментарии

#awd_web #awd_trend #awd_site
🔥36👍12💩3🤡2💘2
Media is too big
VIEW IN TELEGRAM
Зацените сайт Antimetal

Классный пример сторителлинга на лендинге. Лендинг рассказывает про новый продукт, который обещает помочь разработчикам строить и поддерживать надёжную IT-инфраструктуру для своих проектов

antimetal.com

#awd_web #awd_site
🔥20
Media is too big
VIEW IN TELEGRAM
И ещё один впечатляющий сайт из свежего: Adaline

Лендинг платформы для разработки и управления LLM‑приложениями. Нетривиальные анимации и эффектные трёхмерные пролёты

www.adaline.ai

#awd_web #awd_site
🔥9😱8💘1
This media is not supported in your browser
VIEW IN TELEGRAM
Frontify — сайт платформы для управления шаблонами и гайдлайнами бренда

Приятная типографика с крупными заголовками и ненавязчивая анимация по скроллу

frontify.com

#awd_web #awd_site
🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
Azak — сайт компании, которая производит инновационные колёса

Колесо представляет собой модульную систему: мотор, аккумулятор и элементы управления встроены прямо в него. Такие устройства позволяют превратить в транспортное средство практически что угодно

Качественные 3D-модели на сайте, анимации, нейтральные цвета и лаконичный гротескный шрифт — всё подчёркивает технологичность и инженерную эстетику

azak.co

#awd_web #awd_site
🔥10🌚3
Айдентика студии видеопродакшена Church

Дизайнеры агентства PORTO ROCHA разработали дерзкую айдентику, бросающую вызов традиционному и привычному. Масштабируемый логотип вдохновлён величественным видом на соборы снизу. Знак динамичен, показывается во всевозможных ракурсах и отражает дух креативного бренда, который подходит к проектам с разных и неожиданных сторон

Идея непрестанного движения и развития продолжается и на сайте. Его многомерное пространство как бы приглашает исследовать богатый художественный мир Church, где за новой перспективой ждут удивительные открытия

#awd_identity #awd_site #awd_web via portorocha.com/church
🔥14👎2😎1
Айдентика греческого ресторана Tzaki

Студия After Hours переосмыслила средиземноморскую эстетику и отошла от привычного бело-синего оформления греческих таверн. Так около Мельбурна появился ресторан, который «переносит» посетителей в аутентичные Афины — город, сочетающий изящество и гранж, античную историю и дерзкое уличное искусство

Логотип вдохновлён афинскими вывесками и древними колоннами. Сочетание шрифтов GT Alpina Typewriter и Helvetica Now олицетворяет диалог между наследием и современностью. Игривые анимации на сайте и яркий акцентный цвет передают ощущение оживлённого мероприятия

#awd_identity #awd_site #awd_web via afterhoursstudio.com.au/work/tzaki
🔥24💘9👍4
Media is too big
VIEW IN TELEGRAM
The New Industrials — стильный лонгрид дизайн‑студии Raw Materials

Это рассказ о промышленных компаниях нового поколения, которые создают технику для разных отраслей — от логистики до космической индустрии

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

thenewindustrials.com

#awd_site #awd_web
👀31💅1
Visual Electric — сайт сервиса для генерации фото и видео

Под капотом — известные ИИ-модели, такие как GPT Image, Flux Ultra, Imagen 4 или Veo 3. Вся работа проходит на бесконечном холсте, есть библиотека стилей и мокапов

Благодаря анимации по скроллу и ховер-эффектам сайт получился динамичным. А различные визуальные примеры наглядно демонстрируют основные функции сервиса

visualelectric.com

#awd_site
9
Media is too big
VIEW IN TELEGRAM
Half of Eight — сайт-портфолио студии Антона Соколова

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

halfof8.com

#awd_site
👍10🥱4😎1
Media is too big
VIEW IN TELEGRAM
Сайт производителя керамической посуды Palmer

Отличается минималистичным чистым дизайном и плавными анимациями

Представление товаров напоминает картинную галерею. Компания как бы намекает, что перед нами не просто посуда, а произведения искусства

palmer-dinnerware.com

#awd_site
🔥31👍14
Media is too big
VIEW IN TELEGRAM
Анимированный лонгрид о творчестве японского дизайнера Сигео Фукуды

Мир узнал о Сигео благодаря его выразительным плакатам с минималистичной графикой. Затем он попробовал себя в разных творческих сферах: создавал скульптуры, рисовал логотипы, проектировал игрушки и посуду, оформлял общественные пространства

В своих работах Сигео экспериментировал с оптическими иллюзиями, абсурдными образами, неожиданными ракурсами и подходил к любой творческой задаче с юмором

readymag.website/margo.li/fukuda/more-design

#awd_site
❤‍🔥19
This media is not supported in your browser
VIEW IN TELEGRAM
Fey Stock Finder — сайт ИИ-инструмента для инвесторов, который подбирает и анализирует акции по текстовому запросу

Минималистичный тёмный дизайн подчёркивает премиальность и технологичность продукта

fey.com/features/finder

#awd_site
🤡42👾1
Media is too big
VIEW IN TELEGRAM
Сайт компании Cover, которая производит модульные дома

Дизайн сайта минималистичный, с чистой типографикой, ненавязчивыми анимациями и детализированными рендерами

buildcover.com

#awd_site
💘7👍3
Media is too big
VIEW IN TELEGRAM
Сайт парижской креативной студии Unveil с портфолио в виде трёхмерного слайдера

unveil.fr

#awd_site
🔥6😎1