Оди
36.4K subscribers
24.7K photos
1.11K videos
143 files
5.24K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Чат канала: @awdeechat

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

По рекламе: @kgreenmedia

Автор проекта: @kirillgreen
Download Telegram
Тренд: «поплывшие/заплывшие» шрифты

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

Этот тренд — противоположность моде на ловушки для чернил в шрифтах, который был популярен в 2022 году

🙂️️️️️️ Примеры: awdee.ru/trend-floated-blotched-fonts

#awd_web #awd_site #awd_ui #awd_trend
Please open Telegram to view this post
VIEW IN TELEGRAM
Тренд: гармоничное сочетание цвета текста и фона

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

Примеры: awdee.ru/trend-harmonious-combination-of-text-and-background-color

#awd_web #awd_site #awd_trend
Media is too big
VIEW IN TELEGRAM
Сайт онлайн-календаря Amie

Уверенная презентация цифрового продукта с приятной стилистикой и множеством интересных деталей. Здесь и аккуратная вёрстка, и грамотная работа со слоями, и отличная проработка визуального контента с уместными вкраплениями 3D-элементов. А за счёт грамотного использования интерактивных анимаций и видеоконтента лендинг выглядит динамичным и запоминающимся своей подачей

Само приложение тоже отличное, советуем оставить заявку на доступ

amie.so

Больше скриншотов: awdee.ru/amies-online-calendar-site

#awd_web #awd_site
Тренд: Россыпь графических элементов на главном экране лендинга

Чжунхан Сим наткнулся на тенденцию, когда фоном на главном экране лендинга служит «россыпь» тематических графических элементов. Это могут быть 3D-объекты, логотипы, геометрические фигуры, паттерны, рисунки, стикеры, отдельные блоки сайта, фотки и многое другое

Такой приём помогает эффективно передать суть продукта и настроение бренда. Плюс выглядит неизбито и прикольно

🙂️️️️️️ 10 отличных примеров: awdee.ru/trend-scatter-of-graphic-elements-in-the-landing-page-header

#awd_web #awd_site #awd_trend
Please open Telegram to view this post
VIEW IN TELEGRAM
Тренд: Прямые углы без скруглений

Согласно психологии дизайна округлые формы вызывают у людей ассоциации с мягкостью и гармонией, а углы, напротив, — с угрозой и опасностью. Поэтому пользователи воспринимают округлые формы лучше, чем формы с углами. Но карточки и иллюстрации с закруглёнными краями уже приелись, поэтому дизайнеры захотели чего-то новенького. Например, использовать прямые углы без скруглений в самых разных элементах дизайна: шрифтах, карточках, фотографиях

Вот несколько примеров этого тренда: awdee.ru/trend-right-angles-without-rounding

#awd_web #awd_site #awd_trend
Media is too big
VIEW IN TELEGRAM
Сайт о маринованных огурчиках Thick Pickle

Ироничный дизайн-проект от американской студии Study Hall, где дизайнеры экспериментируют с разными дизайн-решениями

Небольшой, но запоминающийся сайт, где сразу бросаются в глаза сочные 3D-визуализации, стильная болдовая типографика и разнообразие анимаций по скроллу

thickpickle.com

#awd_web #awd_site
Простое руководство по Webflow для начинающих

Если вы зарабатываете дизайном корпсайтов, лендингов, блогов и магазинов — внимательно присмотритесь. Использование в работе Webflow даёт вам конкурентное преимущество, потому что вы отдаёте клиенту не макеты в Фигме или Иксди, а готовую адаптивную вёрстку, которую клиент может использовать или сразу, или с минимальной доработкой разработчиками. Такой подход сокращает затраты клиента и повышает цену вашей работы

По ссылке ниже переводная статья для тех, кто хочет ознакомиться с этим инструментом. Содержание:
— Что такое WF
— Почему это должно быть вам интересно
— Блочная модель — ЕДИНСТВЕННАЯ техническая вещь, которую нужно знать
— Глубокое погружение в основной интерфейс
— Обзор самых важных элементов и маленькие хитрости
— Первый проект
— Ресурсы и курсы

ux.pub/prostoe-rukovodstvo-po-webflow-dlya-nachinayuschih

#awd_article #awd_tool #awd_webflow #awd_web
Тренд: Антиквы в вебе

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

Несколько примеров этого тренда: awdee.ru/trend-antiquas-on-the-web

#awd_web #awd_site #awd_trend
Media is too big
VIEW IN TELEGRAM
Лендинг умного косметологического приложения Lovi

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

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

lovi.care

Скриншоты сайта: awdee.ru/lovi-smart-cosmetology-app

#awd_web #awd_site
Тренд: 3D-анимация по скроллу

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

Мы нашли девять впечатляющих сайтов разной тематики с классной реализацией этого интерактивного приёма

🙂️ Примеры: awdee.ru/trend-3d-scroll-animation

#awd_web #awd_site #awd_trend
Please open Telegram to view this post
VIEW IN TELEGRAM