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

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

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

Автор проекта: @kirillgreen
Download Telegram
Тренд: Антиквы в вебе

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

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

#awd_web #awd_site #awd_trend
❤‍🔥204👍2🔥2
Проектируем согласие на обработку данных в e-commerce приложении

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

На примерах и антипримерах российских приложений он разобрал следующие аспекты:
— Видимость блока с согласием
— Текст согласия
— Ссылки на документы
— Чекбоксы и их отсутствие
— Согласие на маркетинговые коммуникации
— Полный текст документов

🙂 awdee.ru/designing-consent-with-policies-in-an-e-commerce-application

#awd_article #awd_ux #awd_cx
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍4🔥2
Эффект Даннинга-Крюгера — автокорреляция

Специально для читателей нашего канала мы перевели статью Блейра Фикса о том, почему эффект Даннинга-Крюгера — просто автокорреляция, то есть корреляция переменной с самой собой. Автор подробно объясняет природу автокорреляции, находит её в популярном эффекте, воспроизводит ошибку учёных, описывая каждый шаг, и наглядно демонстрирует причины, по которым эту ошибку не замечали более 15 лет

Читать на нашем сайте
🤔10🗿8👍3👎1🔥1
Forwarded from Design Prosmotr
Лекции по созданию логотипов

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

Подобрали 6 лекций, в которых автор подробно расскажет о процессе создания логотипа. Он начнет с самых основ: что такое логотип и какие они бывают. Из лекций вы узнаете, где найти метафору, чтобы ваш логотип был уникальным и передавал концепцию компании, и как подобрать нужный цвет/идею и тип логотипа. На практике автор покажет, как создать любой логотип в Adobe Illustrator и органично дополнить его фирменным стилем.

Темы:
— Что такое логотип
— Виды логотипов
— Где взять идею для логотипа. 1 часть
— Где взять идею для логотипа. 2 часть
— Как сделать логотип в иллюстраторе
— Что такое айдентика

Тема: #brand, рубрика: #lecture
16🔥7❤‍🔥2
Иллюстрации Пьера-Абрахама Роша из Швейцарии

Больше картинок: awdee.ru/illustrations-by-pierre-abraham-roche-of-switzerland

#awd_illustration #awd_art via parochat.ch
😍22👍10💅83🔥2
#цитата_дня

Лучшее время для презентации — с 13:30 до 15:00. Утром люди любят браться за дела — это наиболее продуктивное время для выполнения повседневных обязанностей; однако до обеда многие пребывают не в лучшем расположении духа. К концу дня люди обычно испытывают упадок сил и хотят поскорее уйти домой. День недели тоже имеет значение. Обычно понедельник и пятница — наименее продуктивные дни, поэтому постарайтесь назначить свою презентацию на вторник, среду или четверг. Если вы хотите мотивировать людей начать работу над проектом, который продлится неделю или месяц, презентация должна состояться как можно ближе к дате начала

Йерун ван Хейл, «Подай идею»
👍19🔥63👎1
Типографические плакаты Филиппа Юрша из Берлина

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

#awd_poster via typographicposters.com/philipjursch
36🔥3👌2
#цитата_дня

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

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

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

#awd_lettering via instagram.com/typelettering
👍25🔥63🤩1
#цитата_дня

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

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

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

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

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

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

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

Больше обложек: 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