31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
#цитата_дня
Главное — не просто сделать график, даже корректный. Ваша задача — убедительно и наглядно донести до читателей то, что вы нашли в данных. Сообщение, ключевую мысль или даже историю, которая в них есть. Программа, которая строит график, не знает и не может знать этой истории. Её можете и должны знать вы
«Графики, которые убеждают всех», Александр Богачёв
Как люди принимают решения
Перевод статьи доктора психологических наук Сьюзан Вайншенк о том, как заставить пользователей чувствовать уверенность в своих решениях и почему дать больше четырех вариантов на выбор — плохая идея
🙂️️ awdee.ru/how-people-make-decisions
#awd_article
Психология: 39 исследований человеческого восприятия
Обзор четырёх десятков исследований того, как мы воспринимаем графику вообще и графики с диаграммами в частности
🙂️️ awdee.ru/psychology-39-studies-of-human-perception
#awd_article #awd_infographic
Айдентика бельгийского паба À la Marine
Заведение находится в самом модном районе портового города Антверпена — Zuid. Паб — место встречи тех, кто плавает по миру, чтобы вернуться домой и рассказывать истории друзьям за выпивкой и хорошей едой
Айдентика в морской эстетике отлично раскрывает позиционирование À la Marine. Графический прием в логотипе визуально делает фразу “À la Marine” практически слышимой. А более 40 минималистичных иллюстраций похожи на картинки, которые люди иногда рисуют на салфетках за бесконечными разговорами
Больше картинок и видео: awdee.ru/identity-of-the-belgian-pub-a-la-marine
#awd_identity via behance.net/gallery/182566631/A-La-Marine
📑 14 материалов для взлета карьеры дизайнера
Артур Кузьмин, lead product designer из JetBrains (ранее Avito, ВТБ, Home Credit), выложил в открытый доступ уникальные материалы из своего курса про карьеру и скиллы
Такого в инете не найдешь
Для карьеры:
1. Бот для оценки грейда
2. Пошаговый план с 0 до 300к за 3 года
3. Статья: Какие кейсы должны быть в портфолио продуктового дизайнера
4. Плейлист: 8 записей разборов резюме, портфолио и кейсов
5. 110 самых популярных вопросов на техническом собеседовании
6. Плейлист: 5 часов ответов на 110 популярных вопросов
7. Топ-15 ошибок дизайнера в портфолио и резюме
8. Эфир про первую работу в продукте, в агентстве и в стартапе
Для дизайна:
9. Лекция: Всё про отступы и оптические компенсации за 1 час
10. Фигма-файл: Линейка общепринятых размеров отступов и элементов
11. Лекция: Разбор настроек типографики, системы размеров и интерлиньяжей за 1,5 часа
12. Полная таблица сочетаний размеров текста H1 до XS
13. Фигма-файл: Схема дизайн-процесса в большом продукте
14. Эфир про UI: Как оценивают визуал в тестовом задании
Забирай в шапке канала: /channel/+9af1hs7Xv-IxYjEy
Забирай сейчас — через 12 часов пост исчезнет 🙄
Реклама, Кузьмин Артур Вениаминович, ИНН 631939836083, erid: 2SDnjeh7Yqv
#цитата_дня
Как показали исследования, участники совещаний 60% времени тратят не на то, чтобы генерировать новые идеи, а на то, чтобы опровергать предложения своих коллег!
«Гейзер в голове. Креативные техники и мыслительные стратегии для рекламы, маркетинга и СМИ», Марио Прикен
#цитата_дня
Продуктовый дизайн — это то, как мы понимаем людей. Дизайнер должен выбраться из своей головы и разрушить крепость предположений, которая позволяет ему чувствовать себя комфортно. Он должен постоянно подвергать сомнению свою уютную точку зрения на мир. Люди способны удивлять. Это единственное допущение, которое я считаю для себя приемлемым.
«Как создать продукт, который полюбят. Опыт успешных менеджеров и дизайнеров», Скотт Хёрф
Институт цвета Pantone представил цвет 2024 года
Им стал бархатисто-нежный оттенок под названием Peach Fuzz — «персиковый пух»
Директор Pantone о новом цвете: «В поисках оттенка, который отражал бы врождённое стремление людей заботиться о себе и других, мы выбрали цвет, излучающий теплоту»
Нравится вам «персиковый пух»?
#awd_color via pantone.com/color-of-the-year/2024
Рубрики Оди
У нас на сайте немало рубрик с сотнями залипательных материалов
Например, рубрика «Обложки»: awdee.ru/tag/cover
#цитата_дня
Компьютеры позволили создавать шрифты кому угодно, и это привело к сильнейшему визуальному загрязнению в истории. Чтобы привлечь внимание к этому вопросу, я устроил выставку работ, созданных нами за многие годы с помощью всего 4 гарнитур: Garamond, Bodoni, Century Expanded и Helvetica. Целью выставки было показать, что, экономя шрифты, можно с успехом создать великое множество печатных материалов. Другими словами, важен не шрифт, а то, что ты с ним делаешь
“The Vignelli Canon”, Массимо Виньелли
Новый год мчится! 🎄
Выбор профессии – не то, с чем стоит торопиться, но с Креативным маршрутом вы точно сэкономите время.
Креативный маршрут – это подборка материалов от экспертов индустрии, которые помогут определиться с будущей работой мечты:
– 6 гайдов о профессиях
– 4 теста на профориентацию, чтобы понять свои сильные и слабые стороны
– видео-уроки о профессиях в дизайне
Бесплатная карьерная консультация в подарок!
Регистрируйтесь по ссылке и забирайте материалы на почте: https://go.contented.ru/erid_2Vtzqv5anpS
Реклама ООО "Скилфэктори", erid 2Vtzqv5anpS
#цитата_дня
Книга с квадратными иллюстрациями будет квадратной, книга с прямоугольными иллюстрациями будет прямоугольной (портретной или альбомной ориентации), в соответствии с наиболее подходящей формой демонстрации материала. Содержание определяет форму — это фундаментальная истина и в книжном дизайне. Рекомендуется строить модульную сетку в соответствии с пропорциями большинства изображений, чтобы свести к минимуму необходимость кадрирования
“The Vignelli Canon”, Массимо Виньелли
Вариативные шрифты
Вариативные шрифты произвели революцию в типографике. Они дают дизайнерам большую свободу для творчества и дополнительный инструмент выразительности, а также позволяют обеспечить максимальное удобство восприятия текста и более быструю загрузку контента
В статье мы рассказываем о том, что такое вариативные шрифты, какие преимущества у них есть и как применять их в работе. Также вы найдёте реальные примеры их использования, подборку из 10 классных бесплатных вариативных шрифтов для скачивания и множество сайтов, где собрана более подробная информация на эту тему и сами шрифты
🙂️️️️ awdee.ru/variativnye-shrifty
#awd_article #awd_typo #awd_font
#цитата_дня
Мне очень нравится концепция психолога Эда Динера. Он утверждает, что наша удовлетворенность зависит не от интенсивности позитивных переживаний, а от их частоты. Когда мы думаем, что подняло бы нас на вершину блаженства, то обычно представляем что-то «большое»: свидание с кинозвездой, присуждение Пулитцеровской премии или покупку яхты. Но Динер и его коллеги это опровергают. Человек, в жизни которого ежедневно происходит десяток приятных вещей, скорее всего, будет счастливее, чем тот, у кого в жизни произошло лишь одно событие, зато грандиозное. Так что носите удобные ботинки, чаще целуйте жену, ешьте картофель фри. Да, это мелочи. Но мелочи имеют огромное значение
«Как оставаться человеком на работе», Дэниел Гоулман
Как выравнивать текст в сетке по базовой линии шрифта: руководство для Figma
Перевод статьи Роберта Ипсихи о том, как с помощью функции auto-layout согласовать положение базовых линий текста с сеткой и задокументировать это в дизайн-системе
Как правило, чтобы выровнять текстовые элементы по сетке, дизайнеры используют границы текстового контейнера. Но чтобы среди остальных элементов дизайна текст выглядел более аккуратным, лучше выравнивать его так, чтобы с сеткой совпадали не края контейнера, а базовые линии текста
Проблема в том, что сделать это вручную в Figma довольно трудно. Поэтому автор нашёл решение. Он предлагает использовать компоненты на auto-layout вместо обычных шрифтовых стилей. Для этого нужно обрезать шрифт по верхней и нижней границе, а затем обернуть его в auto-layout. После этого в auto-layout можно добавить вертикальные паддинги, или внутренние отступы, и сместить текст так, чтобы его базовая линия всегда совпадала с сеткой
Макет Figma с примерами из статьи
🙂️️️️ awdee.ru/ultimate-guide-to-baseline-alignment-using-figmas-auto-layout
#awd_article #awd_ui
Рождественские открытки великих дизайнеров
В блоге AIGA есть занимательная подборка рождественских поздравительных открыток, разработанных знаменитыми дизайнерами середины 20 века: Полом Рэндом, Милтоном Глейзером, Имзами, Гербертом Любалиным, Антоном Станковски и другими
Посмотрите: awdee.ru/rozhdestvenskie-otkrytki-velikih-dizajnerov
#awd_print #awd_retro via eyeondesign.aiga.org/seasons-greetings-from-paul-rand-milton-glaser-elaine-lustig-cohen-the-eames
#цитата_дня
Не забывайте: хорошая идея говорит сама за себя, её можно изложить парой набросков. Идеи средней руки требуют наличия громоздких концепций для того, чтобы стать убедительными или вообще хоть сколько-нибудь понятными
«Гейзер в голове. Креативные техники и мыслительные стратегии для рекламы, маркетинга и СМИ», Марио Прикен
#цитата_дня
Практически ни одна идея не рождается на свет идеальной. Позвольте идее вырасти, для чего введите для работы в команде следующее правило: если без критического замечания в ходе обсуждения идеи не обойтись, сначала назовите оппоненту два аспекта его идеи, которые вам импонируют. Тогда последующая критика будет принята спокойнее и, вполне возможно, сразу же приведёт к тому, что идея будет улучшена
«Гейзер в голове. Креативные техники и мыслительные стратегии для рекламы, маркетинга и СМИ», Марио Прикен
Необычный дизайн ножа Oku
Шотландская мастерица по работе с металлом Кэтлин Рейли сделала этот оригинальный нож совместно с японскими ремесленниками. Они согнули ручку ножа на 90 градусов, что в итоге сделало его более функциональным. Судя по картинкам, нож удобно держать в руках, а вероятность того, что он запачкает стол стремится к нулю
Смелый ход, ведь Oku бросает вызов многовековым традициям дизайна посуды. Тем не менее нож Кэтлин победил в номинации «Лучший дизайн домашней утвари 2022» на конкурсе Dezeen. А Dezeen — одна из самых престижных премий в сфере архитектуры и дизайна
Больше картинок: awdee.ru/the-unusual-design-of-the-oku-knife
#awd_dessert via kathleenreilly.co.uk/oku
🙂️️ Как эффективно работать над продуктом? Четыре принципа из книги «It Doesn’t Have to Be Crazy at Work»
Перевод статьи Евгения Эшану про принципы, которые помогут создать хороший продукт
awdee.ru/four-principles-for-designing-better-products
#awd_article
Упаковка американских обжарщиков кофе Stereoscope
Стереоскоп — оптический прибор, который «превращает» две немного отличающиеся плоские картинки в стереокартинку
Название Stereoscope отражает философию основателей бренда. По аналогии со стереоскопом они смотрят на арабику глубже — не только как на продукт, но и как на растение, которое занесёно в Красную книгу. На упаковках они дают справочную информацию о кофе, а также рассказывают о своей позиции
За счёт монохромной палитры, слепого тиснения и геометрической формы коробочки выглядят строго и изысканно. Но гротеск в названии с разной шириной литер добавляет дизайну каплю динамики
Больше картинок: awdee.ru/packaging-of-american-coffee-roasters-stereoscope-coffee
#awd_pack via thedieline.com/blog/2023/2/8/stereoscope
#цитата_дня
Многие полиграфисты убеждены, что в аббревиатуре CMYK буква K — последняя от слова black, которую якобы взяли для избежания путаницы с буквой B, обозначающей blue в цветовой модели RGB. На самом деле CMYK расшифровывается как cyan, magenta, yellow, key color. Причём key color (ключевой цвет) может быть любым: хочешь — чёрным, а хочешь — серебряным
«Ководство», Артемий Лебедев
📖 Где взять 200 долларов на хорошее название для цвета года — Журналус № 384
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги «Легко и просто. Как справляться с задачами, к которым страшно подступиться»
— Новый цвет года Пантон
— Управление типографикой в Фигме
— Дизайн-системы как сети знания
— Советы по ценообразованию для творческих специалистов
— И советы начинающим фрилансерам
— Состояние рынка генеративного ИИ
— Новая крышесносная нейронка от Гугл
— Иллюстрированная история развития дизайна титров в кино
— Бесплатные рождественские иконки, пока не поздно
— И много чего ещё!
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Реклама ИП Олейниченко, ИНН 781697320774, erid: Kra23gh5z
Яндекс Музыка выкатила большое обновление и новый логотип
Обновление айдентики приурочили к освежению интерфейса и улучшению алгоритмов рекомендаций
На место банальной ассоциации первого уровня — ноты, пришёл яркий псевдообъёмный импульс. Он удачно взаимодействует с новым контрастным шрифтом. В направлении, куда «смотрит» импульс, шрифт — широкий, а с его обратной стороны — узкий. Это задаёт знаку и надписи общую динамику
Динамика, кстати, выбрана «позитивная» — вправо-вверх, в соответствии с матрицей эмоций
А ещё импульс отлично укладывается в музыкальный ассоциативный ряд: движение, энергия, вспышка, звёзды, и много чего ещё
Больше картинок: awdee.ru/yandex-music-rolled-out-a-big-update-and-a-new-logo
#awd_identity via music.yandex.ru/home
Как уберечь пользователя от потери данных по ошибке: проектирование «удаления» и «отмены»
Пять рекомендаций от UX Movement по проектированию действий, ведущих пользователя к удалению каких-либо данных.
🙂️️️️ awdee.ru/actions-that-prevent-data-loss
#awd_article #awd_ui
Логотипы, разработанные Полом Рэндом и его биография
Влияние Рэнда на индустрию дизайна огромно. Благодаря его работе в области рекламы и графики профессия дизайнера стала значимой и ценной для бизнеса, дизайнеры перестали восприниматься как обычные оформители. Он был одним из первых коммерческих дизайнеров в Штатах, кто принял, практиковал и распространял Швейцарский стиль
🙂️️ awdee.ru/paul-rand
#awd_article #awd_person
Советы для новичков на фрилансе: 29 вещей, которые я хотел бы знать, когда начинал фрилансить
Перевод рекомендаций Бруклина Нэша начинающим фрилансерам. Автор рассказывает, как устанавливать стоимость за услуги и повышать цены, находить клиентов и договариваться с ними. Он также объясняет, почему важно общаться с другими фрилансерами и никогда не работать бесплатно
Из нетривиальных советов — открывайте ссылку на Google Docs сразу при получении для проверки доступов, чтобы не оконфузиться после того, как вы откроете её через две недели, или отдавайте другим фрилансерам свои проекты, чтобы поддерживать work-life balance и не выгорать
🙂️️ awdee.ru/advice-for-new-freelancers-29-things-i-wish-i-knew-when-i-started-freelancing
#awd_article #awd_career
Азбука графического дизайнера и художника Ника Теплова из Лейпцига
Больше букв: awdee.ru/azbuka-2
#awd_illustration #awd_typo #awd_retro
📼 Уроки по анимации и рендерингу товаров в Blender
Девять коротких уроков, с помощью которых вы научитесь моделировать коммерческие продукты, анимировать их и делать 3D-рендеринг в Blender
Темы:
— Моделирование и анимация баночки средства по уходу за кожей с нуля
— Анимация распаковки кроссовок
— Моделирование чашки и нанесение на неё графических деталей с тиснением и эффектом глянца
— Полный процесс моделирования и анимации камеры наблюдения
— Моделирование и рендер губной помады
— Создание капель на банке
— Фотореалистичный рендер бутылки
— Рендер банки с напитком
— Анимация ноутбука Microsoft Surface
#awd_edu #awd_3d
Анимированный 3D-леттеринг для титров к фильму Thor: Love and Thunder
Режиссёр хотел, чтобы музыка «передавала ощущение безумного приключения, показанного на экране» и «напыщенную, шумную, цветастую палитру» фильма. Поэтому в нём звучат песни рок-групп 80-х годов
Соответственно, титры дизайнеры стилизовали под логотипы рок-групп той эпохи, а фон наполнили разнообразием цветов, неоном и электрическими разрядами
Надписи разработала дизайн-студия Perception. Шесть из них сделала Ольга Коваленко из Черногории
Больше картинок и анимаций: awdee.ru/animated-3d-lettering-for-the-credits-for-thor-love-and-thunder
#awd_lettering #awd_3D via experienceperception.com/work/thor-love-and-thunder