31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
#цитата_дня
Следует обратить внимание ещё вот на что: идея одной профессии на всю жизнь исчерпала себя. В этом нестабильном мире завтра нам всем придётся научиться находить работу везде, где можно, менять род занятий по необходимости и быть постоянно открытыми любым возможностям и всему новому. Базовое дизайнерское образование и навыки работы с программными средствами формируют основу для успеха в этом новом прекрасном мире
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Фишки Photoshop за 1 минуту
В подборке — видеоуроки, просмотр каждого из которых займет у вас не более 60 секунд. Всего за одну минуту вы сможете проследить полный процесс создания популярных современных эффектов, gif-анимации или постера в Adobe Photoshop. Уроки понравятся как опытным пользователям, так и тем, кто лишь недавно начал знакомство с программой.
Темы уроков:
— Эффект левитации
— Синемаграфия: как сделать живую картинку
— Постер из шаблона Adobe Stock
— GIF-анимация
— Двойная экспозиция
— Искусство Photoshop: композитинг
Тема: #program, рубрика: #training
Как начать читать научные исследования по дизайну и зачем они нужны
Лид DesignOps в Tinkoff Юля Кондратьева рассказала, зачем дизайнерам читать научные статьи и как правильно искать их в интернете
Читать научные статьи по дизайну тяжёло: они объёмные, написаны на английском, и зачастую найти их полный текст — тот ещё квест. Но автор приводит несколько аргументов в пользу того, почему это полезно. Научные статьи могут помочь:
— Защитить дизайн-решение. Данные из научной статьи позволят доказать клиенту, команде или арт-директору, что принятое дизайн-решение взято не с потолка
— Придумать новые гипотезы. На основе исследований можно проверить новые идеи или уже существующие паттерны
— Узнать что-то новое. Это интересно и повышает квалификацию. В этом пункте автор показывает, как искать научные статьи в интернете
Разница между научными статьями и экспертными мнениями/обзорами:
— Внимательное отношение к данным. В научных статьях авторы учитывают статистическую значимость отличий и думают о разнообразии выборки участников
— Понимание, на основе чего сделан вывод. Есть чёткое описание эксперимента и ссылки на предыдущие исследовательские работы
— Наличие ссылок на другие статьи
Чтение научных статей требует больше времени, чем поиск в Гугле, но окупается более подробными, точными данными и, часто, свежим взглядом на проблему
Статья полностью: habr.com/ru/articles/784526
📼️️️️️️На основе статьи есть видео: youtube.com/watch?v=hG4mR3r3fgI
#awd_article #awd_edu
Две линейки шоколадных конфет гватемальской марки Zacapa
Конфеты идут в дополнение к фирменному рому Zacapa и предназначены для подарка. Поэтому и упаковка роскошная — элегантный рукописный логотип и золотое тиснение на чёрном фоне
Дизайн самого шоколада уже делает его произведением искусства, настолько он необычный. В линейке The Everyday Range конфеты в форме гор намекают на гватемальское происхождение бренда, а в The Elevated Range оригинальность конфет выражается в их красочности
Больше картинок: awdee.ru/two-lines-of-chocolates-from-the-guatemalan-brand-zacapa
#awd_pack via thedieline.com/blog/2024/1/10/here-design-elevates-zacapa-chocolates-with-luxurious-packaging
Айдентика и сайт голландского финтеха Levenue от студии Embacy
Levenue — финансовая платформа на основе регулярных доходов, предоставляющая стартапам возможность привлекать инвестиции, не утрачивая контроль над управлением и принятием решений
Дизайн-концепция базируется на идее пересечения путей, соединяющихся в единый хаб. Насыщенная цветовая палитра придает айдентике выразительность, а веб-дизайн гарантирует узнаваемость бренда благодаря грамотному использованию стилевых констант без избыточной графики
https://www.behance.net/gallery/187335315/Levenue-Brand-Identity-Website?erid=2SDnje6zChE
#промо
#цитата_дня
В каждом проекте есть этап (или этапы), неприятный нам, та самая ж/д станция поздно ночью. Вместо того чтобы разобраться с этим этапом сразу же, большинство из нас совершают ошибку, огромную ошибку, и оставляют его напоследок. И вот уже искажено наше ощущение времени и мы не можем грамотно распределить силы
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Краткая история композиции
Перевод главы из онлайн-книги «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
Линейка мексиканских баночных вин Pepe Palermo
Крепкий дизайн с экспериментальной вёрсткой, понятным цветовым кодированием и шрифтом с обратным контрастом (это когда горизонтальные штрихи толще вертикальных)
Больше картинок: awdee.ru/pepe-palermo
#awd_pack via espina.studio/pepe-palermo
Тренд: гармоничное сочетание цвета текста и фона
В большинстве случаев на сайтах дизайнеры оставляют основной текст чёрным или белым, чтобы сохранить высокий уровень читаемости. Но мы заметили новый тренд — стильное сочетание яркого, красочного наборного текста на подходящем цветном фоне
Примеры: awdee.ru/trend-harmonious-combination-of-text-and-background-color
#awd_web #awd_site #awd_trend
#цитата_дня
Искать новые заказы нужно, когда мы ещё заняты работой, когда, как футбольная команда, только что забившая гол, мы переполнены энергией и уверенностью. Когда работы нет, мы начинаем сомневаться в себе и своих силах — не лучшее эмоциональное состояние для поиска клиентов
«Как стать дизайнером, не продав душу дьяволу», Адриан Шонесси
Айдентика мексиканского кофейного бренда Extraño Accidente
Максимально акцидентный шрифтовой логотип отлично соответствует названию Extraño Accidente — Странное Происшествие. Идею хорошо поддерживают динамичные иллюстрации и экстравагантное сочетание цветов
Больше картинок: awdee.ru/the-identity-of-mexican-coffee-brand-extrano-accidente
#awd_identity via behance.net/gallery/187137429/EXTRANO-ACCIDENTE
Рубрики Оди
У нас на сайте немало рубрик с сотнями залипательных материалов
Например, рубрика «Мокапы»: 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