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

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

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

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

Автор проекта: @kirillgreen
Download Telegram
Типографические плакаты Филиппа Юрша из Берлина

Больше плакатов: awdee.ru/philip-jursch-posters

#awd_poster via typographicposters.com/philipjursch
#цитата_дня

Слайды должны складываться в единое повествование, за ходом которого легко следить. Но вы же не хотите, чтобы ваши зрители заснули, поэтому иногда это единство нужно нарушать. В этом помогут контрастные слайды. Подходящий момент для использования контраста — переход от одной темы к другой (от «цели» к «идее», например) или эффектный финал

Йерун ван Хейл, «Подай идею»
Леттеринг Кена Барбера

Больше картинок: awdee.ru/lettering-by-ken-barber

#awd_lettering via instagram.com/typelettering
#цитата_дня

Правило: чем меньше различаются по величине иллюстрации, тем спокойнее выглядит оформление

Йозеф Мюллер-Брокманн «Модульные системы в графическом дизайне»
Плакаты швейцарского графического дизайнера Уолтера Балмера (1923-2011)

Больше плакатов: awdee.ru/posters-by-swiss-graphic-designer-walter-balmer-1923-2011

#awd_poster via penccil.com/gallery.php?p=829319059931
#цитата_дня

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

Когда иллюстрация со свободным контуром стоит в тексте вразрез, есть опасность зрительной неопределённости в пространстве. Чтобы придать иллюстрации устойчивость, можно поместить её на серый или цветной фон. Размер плоскости фона должен соответствовать модулю, если он есть, или же совпадать со строками текста. Таким образом плоскость фона и сама иллюстрация будут подчиняться общей концепции страницы.

Йозеф Мюллер-Брокманн «Модульные системы в графическом дизайне»
Стильные книжные обложки с элементами коллажа и отличной типографикой

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

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

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

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

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

at TV Design

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

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

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

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

Больше картинок: 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
#цитата_дня

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

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

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

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

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

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

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

experienceperception.com/work/the-marvels

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

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

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

lovi.care

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

#awd_web #awd_site
#цитата_дня

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

Reading Letters: designing for legibility, София Байер
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
Акварельные рисунки Матеуша Урбановича из Токио

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

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

#awd_illustration via behance.net/gallery/38509915/Tokyo-Storefront-illustration-series
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
Forwarded from Design Prosmotr
«Промахи — урок, а не ошибка. Косяки неизбежны на протяжении всей работы и, если не поменять к ним отношение, они осядут тяжелым грузом: вы будете винить себя и тратить энергии впустую»

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

#quote
Vivid Sans — бесплатный акцидентный шрифт с кириллицей

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

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

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

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

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

#awd_font #awd_free_download