31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Рубрики Оди
У нас на сайте немало рубрик с сотнями залипательных материалов
Например, рубрика «Мокапы»: awdee.ru/category/files/mockups
Исследование настроек доступности
Яндекс опубликовал результаты исследования, которые показывают какой процент людей пользуется функциями доступности в системных настройках телефона
Эти данные важны, потому что 51% пользователей приложения Яндекс Браузер на iOS и Android, или более 20 миллионов человек, используют хотя бы одну настройку доступности
Топ-5 настроек доступности:
— Изменение размера шрифта — 35% пользователей
— Тёмная тема — 27%
— Функция «Экран вслух», которая озвучивает происходящее на экране — 6%
— Функция «Монозвук», которая объединяет два канала звучания и подаёт звук одинаково в левый и правый наушники — 3%
— Субтитры — 2%
Настройки доступности используют не только люди с особенностями здоровья. Остальные пользователи также включают их в отдельных ситуациях. Например, при воспалении одного уха, в условиях недостаточного освещения или неподходящей обстановки для прослушивания контента
inclusion.yandex.ru/settingsresearch
#awd_article
Шпаргалка по доступным областям нажатия
Перевод статьи Виталия Фридмана о размерах интерактивных элементов в мобильных интерфейсах
В статье автор рассказал:
— Об общепринятых рекомендациях в отношении областей нажатия. Они должны быть не менее 44×44 px, а в случаях кликабельных элементов в тексте — не менее 27×27 px
— О том, что кликабельные элементы по краям экрана должны быть больше по размеру, чем элементы, расположенные в центре
— О случаях, когда в нижней навигации количество пунктов меню превышает 5. Здесь стоит создать нижний оверлей, который будет скользить вверх/вниз вдоль основного экрана, а не стараться втиснуть все пункты в нижнюю панель навигации
— Об альтернативе всплывающим при наведении иконкам в строке сложных таблиц в виде кнопки «Действия» («Actions»)
— О помощнике, который необходим пользователю для выполнения сложных действий в интерфейсе
— О случаях, когда покупатель хочет выбрать цвет в интернет-магазине, а колорпикер слишком маленький. Тогда уместно добавить дополнительное касание, которое увеличит колорпикер, чтобы человек точно попал по цвету, который ему нравится
— О том, что всегда следует делать всю ширину или высоту элемента кликабельной, а также добавлять в область нажатия достаточные по размеру внутренние отступы
Эти практические приёмы помогут дизайнерам интерфейсов избежать «кликов ярости» со стороны пользователей
🙂️️️️ awdee.ru/accessible-target-sizes-cheatsheet
#awd_article #awd_ui
Акциденция в типографике
Дизайнер Сергей Телидченко написал статью о приёмах акциденции, которые помогают вдохнуть в текст эмоции и показать характер контента
Приёмы акциденции, которые автор рассматривает в статье:
— Графика в типографике: изображения врезают в заголовки
— Вёрстка встык или внахлёст: приближение элементов друг к другу или их наложение
— Намеренное перекрытие текста: наложение на текст фигур, контрастных фону
— Искажение слов или букв: изменение ширины или формы букв, разбивка заголовка
— Получение сложных форм при совмещении простых: разрыв фразы на отдельные строки и построение из них интересной формы
— Орнаментальность: создание рисунка из литер или слов
— Сочетание нескольких гарнитур в одной фразе: шрифтовая пара со схожими признаками и небольшим отличием, либо с сильной разницей и небольшим сходством
— Создание глубины и объёма: изображение текста в виде абстрактных элементов, текст в перспективе
В заключение автор подчёркивает, что при работе с акцидентной вёрсткой важно найти баланс между функцией и формой. Потому что, чем сложнее форма, тем труднее читать текст
В конце статьи вы найдёте много дополнительных материалов по теме
tilda.education/articles-display-typefaces-in-graphic-and-web-design
#awd_article #awd_typo #awd_edu
Термин: «Понимание задачи»
Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»
В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»
🙂 awdee.ru/term-understanding-the-task
#awd_article #awd_edu #awd_terms
#цитата_дня
Я по-прежнему создаю вещи, которые довольно отвратительны. Это часть процесса. Бывают периоды невероятной продуктивности и время, когда вы находитесь в состоянии застоя. Периоды отсутствия продуктивности важны, потому что именно тогда вы что-то понимаете. Через них нужно пройти, чтобы открыть что-то новое. Такие периоды необходимы для роста
The Beautiful Thinkers Project, Пола Шер
#цитата_дня
В качестве критерия идеальной продолжительности презентации я часто использую инаугурационную речь Джона Кеннеди. Поскольку Кеннеди сумел за 15 минут вдохновить целую нацию, вам должно хватить этого времени, чтобы в красках расписать свой продукт или идею
«Презентации в стиле TED. 9 приемов лучших в мире выступлений», Кармин Галло
Design & Mindset — авторский канал о карьере в дизайне и работе в продукте для всех, кто хотел бы развиваться быстрее ⚡️
Лиля — автор канала, продуктовый дизайнер в большой международной компании, ранее работала в Bang Bang Education. В своем искреннем телеграм-канале она рассказывает о том, что помогло найти работу на международном рынке, вырасти в доходе за последний год и при этом не забывать про work-life balance 🤍
Автор исследует продуктивность и мышление, делится личными и карьерными хаками из реального опыта:
— Как качать софт скиллы
— Продуктовый подход в поиске работы
— Зачем вам нужен LinkedIn
— Одно упражнение саморефлексии, способное изменить все
— Где искать работу в IT? Самые эффективные каналы поиска в 2024
Для всех новых подписчиков автор проведет бесплатную сессию с разбором портфолио или резюме, велком в канал ✨
Реклама. Ахметова Лилия Рамилевна, ИНН 771319307200. erid: 2SDnjbsmAit
У Оди вышла статья про опасность минимализма в дизайне:
https://awdee.ru/the-danger-of-minimalist-design/
На мой взгляд, примеры, приведённые в ней, иллюстрируют совсем не то, а половина из них вообще опровергают исходный тезис.
1. Очевидно, что телефонная будка справа — кусок говна. Но это не из-за минимализма, а из-за её низкого качества. Часто «минимализм» возникает из-за желания сэкономить на всём, и это сразу видно. Можно сделать минималистичную телефонную будку красивой.
2. Пишут: «Даже скамейки подверглись влиянию минимализма!». Видимо, читателю предлагается заключить, что правая скамейка плоха, но она ведь лучше левой! Она легче и элегантнее, у неё куда более приятная форма. На ней явно будет удобнее сидеть (если только железяки не заледенеют зимой) — деревяшки не будут впиваться в спину.
3. И здесь логотип явно улучшили. Нарисовать «плоский» знак красиво — большое искусство, и там действительно богатство и небезразличие в каждом изгибе. Наложить блики и тени — много ума не надо. Такие спецэффекты часто маскируют отсутствие внимания к деталям в самом знаке. В прошлом-то веке ещё ладно, для их изображения нужно было постараться художнику. А сегодня компьютер нарисует любое 3Д безупречно. В чём тут ценность?
Минимализм сам по себе не плох и не хорош. Плохо делать дизайн спустя рукава.
📖 Воруйте у лучших, чтобы создавать бессмертные вещи — Журналус № 389
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Алана Мура «Почему красота — это ключ ко всему»
— Подробное сравнение эффектов размытия в разных редакторах
— Как спроектировать интерфейс для касс самообслуживания
— Какие настройки доступности реально используют
— Что такое метод test-driven design, приём «Штука» и инвентаризация агрегатов
— Как правильно рассчитать область клика для интерактивных элементов
— Новая структура промтов для Midjourney v6
— Как спроектировать согласованный сет иконок
— Как реалистично показывать появление тени при наведении курсора
— Креативный дайджест с итогами года от «Российского клуба арт-директоров»
— Как уменьшить вес и оптимизировать файл в Figma
— Большой гайд по текстам в интерфейсе
— Зачем нужны научные исследования по дизайну и где их искать
— Как устроен гнев и как с ним бороться
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
👨🎨5 новых бесплатных Figma-плагинов #4
Мы нашли свежие плагины для Figma:
— Lummi — библиотека изображений, сгенерированных ИИ. Есть сортировка по категориям, поиск, раздел «Похожие изображения»
— Placemark Globe — генерирует векторные глобусы в нужном ракурсе и цветовой гамме
— GradientGaze — добавляет объектам голографические градиенты
— Icon. top — библиотека векторных иконок в линейном стиле из наборов Tabler и Lucide
— %Percent Area — позволяет установить площадь объекта в процентном соотношении от площади фрейма, внутри которого он находится
Каждый плагин мы проверили и записали скринкаст, чтобы было понятно, как он работает
awdee.ru/5-new-free-figma-plugins-4
#awd_figma #awd_tool
Упаковка средств по уходу за волосами корейского бренда Amos Professional
Продукты предназначены для профессионального использования. Заслуживает внимания минимализм, классная цветовая палитра и приятные материалы. Без сомнения, такие средства приятно держать на полке в салоне
Больше картинок: awdee.ru/packaging-of-hair-care-products-of-korean-brand-amos-professional
#awd_pack via behance.net/gallery/175521895/Amos-Professional-Brand-Reinventing
Тренд: «поплывшие/заплывшие» шрифты
Мы заметили несколько примеров «заплывших» литер. Речь о стилизации под аналоговый эффект, когда кажется, что на металлическую букву попало слишком много чернил и при отпечатке они немного расплылись по поверхности
Этот тренд — противоположность моде на ловушки для чернил в шрифтах, который был популярен в 2022 году
🙂️️️️️️ Примеры: awdee.ru/trend-floated-blotched-fonts
#awd_web #awd_site #awd_ui #awd_trend
#цитата_дня
Цифровые технологии предлагают новые, творческие способы сильной и персонифицированной связи с потенциальными клиентами в таких традиционных областях, как прямой маркетинг. Ярким примером такого подхода может служить акция дилера Porsche из Торонто, который объехал самые богатые районы города на сверкающем белом спорткаре 911-й модели, захватив с собой цифровой фотоаппарат и переносной принтер. Снимая новенькую машину на подъездных дорожках роскошных домов, дилер распечатывал индивидуальную рекламу и опускал в почтовые ящики. Кампания проходила под соблазнительным девизом: «Он ближе, чем вы думаете». Результат был просто потрясающим — 32 % откликов
«Бессознательный брендинг. Использование в маркетинге новейших достижений нейробиологии», Дуглас Ван Прает
Личный опыт: как фрилансеру повышать ценник в разы и браться только за интересные проекты
Данил Криворучко — крутейший цифровой художник и VFX-дизайнер, который сотрудничал с такими брендами, как Apple, Nike, Boeing, Verizon и Intel
Данил участвовал в создании открывающихся титров сериала «Основание», реализовал несколько NFT-проектов с растущими кристаллами, «оригами» и цветами, выпустил полностью трёхмерную короткометражку про первый контакт с внеземной жизнью Blindsight и сделал много других интересных проектов
Тем, кто не знаком с его творчеством, мы рекомендуем посмотреть его шоурил и сайт
На базе собственного опыта работы фрилансером Данил рассказал, что помогло ему за 5 лет увеличить свою ставку в 4 раза
Он объяснил, как рассчитать начальную ставку, торговаться с клиентами, повышать рейт и прийти к тому, чтобы не брать все проекты подряд. А ещё он поделился преимуществами и недостатками основных подходов к формированию цены — fix price, time-based и value-based
🙂️️ awdee.ru/freelance-rate
#awd_article #awd_career
#цитата_дня
В каждом проекте есть этап (или этапы), неприятный нам, та самая ж/д станция поздно ночью. Вместо того чтобы разобраться с этим этапом сразу же, большинство из нас совершают ошибку, огромную ошибку, и оставляют его напоследок. И вот уже искажено наше ощущение времени и мы не можем грамотно распределить силы
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Краткая история композиции
Перевод главы из онлайн-книги «Programming Design Systems» об истории появления и развития композиции в дизайне
Из неё вы узнаете, как и почему появились принципы той вёрстки, которые дизайнеры используют сейчас, и чем они обусловлены
Краткое содержание статьи:
— Как христиане оформляли ранние старинные рукописи
— Как писцы использовали сетки в Средние века
— Каким образом появление первых печатных станков повлияло на развитие сеток
— Какие эксперименты с сеткой ставили итальянские футуристы
— Какие подходы к композиции применяли Сол Басс и Пол Рэнд в рекламных продуктах
— Какое влияние швейцарские дизайнеры оказали на развитие системы сеток
— Как с позиции вёрстки эволюционировал сайт газеты The New York Times
Эта история поможет разобраться в том, как дизайнеры на протяжении веков использовали приёмы композиции для создания гармоничных дизайн-проектов в печати и в Интернете
🙂 awdee.ru/a-short-history-of-geometric-composition-2
#awd_article #awd_retro
#цитата_дня
Слава в мире графического дизайна напоминает славу в стоматологии — она не выходит за рамки профессии. Ни один таксист не назовёт имя какого-нибудь известного дизайнера. Никогда
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
В январе про нас написали:
— Bezfiltrovinstagrama
— ИКРАДИО | КАМЧАТКА
А мы напоминаем, что вы можете написать что угодно про Оди со ссылкой на наш канал или отдельный пост в нём. Каждый понедельник мы будем выпускать пост со ссылками на всех, кто про нас рассказал за неделю
Размер вашего канала значения не имеет. Так что не стесняйтесь участвовать, даже если ваш канал совсем нишевый и камерный
Нам новые читатели. Вам новые читатели. Нашим читателям — новые каналы для чтения. Такой вот win-win-win, получается
Как избежать типичных ошибок в дизайне кнопок
Перевод статьи Адхама Даннавея, в которой он сначала разбирает 9 распространённых ошибок при проектировании кнопок, а затем показывает пример группы кнопок, которые отвечают требованиям доступности и удобства использования. В заключение автор даёт 6 советов, которые помогут создать правильную визуальную иерархию кнопок, сделать их контрастными, удобными для попадания по ним и расположить их на достаточном расстоянии друг от друга
🙂 awdee.ru/button-design-tips-to-avoid-common-mistakes
#awd_article #awd_ui
Плакаты Даниэля Висманна из Берлина
Больше плакатов: awdee.ru/daniel-wiesmann-posters
#awd_poster via danielwiesmann.de
Как оформить иконку приложения и его скриншоты в сторе
Фёдор Миронов, дизайнер интерфейсов студии CleverPumpkin, написал статью о дизайне иконки приложения и его скриншотов в App Store и Google Play
В первой части автор объяснил, почему иконка — это не всегда логотип. Он рассказал обо всех нюансах её проектирования и исследованиях, которые помогают проверить, хорошо ли она работает
Во второй — почему скриншоты приложения так полезны при коммуникации с пользователем. Он поделился деталями архитектуры и оформления скриншотов, а также перечислил ключевые ограничения сторов в отношении их дизайна
🙂 awdee.ru/how-to-design-the-application-icon-and-screenshots-of-the-application-in-the-store
#awd_article #awd_ui #awd_mobile
#цитата_дня
Затянутые, запутанные и бессвязные презентации скучны. Это верный способ потерять аудиторию. Правило восемнадцати минут — не просто хорошее упражнение для развития внутренней дисциплины. Жизненно важно не перегружать аудиторию информацией. Помните о том, что создание презентации в жёстких рамках потребует от вас более творческого подхода. Иными словами, то, чего нет, делает то, что есть, ещё выразительнее и убедительнее
«Презентации в стиле TED. 9 приемов лучших в мире выступлений», Кармин Галло
Илья Бирман прокомментировал наш перевод про опасность минимализма
В целом, с ним сложно не согласиться: делать дизайн спустя рукава не стоит
Но хочется и возразить: при прочих равных, когда дизайн хорошо сделан, людям приятнее находиться в высоко детализированной среде, чем в стерильном пространстве с минимумом деталей
Не случайно домашний уют создают при помощи добавления в интерьер важных, но необязательных предметов. Не случайно нам нравится гулять по старым районам и паркам. Высокая детализация приятна человеку
Да, примеры в статье не самые удачные, тут Илья прав. Но идея в ней — верная
Дизайн бутылок лимитированный серии испанских вин Raras (Редкий)
Винодельня Bodegas Arráez совместно с Испанской федерацией редких заболеваний Feder создали проект, направленный на поддержку исследований редких заболеваний
Производители разработали уникальное вино из сортов винограда форкаллат и монастрель, а затем разлили его в 500 бутылок необычной формы. Как правило, на винодельнях такие бутылки считают бракованными и возвращают в начало производственного процесса в качестве сырья. Но в данном случае их отобрали, чтобы привлечь внимание к теме редких заболеваний. Всю прибыль авторы проекта планируют направить на исследование в этой области
Отдельно хочется отметить единственный декоративный элемент дизайна — гротеск с акцидентной литерой «a» в логотипе, которая как раз привлекает к себе внимание своей необычностью
Больше картинок: awdee.ru/bottle-design-of-the-spanish-raras-wine-series
#awd_pack via packagingoftheworld.com/2023/04/raras.html
#цитата_дня
Исследования когнитивных процессов показали, что нашему мозгу нужна общая картина, прежде чем он начнёт воспринимать подробности. Джон Медина однажды объяснил это следующим образом: «Сталкиваясь с тигром, первобытный человек не спрашивал себя, сколько у того зубов. Он спрашивал, съест ли его тигр». Ваша аудитория должна сначала увидеть картину целиком, а потом познакомиться с нюансами. Если вы не в состоянии описать суть своего продукта или идеи в 140 знаках, продолжайте трудиться над этим, пока не получите лаконичное и ёмкое описание
«Презентации в стиле TED. 9 приемов лучших в мире выступлений», Кармин Галло
Топ-7 лекций с питерского форума
Именитые дизайнеры, руководители студий, арт-директора и основатели креативных агентств делятся знаниями и опытом о разнице творчество и дизайна, роли сеток в типографике и вебе, собственом пути в профессии и многом другом.
Названия и описания:
— «Бросайте дизайн», Покрас Лампас
Рассказ о наболшевшем: чем отличается творчество от дизайна. От чего нужно бежать еще на этапе эскизов. Почему нельзя отвлекаться на мелкие проекты.
— «Предмет и фон», Эркен Кагаров
Про основы композиции: отношение цвета и формы, про форму и смысл, про контрформу, про распространенные и эфеективные приемы.
— «Дисциплина сеток, тактика типографики», Дмитрий Карпов
Что такое сетка и для чего она нужна. Базовые принципы сетки, как с ней работали классики дизайна, и как работают сейчас, современные арт-директора и дизайнеры
— «Найти самого себя», Василий Шишкин
Как найти самого себя и заниматься тем, что нравится? Как сделать жизнь более осмысленной и рациональной? Как управлять временем и прожить несколько жизней в одной.
— «Быть дизайнером», Михаил Шишкин
Зачем расширять кругозор и почему важен огонь в глазах дизайнера. Стоит ли работать в месте, где вам неуютно или поискать другой коллектив. Какую зарплату просить в агентстве, и что важно учитывать, мечтая о повышении.
— «Не лезь не в свое дело», Михаил Кучин, Денис Шумов
Что такое компетенция и что происходит, когда их несколько. Нужно ли лезть не в свое дело, или не стоит распылять внимание и углубленно заниматься чем-то одним. В лекции 13 небольших историй, на примере которых Денис и Михаил подробно разбирают данный вопрос.
— «Аппроксимация кривых», Иван Гладких
Что такое аппроксимация и как математический термин связан со шрифтами. Что такое кривые безье как зародился данный термин. Как на практике использовать кривые безье и какие лайфхаки помогут вам построить безупречные кривые.
Тема: #exclusive, рубрика: #video, #lecture
Новая структура промтов для Midjourney v6
Перевод треда Татьяны Цигулевой о том, как составлять промты для шестой версии Midjourney, чтобы получать точные результаты
В треде автор перечислила аспекты, которые нужно учесть в промте. Это тема, стиль, обстановка, композиция, освещение и информация о дополнительных объектах на картинке
awdee.ru/midjourneys-new-prompt-structure
#awd_article #awd_ml #awd_neuralart #awd_techno #awd_midjourney
Айдентика тайбэйской выставки молодых дизайнеров YODEX
В математике Origin — начало координат, точка пересечения координатных осей XYZ. Это — метафора начала, точки отсчёта, пересечения разных плоскостей и разных взглядов на дисциплину
Эта идея легла в основу айдентики и темы выставки. Разнообразие знаний студентов-дизайнеров пересекаются на выставке, как в точке пересечения координатных осей, что приводит к зарождению самых прогрессивных дизайн-идей
Больше картинок и видео: awdee.ru/identity-of-the-taipei-exhibition-of-young-designers-yodex
#awd_identity via behance.net/gallery/175172561/Young-Designers-Exhibition-(YODEX)-Key-Visual-Design
Мнение опытных дизайнеров: Как поддерживать work-life balance и не выгорать
Мы запускаем новую рубрику, в которой будем публиковать мнения нескольких заметных дизайнеров по одной конкретной теме
Для первой статьи мы выбрали вопрос сохранения баланса между работой и остальными сферами жизни. Его мы обсудили с Ильёй Бирманом, Александрой Корольковой, Дашей Почекуевой, Сашей Окуневым, Серёжей Рассказовым и Женей Арутюновым
Мы задали им несколько вопросов об этом. От каждого дизайнера мы получили весьма неожиданные ответы и интересные идеи. Например, помимо дизайна, наши герои лепят из глины, пишут романы, готовят еду и занимаются музыкой
Каждый из них поделился тем, как он устроил свою жизнь, чтобы найти баланс между работой и остальными сферами жизни: успевать погулять, почитать книгу, послушать подкаст, заняться домашними делами и при этом без надрыва делать крутые проекты
Для меня стало открытием ещё и то, что уделяя работе всего 3-6 часов в день, можно эффективно решать множество дизайнерских и управленческих задач
Дизайнеры также рассказали о том, что помогает им избежать выгорания: правильно налаженные рабочие процессы, личные проекты, психотерапия, музыка, а также составления списка занятий, которые просто радуют
🙂️️ awdee.ru/opinion-of-experienced-designers-how-to-maintain-work-life-balance-and-not-burn-out
#awd_career #awd_article #awd_opinions