31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
#цитата_дня
POV — «представление проблемы дизайна в виде формулировки проблемы, на основе которой можно работать». Для создания POV можно использовать такой шаблон: «[Пользователю] нужно [потребность пользователя], потому что [внезапное озарение (инсайт)]». Грамотно разработать POV критически важно для всего остального процесса. Следовательно, вы потратите на это столько времени, сколько потребуется. Чтобы выявить самые насущные потребности и прийти к интересным для себя выводам, вам придётся изучить весь массив собранной информации. К этому моменту вы уже занимаетесь обработкой данных. Сосредоточьтесь на трёх наиболее существенных моментах, которыми надо будет заняться, не более
В случае затруднений набросайте несколько вариантов POV, чтобы потом решить, какой из них ближе вашим участникам и вам. В некоторых случаях процесс усложняется. Например, при создании впечатлений для детей, где заинтересованных сторон несколько — сам ребёнок, его родители или другие взрослые, заказывающие мероприятие или разрешающие ребёнку в нём участвовать. В таких случаях вам может понадобиться создавать отдельные «точки зрения» для детей и для взрослых
«Дизайн впечатлений», Роберт Россман и Мэтью Дюрден
10 шрифтовых трендов 2024: свежий обзор Monotype
Шрифтовой гигант Monotype выпустил ежегодный отчёт Type Trends Report. В нём 10 актуальных тенденций в типографике. Эксперты Monotype предсказывают возвращение эстетики 90-х, сохранение актуальности кинетической типографики и технологичных шрифтов, роста влияния ИИ и возвращение к традиционным антиквам
Все тренды они визуально представили в виде обложек для виниловых пластинок, то есть связали каждую тенденцию с определённым музыкальным жанром. Обложки они сгенерировали с помощью Midjourney, чтобы показать связь между ностальгией по старому аналоговому миру и погружением в новую цифровую эпоху
Коротко 10 тенденций:
— Everythingallofthetime — Всё обо всём: применение всех доступных шрифтов, текстур и технологий в одном дизайне
— Whatever — Что угодно (Ностальгия): ностальгия по 90-м, которая отражается в стилизации под эстетику рейв-флаеров того времени, смелых шрифтах и тенях
— Systm — Технологичные шрифты с мягкими формами, модульные шрифты в трафаретном стиле
— De-form — Деформация: отказ от чистых визуальных форм в пользу типографических искажений, плотного расположения литер и пренебрежения читабельностью
— Flux — Постоянное изменение: тренд прошлого года, который продолжает оставаться актуальным: вариативные шрифты, кинетическая типографика и шрифтовые формы, имитирующие движение
— Quirk — Странные: смелые детали в нейтральных гротесках
— Counter Attack — Контрформа: преобладание негативного пространства, которое выступает главным элементом шрифта
— Profeshinal — Прафесинальные: несовершенные, аутентичные и наивные рукописные шрифты
— 100% Natural — 100% натуральные: ремесленный, рукотворный характер и природные, органические формы
— Return of the Serif — Возвращение к засечкам: компании с историей делают редизайн, в котором задействуют классические антиквы, отдавая дань уважения традициям и наследию бренда
🙂️️️️ Обзор с примерами: awdee.ru/type-trends-report-2024
#awd_typo #awd_article #awd_trend
#цитата_дня
…прямое следствие преобразующих впечатлений — личностные изменения. Скажем, человек перенёс инфаркт, но, к счастью, выжил. По этой причине у него меняется взгляд на жизнь и отношение к здоровью и физической активности. Перемены в установках приводят к серьёзной поведенческой трансформации (диета, физические нагрузки). Со временем это изменит и свойства личности — и, таким образом, человек преобразится вследствие перенесённого инфаркта. Здесь важно отметить, что преобразующие впечатления включают все характерные черты рассмотренных выше, кроме обыденных: обдумывание, эмоции и открытие. Новая и главная характерная черта — существенное изменение
«Дизайн впечатлений», Роберт Россман и Мэтью Дюрден
Вышла нейросеть Claude 3. Она превосходит GPT-4 и Gemini Ultra почти во всех тестах
Anthropic — ведущий стартап в области ИИ, поддерживаемый Amazon. Они представили серию ИИ-моделей Claude 3: Opus, Sonnet и Haiku. Все три модели — мультимодальные. Это означает, что они умеют работать с текстом, графиками, документами и фотографиями. На их основе можно разрабатывать чат-боты, инструменты автоматического заполнения и извлечения данных
Opus — самая большая и дорогая модель. Её создатели утверждают, что она превосходит ChatGPT-4, GPT-3.5 и Gemini Ultra по целому ряду показателей. Например, по результатам нескольких академических тестов: GSM-8k на математическое мышление, а также GPQA и MMLU на общий уровень знаний
Sonnet — модель среднего уровня. Она ориентирована на повышение экономичности и ускорение работы бизнеса. И Opus, и Sonnet уже доступны для тестирования на сайте claude.ai и через API компании
Самая маленькая модель Haiku появится чуть позже. Но даже она показывает впечатляющие результаты. В своём блоге представители компании заявляют, что Haiku может «прочитать научную статью с графиками и диаграммами менее, чем за три секунды»
Стоит уточнить, что GPT-4 вышла год назад. Более актуальную версию GPT-4 Turbo авторы Claude 3 в сравнение не включили
#awd_news #awd_techno
Плакаты Алексея Серова из России
Больше плакатов: awdee.ru/alexei-serovs-posters-from-russia
#awd_poster via dprofile.ru/serovmadeit
#цитата_дня
Помните: впечатление становится впечатлением только в случае, если оно захватывает и удерживает осознанное внимание человека в течение какого-то времени
Смысл в том, что грамотно сконструированные обыденные впечатления помогают конечным пользователям избегать негативных запоминающихся, устраняя лишние точки контакта (ситуации соприкосновения клиента и компании), где впустую тратится психическая энергия. Например, когда Мэт посещает своего дантиста, он оставляет машину на парковке рядом со зданием, где расположена клиника. Дантист Мэта сообразил, что пациентам, особенно тем, кто бывает у него от силы пару раз в год, трудно с ходу разобраться в соответствии между уровнями паркинга и этажами здания, и разместил соответствующие указатели там, где требовалось. Это простое действие сделало впечатление от парковки обыденным — теперь оно уже не превратится в запоминающееся, но негативное, даже если приезжать к дантисту всего лишь раз в полгода. И хотя парковка никоим образом не связана с самим дантистом, её отношение к впечатлениям пациентов дантиста — самое прямое
«Дизайн впечатлений», Роберт Россман и Мэтью Дюрден
Лендинг умного косметологического приложения 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
Наушники Stereophones с тактильным интерфейсом
Когда мы слушаем музыку, мы не видим наушники. Поэтому сенсорные интерфейсы в наушниках требуют запоминания комбинаций из нажатий и жестов пролистывания. Это сложно и неудобно
Производители Stereophones придумали наушники с интуитивным тактильным управлением. Они решили дать внешним крутящимся дискам интуитивно понятные функции управления, которые легко запомнить
Прокручивая диск на левом наушнике, можно включать и выключать систему, регулировать громкость и шумоподавление. На правом можно ставить музыку на паузу и запускать воспроизведение, а также переключаться между треками. Можно переключиться на альтернативный режим и с помощью диска устанавливать воспроизведение мелодии с любого момента
Стильный и современный дизайн Stereophones разработал британский инженер-конструктор Киран Скотт де Мартинвиль
Видеообзор: vimeo.com/862956120
Проект полностью: behance.net/gallery/179614553/STEREOPHONES
#awd_prom #awd_techno
Практический курс Ильи Бирмана и Михаила Нозика «Презентация клиенту и публичные выступления» с 11—31 марта
Илья и Миша — авторы курса, арт‑директора Бюро Горбунова, презентуют и сдают проекты клиентам более десяти лет (часто с первого раза). Илья регулярно выступает на 404фесте, Дизайн‑просмотре и других конференциях.
На курсе Илья и Миша дают алгоритм публичных выступлений, который поможет не бояться слушателя и сделать презентацию частью рабочей рутины.
Участники получат практический опыт проведения презентаций: будут выступать друг перед другом и перед преподавателями, ошибаться, получать обратную связь и совершенствовать свои навыки, постепенно чувствуя себя всё более уверенно.
Курс подойдёт всем, кому приходится презентовать что‑то на работе и в жизни: дизайнерам, редакторам, менеджерам, маркетологам, аналитикам, разработчикам, преподавателям и студентам.
Записаться на курс
Презентация клиенту и публичные выступления
Реклама. ООО «Дизайн-бюро Артема Горбунова». erid: 2SDnjcysrbz
В Фигме появилось мультиредактирование — теперь можно редактировать несколько объектов одновременно
Достаточно выбрать несколько слоев во фреймах, группах или секциях, изменить один элемент, и правки массово применятся ко всем выделенным элементам. Это удобно, когда необходимо внести одинаковые изменения в большое количество элементов
Мультиредактирование работает для текстовых слоёв, размеров, расположения, поворота, группировки, применения масок, функций объединения (union selection), вычитания (subtract), пересечения (intersect), исключения (exclude), преобразования фреймов в авто-лейауты и многого другого
Функция доступна на любом тарифном плане
#awd_news #awd_figma #awd_webtool #awd_tool via help.figma.com/hc/en-us/articles/21635177948567-Edit-objects-on-the-canvas-in-bulk
❤️ Подарочные сертификаты на «Журналус» со скидкой к 8 марта
«Журналус» — медиа о дизайне, которое фильтрует инфошум, выбирая самое ценное, важное и полезное. Он помогает развиваться в профессии и быть в курсе трендов, но при этом не тратить часы на скроллинг лент. Там можно собирать коллекцию крутых референсов, важных инструментов и годных образовательных материалов.
Скидка 15% по промо-коду MARCH8
Доступны по ссылке: artlebedev.ru/go/d3D9B
Реклама ИП Олейниченко, ИНН 781697320774, erid: 2SDnjddzg4p
Линейные иллюстрации Марты Гожи из Киева
Больше картинок: awdee.ru/line-illustrations-by-marta-gozha-from-kiev
#awd_illustration via behance.net/gallery/143120799/Illustrations-for-Projector
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