Оди
34.9K subscribers
27.2K photos
1.31K videos
146 files
5.76K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

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

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

Автор проекта: @kirillgreen
Download Telegram
Стильные книжные обложки с элементами коллажа и отличной типографикой

Больше обложек: awdee.ru/stylish-book-covers-with-collage-elements-and-great-typography

#awd_cover via vk.cc/cuWJwd
👍30🤩2
Летние пейзажи ЯлленРа Шоу из Шэньчжэня

Вдохновением для создания этих иллюстраций стал любимый аниме-фильм художника — «Мой сосед Тоторо» режиссера Хаяо Миядзаки

Больше картинок: awdee.ru/summer-yallenra-shaw

#awd_3D #awd_illustration via behance.net/gallery/107301391/Summer
👍18🔥2😍2
Про нас написали:

at TV Design

А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю

Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный

Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
👍20🔥7
Дизайн этикеток гранолы российской марки Медовый дом

Жизнерадостное оформление с милым маскотом-шмелём и приятными иллюстрациями, которые транслируют основы здорового образа жизни и акцентируют внимание на натуральности ингредиентов

Больше картинок: awdee.ru/design-of-granola-labels-of-the-russian-brand-medovyi-dom

#awd_pack via dprofile.ru/case/53672/granola-s-medom-i-medovymi-granulami
28😍10🔥6
#цитата_дня

Как определить идеальное расстояние между буквами определённого набора? По мнению шрифтолитейщика Пьера Симона Фурнье, в шрифтах с засечками расстояние между строчными буквами должно быть немного меньше расстояния между двумя ножками буквы «m». Уолтер Трейси рекомендовал использовать несколько больший размер, аналогичный расстоянию между ножками буквы «n». Поскольку размер негативного пространства внутри символа зависит от его жирности, то, и пространство между символами данного набора будет последовательно варьироваться в пределах одного семейства шрифтов. Геррит Ноордзей, рассуждая о структуре слова, подчёркивает важность устойчивого ритма в пространстве между буквами. Форма негативного пространства слова определяется формой букв и расстоянием между ними. Для устойчивого ритма негативное пространство должно быть распределено по всему слову через равные промежутки — это требует равного количества «белого» внутри и между буквами

Reading Letters: designing for legibility, София Байер
18🔥5👌3👍1
Дизайн иконок: сетки и ключевые формы

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

Информация будет полезна тем, кто планирует создать собственный сет иконок

🙂️️️️️️ awdee.ru/grids-and-key-shapes

#awd_article #awd_icons
Please open Telegram to view this post
VIEW IN TELEGRAM
👍219🔥5
Media is too big
VIEW IN TELEGRAM
Титры к фильму Марвелы

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

experienceperception.com/work/the-marvels

#awd_3D #awd_video #awd_motion
10👍7❤‍🔥4🔥1🤮1
Media is too big
VIEW IN TELEGRAM
Лендинг умного косметологического приложения Lovi

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

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

lovi.care

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

#awd_web #awd_site
31👍6🔥3
#цитата_дня

...распознавание слов происходит на автоматическом уровне и поэтому не зависит от окружения. Это подтверждает известный феномен, открытый в 1935 году Дж. Ридли Струпом. В ходе эксперимента участникам показывали слово «желтый», напечатанное зелёными чернилами, и «синий», напечатанное красными, а затем просили назвать цвет текста в каждом из случаев. Строуп показал, что для большинства участников это оказалось затруднительным. Таким образом, исследование позволило сделать вывод о том, что мы распознаём слова даже тогда, когда лучше было бы их проигнорировать

Reading Letters: designing for legibility, София Байер
👍22🔥3
8 шпаргалок и сервисов для подбора кривых анимации (изингов)

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

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

🙂️ awdee.ru/8-cheat-sheets-and-services-for-selecting-animation-curves

#awd_tool #awd_webtool
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥125
Акварельные рисунки Матеуша Урбановича из Токио

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

Больше иллюстраций: awdee.ru/watercolor-drawings-by-mateusz-urbanowicz-from-tokyo

#awd_illustration via behance.net/gallery/38509915/Tokyo-Storefront-illustration-series
👍3810🔥5
How I Feel When You — датавиз на тему личных чувств

