31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
#цитата_дня
…прямое следствие преобразующих впечатлений — личностные изменения. Скажем, человек перенёс инфаркт, но, к счастью, выжил. По этой причине у него меняется взгляд на жизнь и отношение к здоровью и физической активности. Перемены в установках приводят к серьёзной поведенческой трансформации (диета, физические нагрузки). Со временем это изменит и свойства личности — и, таким образом, человек преобразится вследствие перенесённого инфаркта. Здесь важно отметить, что преобразующие впечатления включают все характерные черты рассмотренных выше, кроме обыденных: обдумывание, эмоции и открытие. Новая и главная характерная черта — существенное изменение
«Дизайн впечатлений», Роберт Россман и Мэтью Дюрден
Вышла нейросеть 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
Эффект Даннинга-Крюгера — автокорреляция
Специально для читателей нашего канала мы перевели статью Блейра Фикса о том, почему эффект Даннинга-Крюгера — просто автокорреляция, то есть корреляция переменной с самой собой. Автор подробно объясняет природу автокорреляции, находит её в популярном эффекте, воспроизводит ошибку учёных, описывая каждый шаг, и наглядно демонстрирует причины, по которым эту ошибку не замечали более 15 лет
Читать на нашем сайте
Через пять лет основным инструментом дизайнера станет код.
В канале @setka_design показывают, как генерировать красивые картинки, композиции и анимации.
🕸 Сетка
Реклама, ИП Арутюнов, ИНН 616618181949, erid: 2SDnjetjRSQ
В Фигме появилось мультиредактирование — теперь можно редактировать несколько объектов одновременно
Достаточно выбрать несколько слоев во фреймах, группах или секциях, изменить один элемент, и правки массово применятся ко всем выделенным элементам. Это удобно, когда необходимо внести одинаковые изменения в большое количество элементов
Мультиредактирование работает для текстовых слоёв, размеров, расположения, поворота, группировки, применения масок, функций объединения (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
Проектируем согласие на обработку данных в 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