36451
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen
#цитата_дня
Помните: впечатление становится впечатлением только в случае, если оно захватывает и удерживает осознанное внимание человека в течение какого-то времени
Смысл в том, что грамотно сконструированные обыденные впечатления помогают конечным пользователям избегать негативных запоминающихся, устраняя лишние точки контакта (ситуации соприкосновения клиента и компании), где впустую тратится психическая энергия. Например, когда Мэт посещает своего дантиста, он оставляет машину на парковке рядом со зданием, где расположена клиника. Дантист Мэта сообразил, что пациентам, особенно тем, кто бывает у него от силы пару раз в год, трудно с ходу разобраться в соответствии между уровнями паркинга и этажами здания, и разместил соответствующие указатели там, где требовалось. Это простое действие сделало впечатление от парковки обыденным — теперь оно уже не превратится в запоминающееся, но негативное, даже если приезжать к дантисту всего лишь раз в полгода. И хотя парковка никоим образом не связана с самим дантистом, её отношение к впечатлениям пациентов дантиста — самое прямое
«Дизайн впечатлений», Роберт Россман и Мэтью Дюрден
Лендинг умного косметологического приложения Lovi
Приложение работает на базе ИИ. С помощью сканирования лица камерой пользователи могут узнать о состоянии своей кожи и возможных проблемах: акне, пигментных пятнах, морщинах и прочих. После сканирования приложение составляет программу ухода, предлагает средства без привязки к брендам, проверяет косметику на безопасность ингредиентов и при необходимости показывает альтернативы. В дальнейшем путём сканирования лица человек может отслеживать, есть ли прогресс от ухода
Сайт приложения — приятный и аккуратный. Он выполнен в бенто-стилистике с отлично подобранным шрифтовым сочетанием и большим количеством «воздуха». Особенно хочется отметить классную демонстрацию функций приложения, которая позволяет моментально в них разобраться
lovi.care
Скриншоты сайта: awdee.ru/lovi-smart-cosmetology-app
#awd_web #awd_site
Дизайн иконок: сетки и ключевые формы
Перевод шикарной прикладной статьи о том, как спроектировать согласованный сет иконок. В ней авторы рассказали, как построить и использовать сетку, что такое ключевые формы и как работает оптическая компенсация. Вы найдёте примеры готовых сетов с иконками, наглядно демонстрирующие работу правил, о которых идёт речь в статье
Информация будет полезна тем, кто планирует создать собственный сет иконок
🙂️️️️️️ awdee.ru/grids-and-key-shapes
#awd_article #awd_icons
Дизайн этикеток гранолы российской марки Медовый дом
Жизнерадостное оформление с милым маскотом-шмелём и приятными иллюстрациями, которые транслируют основы здорового образа жизни и акцентируют внимание на натуральности ингредиентов
Больше картинок: 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
Летние пейзажи ЯлленРа Шоу из Шэньчжэня
Вдохновением для создания этих иллюстраций стал любимый аниме-фильм художника — «Мой сосед Тоторо» режиссера Хаяо Миядзаки
Больше картинок: awdee.ru/summer-yallenra-shaw
#awd_3D #awd_illustration via behance.net/gallery/107301391/Summer
#цитата_дня
Чтобы сделать фотографию со свободным контуром (как и иллюстрацию) зрительно более устойчивой, её можно напечатать на цветной плашке. При этом фотография плотно вставлена в модульную сетку — по высоте и сторонам она совпадает с модульными клетками. Другой вариант — обвести фотографию линейной рамкой в размер модуля или же верхнюю и нижнюю границы модульной клетки обозначить линейками, а фотографию поставить между ними.
Когда иллюстрация со свободным контуром стоит в тексте вразрез, есть опасность зрительной неопределённости в пространстве. Чтобы придать иллюстрации устойчивость, можно поместить её на серый или цветной фон. Размер плоскости фона должен соответствовать модулю, если он есть, или же совпадать со строками текста. Таким образом плоскость фона и сама иллюстрация будут подчиняться общей концепции страницы.
Йозеф Мюллер-Брокманн «Модульные системы в графическом дизайне»
#цитата_дня
Правило: чем меньше различаются по величине иллюстрации, тем спокойнее выглядит оформление
Йозеф Мюллер-Брокманн «Модульные системы в графическом дизайне»
#цитата_дня
Слайды должны складываться в единое повествование, за ходом которого легко следить. Но вы же не хотите, чтобы ваши зрители заснули, поэтому иногда это единство нужно нарушать. В этом помогут контрастные слайды. Подходящий момент для использования контраста — переход от одной темы к другой (от «цели» к «идее», например) или эффектный финал
Йерун ван Хейл, «Подай идею»
Типографические плакаты Филиппа Юрша из Берлина
Больше плакатов: awdee.ru/philip-jursch-posters
#awd_poster via typographicposters.com/philipjursch
Иллюстрации Пьера-Абрахама Роша из Швейцарии
Больше картинок: awdee.ru/illustrations-by-pierre-abraham-roche-of-switzerland
#awd_illustration #awd_art via parochat.ch
Эффект Даннинга-Крюгера — автокорреляция
Специально для читателей нашего канала мы перевели статью Блейра Фикса о том, почему эффект Даннинга-Крюгера — просто автокорреляция, то есть корреляция переменной с самой собой. Автор подробно объясняет природу автокорреляции, находит её в популярном эффекте, воспроизводит ошибку учёных, описывая каждый шаг, и наглядно демонстрирует причины, по которым эту ошибку не замечали более 15 лет
Читать на нашем сайте
Через пять лет основным инструментом дизайнера станет код.
В канале @setka_design показывают, как генерировать красивые картинки, композиции и анимации.
🕸 Сетка
Реклама, ИП Арутюнов, ИНН 616618181949, erid: 2SDnjetjRSQ
#цитата_дня
Всегда задумывайтесь о том, как время презентации влияет на людей. По данным исследований, перед обеденным перерывом процент вынесения оправдательных вердиктов падает с шестидесяти пяти до нуля процентов. Если время дня так влияет на судей, можете себе представить, какое значение оно имеет для вашей презентации!
Йерун ван Хейл, «Подай идею»
Когда слышал, что в дизайне нужна модульная сетка, но зачем именно, прочитать забыл
Читать полностью…
DeWatermark — бесплатный ИИ-убиратор вотермарок с картинок
Сервис удаляет сложные водяные знаки с JPG и PNG-исходников, сохраняя и даже увеличивая разрешение оригинала. Достаточно перетащить изображение в специальное поле, и он автоматически уберёт вотермарки. В конце можно доработать картинку вручную с помощью кисти
dewatermark.ai
Больше примеров: awdee.ru/dewatermark-is-a-free-ai-image-watermark-remover
#awd_webtool #awd_tool
AR-очки Frame c ИИ-функциями
В канадском стартапе Brilliant Labs разработали очки дополненной реальности с мультимодальным ИИ-помощником Noa. Он умеет распознавать предметы и звуки из окружающей обстановки, искать информацию о них в интернете, а также переводить тексты и речь в режиме реального времени
Производители решили сделать акцент на симпатичный дизайн. В отличие от большинства AR-очков Frame выглядят стильно, а не гиково. Они весят всего 39 граммов и внешне почти не отличаются от обычных очков
Интересно, что Frame — опенсорсные. Разработчики имеют доступ ко всей необходимой документации, коду, чертежам и могут самостоятельно кастомизировать ПО
Frame доступны для предзаказа за 349 $. Доставить их обещают в апреле 2024 года
Сайт-презентация: brilliant.xyz
Больше картинок: awdee.ru/ar-glasses-frame-with-ai-functions
#awd_techno
Титры к фильму Марвелы
Вдохновением для выбора стиля, цветовой палитры и композиции послужили научно-фантастические иллюстрации 70-х и обложки журналов Heavy Metal 80-х. А жёлтый цвет шрифтов стал отсылкой к оформлению названий фильмов на плакатах 70-х годов
experienceperception.com/work/the-marvels
#awd_3D #awd_video #awd_motion
#цитата_дня
Как определить идеальное расстояние между буквами определённого набора? По мнению шрифтолитейщика Пьера Симона Фурнье, в шрифтах с засечками расстояние между строчными буквами должно быть немного меньше расстояния между двумя ножками буквы «m». Уолтер Трейси рекомендовал использовать несколько больший размер, аналогичный расстоянию между ножками буквы «n». Поскольку размер негативного пространства внутри символа зависит от его жирности, то, и пространство между символами данного набора будет последовательно варьироваться в пределах одного семейства шрифтов. Геррит Нурдзи, рассуждая о структуре слова, подчёркивает важность устойчивого ритма в пространстве между буквами. Форма негативного пространства слова определяется формой букв и расстоянием между ними. Для устойчивого ритма негативное пространство должно быть распределено по всему слову через равные промежутки — это требует равного количества «белого» внутри и между буквами
Reading Letters: designing for legibility, София Байер
Про нас написали:
at TV Design
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
Стильные книжные обложки с элементами коллажа и отличной типографикой
Больше обложек: awdee.ru/stylish-book-covers-with-collage-elements-and-great-typography
#awd_cover via vk.cc/cuWJwd
Плакаты швейцарского графического дизайнера Уолтера Балмера (1923-2011)
Больше плакатов: awdee.ru/posters-by-swiss-graphic-designer-walter-balmer-1923-2011
#awd_poster via penccil.com/gallery.php?p=829319059931
Леттеринг Кена Барбера
Больше картинок: awdee.ru/lettering-by-ken-barber
#awd_lettering via instagram.com/typelettering
📖 Цейтнот перед вторым актом хорошего дизайна — Журналус № 394
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из сборника статей Harvard Business Review «Креативность»
— Оценка рынка ИИ-инструментов
— Почему ИИ не может проводить настоящие пользовательские исследования
— В чём разница между узнаванием и вспоминанием в интерфейсах
— Зачем показывать присутствие других пользователей на сайте
— Как использовать стандарты WCAG 2.1 в дизайне диаграмм
— Как создать проектную документацию к веб-дизайну
— Памятка по ошибкам в UX-тестах и как их избежать
— 365 упражнений для прокачивания навыков в UI и UX-дизайне
— Закрытие Adobe XD и InVision
— Почему думскроллинг вводит людей в гипноз
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
#цитата_дня
Лучшее время для презентации — с 13:30 до 15:00. Утром люди любят браться за дела — это наиболее продуктивное время для выполнения повседневных обязанностей; однако до обеда многие пребывают не в лучшем расположении духа. К концу дня люди обычно испытывают упадок сил и хотят поскорее уйти домой. День недели тоже имеет значение. Обычно понедельник и пятница — наименее продуктивные дни, поэтому постарайтесь назначить свою презентацию на вторник, среду или четверг. Если вы хотите мотивировать людей начать работу над проектом, который продлится неделю или месяц, презентация должна состояться как можно ближе к дате начала
Йерун ван Хейл, «Подай идею»
Лекции по созданию логотипов
Логотип — это фирменный знак, который люди ассоциируют с конкретным брендом. Поэтому к нему компании относятся с особым трепетом и всегда пытаются создать наиболее интересный вариант.
Подобрали 6 лекций, в которых автор подробно расскажет о процессе создания логотипа. Он начнет с самых основ: что такое логотип и какие они бывают. Из лекций вы узнаете, где найти метафору, чтобы ваш логотип был уникальным и передавал концепцию компании, и как подобрать нужный цвет/идею и тип логотипа. На практике автор покажет, как создать любой логотип в Adobe Illustrator и органично дополнить его фирменным стилем.
Темы:
— Что такое логотип
— Виды логотипов
— Где взять идею для логотипа. 1 часть
— Где взять идею для логотипа. 2 часть
— Как сделать логотип в иллюстраторе
— Что такое айдентика
Тема: #brand, рубрика: #lecture
Проектируем согласие на обработку данных в e-commerce приложении
В новой статье Станислав Хрусталёв рассказывает о нюансах, которые стоит предусмотреть в дизайне блоков согласия с политикой конфиденциальности и прочими документами
На примерах и антипримерах российских приложений он разобрал следующие аспекты:
— Видимость блока с согласием
— Текст согласия
— Ссылки на документы
— Чекбоксы и их отсутствие
— Согласие на маркетинговые коммуникации
— Полный текст документов
🙂 awdee.ru/designing-consent-with-policies-in-an-e-commerce-application
#awd_article #awd_ux #awd_cx
Тренд: Антиквы в вебе
Антиквы отлично подходят для заголовков, подзаголовков, логотипов и даже для основного текста, если речь идёт о том, чтобы подчеркнуть изысканность, премиальность или историческую преемственность продукта. Мы заметили много примеров использования исключительно антикв в вебе. Это и интернет-магазины, и сайты-портфолио, и промосайты. Все они выглядят элегантно и транслируют премиальность
Несколько примеров этого тренда: awdee.ru/trend-antiquas-on-the-web
#awd_web #awd_site #awd_trend
Рисунки легенды рока Виктора Цоя
Виктор Цой был не только талантливым певцом и актёром, но и увлекался рисованием. Он закончил художественную школу, а после выпуска выучился на резчика по дереву. В итоге Цой отдал приоритет музыке, а рисование оставил в качестве хобби
С 1984 года он участвовал в выставках питерского сообщества «Новые художники». Для этого периода его творчества характерны примитивистско-экспрессивные формы с элементами орнаментального декоративизма. В работах он изображал злободневные темы из советской жизни 80-х, главными героями которых выступали квадратные человечки, как будто вышедшие из допотопной электронной игры
В конце 80-х, после путешествий за границу, Цой начал менять стиль. Он рисовал в менее экспрессивной манере, а его работы носили более реалистический характер
В творчестве Виктора Цоя прослеживается один интересный мотив — изображение дорог и автомобилей. Впервые он появился в 1988 году в рисунках Колхозница с изображением женщины в косынке за рулём и Фантом с призраком на пассажирском сидении. Последняя картина Цоя — Дорога, где он едет по ночному городу, утопающему в неоновых огнях. Она стала пророческой, потому что спустя несколько месяцев жизнь Виктора Цоя оборвалась за рулём автомобиля
Больше рисунков: awdee.ru/drawings-by-rock-legend-viktor-tsoi
#awd_illustration #awd_art via timurnovikov.ru/library/knigi-i-stati-timura-petrovicha-novikova/khudozhnik-viktor-tsoy
Ввод ПИН-кода на ТВ: как сделать его безопасным
Алексей Тюрин, арт-директор продуктового дизайна онлайн-кинотеатра KION, провёл исследование о том, как в разных онлайн-кинотеатрах мира и на разных ТВ реализован ввод пин-кода
В статье он рассмотрел несколько аспектов:
— История появления ПИН-кода
— Примеры ПИН-кодов на ТВ и в онлайн-кинотеатрах
— Безопасный ввод
— Детские ПИН-коды
— Альтернативное будущее
На наглядных примерах автор показал самые современные и безопасные форматы применения ПИН-кодов на ТВ
🙂️️ awdee.ru/entering-pin-code-on-tv-how-to-make-it-safe
#awd_article
#цитата_дня
Поговорим о так называемой презентации в лифте: это техника, когда вам нужно за шестьдесят секунд убедить своего собеседника в том, что ваша идея стоящая. Техника хороша тем, что заставляет вас делать выбор и не даёт чрезмерно усложнять. С помощью этого упражнения вы поймёте, можно ли упростить идею до самой сути. Если не получается, значит, вы сами не до конца понимаете её или она обросла лишними подробностями. И то и другое плохо. Любые усложнения первоначальной идеи должны иметь непосредственное отношение к цели (решение проблемы / создание или использование возможности)
Йерун ван Хейл, «Подай идею»