Итальянский графический дизайнер Элеонора Каподиферро визуально отразила эмоции, которые она испытывает при общении с близким человеком в разных ситуациях. Например, «Что я чувствую, когда ты на меня кричишь» или «Какие эмоции я испытываю, когда ты говоришь, что любишь меня»

Каждой эмоции автор присвоила определённый цвет. Например, синий означает грусть, красный — любовь, а жёлтый — радость

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

Больше картинок: awdee.ru/how-i-feel-when-you

#awd_dataviz #awd_infographic via behance.net/gallery/122937265/How-I-Feel-When-You
44👍4🔥2🤔1🍓1
Forwarded from Design Prosmotr
«Промахи — урок, а не ошибка. Косяки неизбежны на протяжении всей работы и, если не поменять к ним отношение, они осядут тяжелым грузом: вы будете винить себя и тратить энергии впустую»

— Вадим Гранич, основатель онлайн-школы Granich.

#quote
❤‍🔥3611👍4🗿3🔥1
Vivid Sans — бесплатный акцидентный шрифт с кириллицей

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

Хорошо подойдёт для дизайна упаковки, айдентики, логотипов

Можно использовать бесплатно для личных и коммерческих проектов

behance.net/gallery/189825915/VIVID-SANS-FREE-FONT

Больше картинок: awdee.ru/vivid-sans-font

#awd_font #awd_free_download
22🔥5
30 полезных принципов и жизненных правил

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

🙂️ awdee.ru/30-useful-principles

#awd_article #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍32
Визуальное оформление Skewers — московской сети ресторанов фастфуда с шашлычками

В проекте дизайнеры объединили разные стороны уличной культуры — скейтбординг, граффити и фастфуд

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

Больше картинок и видеоролик: awdee.ru/skewers-visual-design

#awd_identity via svsv.agency/skewers
🤷‍♂12👎7🤷‍♀3👍2🤮2
#цитата_дня

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

«Успех через провал: парадокс дизайна», Генри Петроски
💯224🔥4👍31
18 наших лучших материалов за февраль

Рубрика «Мнения»:
Главные личностные качества арт-директора и как их прокачивать: что об этом думают крутые арт-директора
Что делает дизайн хорошим: мнения заметных дизайнеров

Тренды:
Тренд: Россыпь графических элементов на главном экране лендинга
Тренд: Прямые углы без скруглений
Тренд: Антиквы в вебе

Статьи:
Как разнообразить листинг товаров
Проектируем согласие на обработку данных в e-commerce приложении
Дизайн иконок: сетки и ключевые формы
Как выйти за пределы прямоугольника и перестать абьюзить людей плохими устройствами самообслуживания

Сайты:
Сайт о маринованных огурчиках Thick Pickle
Лендинг умного косметологического приложения Lovi

Айдентика:
Айдентика российской кофейни Дринкит от Dodobrands
Ребрендинг новгородской швейной фабрики «Крестецкая строчка»
Айдентика и упаковка армянского кафе Cafeopia
Редизайн линейки молочных продуктов армянской марки Mer Yerkir

Инструменты:
Мощное обновление Recraft 20B — ИИ-генератора векторных и 3D-иллюстраций
Fokus — онлайн-конструктор презентаций

Иллюстрации:
Рисунки легенды рока Виктора Цоя
🔥62👍2❤‍🔥1
Тренд: 3D-анимация по скроллу

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

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

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

#awd_web #awd_site #awd_trend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥7
Плакаты Иржи Моцека из Праги

Больше плакатов: awdee.ru/posters-by-jiri-mocek-from-prague

#awd_poster via instagram.com/j.mocek
25🔥7👍4
#цитата_дня

Не упустите лучшую возможность или самые замечательные события в жизни из-за того, что якобы не чувствуете себя готовыми. Я считаю, что эта трагическая ошибка корнями уходит в неправильное понимание слова «готовность». Готов — не значит «избавлен от любых непредсказуемых обстоятельств». Это не означает, что вы подготовились настолько хорошо, что следующие ваши действия не потребуют никакого труда. Легко вам всё равно не будет. Ни один прыжок, который стоит делать, не даётся легко. «Готов» всего лишь означает, что вы облачились в доспехи и сели на боевого коня. Настало время скакать в битву

«Бояться, но делать», Брэндон Уэбб и Джон Дэвид Манн
🔥5017👍7💯3