31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Папка с каналами по теме UX/UI
Недавно в Телеграме появилась возможность делиться папками с каналами и чатами
Вот папка с каналами на тему дизайна интерфейсов и пользовательского опыта: /channel/addlist/Qmbu_AeYXegxOTgy
Кликайте, выбирайте каналы, которые хотите (их там сейчас 17 штук) и подписывайтесь на все в один клик. Если в папку будут добавлять новые каналы, Телеграм ненавязчиво предложит подписаться на них
Хороший способ найти для себя новые интересные источники дизайн-контента
(чтобы это сработало, обновите приложение до последней версии)
🇬🇧 106 Cognitive Biases & Principles That Affect Your UX
Команда Growth.Design составила справочник на тему «Психология в дизайне». В нём они собрали более ста когнитивных искажений и принципов, которые влияют на UX
Они разделили список на четыре этапа цикла принятия решений пользователями:
— Информация: люди не обращают внимания на огромное количество информации, даже когда она может быть для них важна
— Смысл: когда пользователи пытаются придать смысл информации, они придумывают истории и предположения, чтобы заполнить пробелы
— Время: люди очень заняты, они срезают углы и делают поспешные выводы
— Память: пользователи стараются запомнить самое важное, но их мозг предпочитает одни элементы другим
В каждую категорию авторы справочника поместили соответствующие эвристики и когнитивные искажения с объяснениями, примерами и подсказками
Список постоянно пополняется
growth.design/psychology
#awd_article #awd_edu #awd_ux
Дизайн упаковки линейки органических чаёв бренда Lusè
Название Lusè в переводе с китайского означает «зелёный» и подчёркивает натуральную природу чая
Каждому из шести вкусов соответствует текстурный акварельный фон. Он отображает цвет чая при заваривании. Его хорошо дополняют минималистичная стильная этикетка с утилитарной вёрсткой и золотое тиснение, которые добавляют дизайну элегантности
#awd_pack via packagingoftheworld.com/2022/12/luse.html
История визуализаций — как это было 140 лет назад?
Зацените классную статью о том, как создавали исторические визуализации в 19 и 20 веках. Авторы собрали 8 примеров визуализаций на самые разные темы: от статистики доходов театров Парижа до визуализации сокращения времени на путешествие по океану
Несмотря на то, что представленным в ней работам уже более 100 лет, все они соответствуют современным правилам визуализации данных
Каждый пример авторы проанализировали на предмет того, что отражает визуализация, каковы её особенности и какие приёмы использовал её создатель, чтобы улучшить восприятие информации
Статья: tableau.com/blog/design-secrets-historic-visualization
Перевод на русский: analytikaplus.ru/istoriya-vizualizatsij-kak-bylo-140-let-nazad
#awd_dataviz #awd_infographic #awd_retro #awd_article
Elemental — трёхмерные визуализации элементов периодической таблицы
Николас Фельтон с 2017 года ведёт проект Elemental, в рамках которого регулярно рендерит шикарнейшие визуализации элементов таблицы Менделеева. Похоже на то, что визуализации физически достоверные. В публикацию вошли лишь некоторые элементы, остальные смотрите в соцсети автора: instagram.com/anewplacetohide
У Николаса есть и другие интересные проекты. Например, с 2005 по 2014 год он ежедневно фиксировал, что делал в течение дня, то есть собирал данные про себя. И раз в год рисовал большие инфографические отчёты на основе этих данных. Каждый раз в новом стиле. Получился очень интересный проект длиной в 10 лет. Посмотреть можно тут: feltron.com
#awd_person #awd_3D #awd_infographic
Киноплакаты русского авангарда
Некоторые киноплакаты из книги Taschen: Film Posters of the Russian Avant-Garde, в которой собрано 250 афиш из Советской России 1920-х и ранних 30-х годов
Книга: taschen.com/pages/en/catalogue/film/all/44897/facts.film_posters_of_the_russian_avant_garde.htm
#awd_poster via itsnicethat.com/articles/taschen-film-posters-of-the-russian-avant-garde-graphic-design-publication-190122
Saint — бесплатный супердекоративный шрифт с кириллицей
Saint вдохновлён элементами готической архитектуры. Он представляет собой набор из 69 уникальных глифов со сложной формой, включая 33 кириллические буквы и 10 цифр
Шрифт хорошо подойдёт для плакатов, музыкальных обложек, экспериментальной айдентики и других творческих проектов
Доступен бесплатно
Скачать: behance.net/gallery/150260489/Saint-Free-Display-Typeface-Free-font-Typography
#awd_font #awd_free_download
Дизайн этикеток калифорнийского односолодового виски Wolves Malted Barley
Для бутылок дизайнеры разработали оригинальные тиснённые этикетки, вырезанные из овечьей кожи лазером, а текст на поверхность нанесли ультрафиолетовыми чернилами
Таким образом они хотели подчеркнуть премиальный уровень виски стоимостью 350$ за бутылку
#awd_pack via thedieline.com/blog/2023/4/6/wolves
Фотографии видимых цветов полной Луны
В течение 10 лет астрофотограф Марселла Джулия Пасе делала снимки Луны из разных мест Италии
Дело в том, что Луна часто меняет свет. Когда она находится низко над горизонтом, то окрашена в жёлтый или красный цвет. Голубой цвет — редкое явление для Луны. Оно возникает, когда в атмосфере находятся крупные частицы пыли. Если Луну окружают небольшие пурпурно-красные облака, её цвет становится почти зелёно-жёлтым, а если облака оранжево-розовые, то Луна превращается в сине-зелёную
На отдельной фотографии — полное лунное затмение, которое произошло в июле 2018 года. Тогда Луна, погружённая в тень Земли, выглядела тусклой и красной
#awd_art #awd_photo via astronet.ru/db/msg/1706834
Стиль и упаковка вьетнамской кофейни Café de Papa
Создать кофейню основателей вдохновили старинные французские кафешки с полосатыми навесами и столиками, которые стоят прямо на улице
Винтажная типографика, логотип в форме воздушного арочного окна, изысканность золотого и слепого тиснения придают айдентике французский шарм. А сочетание полос, вдохновлённых навесами французских кофеен, и латте-арта стало главным украшением упаковки
#awd_identity via behance.net/gallery/157850521/Cafe-de-Papa
📖 Как ниндзя используют софт-скиллы, чтобы презентовать тотемических животных в лифте — Журналус № 352
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги о грамотной презентации идей «Подай идею»
— Что такое софт-скиллы на самом деле
— 11 практических советов по работе с типографикой
— Как управлять креативностью
— Что такое метасценарии и как их использовать при проектировании интерфейсов
— Практические советы по ведению библиотек иконок в дизайн-системах в Figma
— Каких людей не хватает на рынке и какие базовые качества ценятся
— Типы источников света и их влияние на съёмку
— Какие задачи редактор может делегировать нейросетям
— Как работать с разными видами сетки
— Почему привычный брендинг теряет актуальность
— Почему шрифт стал центральной фигурой современной айдентики
— Бета-версия новой Stable Diffusion
— Мощная ИИ-программа для трёхмерной анимации персонажей
— ИИ-генератор картинок с возможностью обучения на своих подборках
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
🙂 7 сеток для интерактивного формата: конспект лекции Сергея Гурова
Сергей более 15 лет занимается созданием интерфейсов. Он делал дизайн для многих крупных брендов, включая Сoca-Сola, Pepsi, Citroen, Intel, Балтика и Камаз. Сейчас он работает творческим руководителем Школы композиционного проектирования
Недавно вышла его новая лекция, в которой он разобрал 7+ вариантов сеток для интерфейсов и показал реальные примеры их применения
Мы подготовили конспект лекции с тезисами, объяснениями и скриншотами из презентации
awdee.ru/7-grids-for-interactive-format-lecture-notes-by-sergei-gurov
👨🎨 Презентация: figma.com/proto/YktKroZs0gvpZrRrNhHG1Q/7СЕТОК?page-id=110%3A65434&node-id=110-65769
📼 Лекция: youtube.com/watch?v=sJDDLLBf2lk
#awd_edu #awd_lecture #awd_synopsis
📖 Скидка 20% на годовую подписку на «Журналус» в честь дня дизайнера
«Журналус» — медиа о дизайне Студии Артемия Лебедева. Оно фильтрует инфошум, выбирая самое ценное, важное и полезное. Помогает развиваться в профессии и быть в курсе трендов, но не тратить часы на скроллинг лент.
Сегодня каждый человек — дизайнер. Желаем новых интересных проектов и неиссякаемого потока идей!
Поздравляем всех и дарим праздничную скидку в 20% на годовую подписку на «Журналус» до 30 апреля по промо-коду: DESIGNWEEKОформить подписку со скидкой можно по ссылке: zhurnalus.artlebedev.ru
#промо
Как мы делали свой шрифт
Графический дизайнер студии Doubletapp Павел Лаптев написал подробную статью о создании корпоративного шрифта DT.HEADER своими силами
В ней автор подробно и наглядно рассказал обо всех этапах разработки шрифта, представил черновики, наброски с комментариями шрифтового дизайнера, сравнение в формате «было/стало». В заключение он показал новый шрифт, который студия применяет на разных носителях
Коротко перечислим ключевые тезисы:
— Корпоративный шрифт связывает все элементы айдентики в единое целое и помогает сформировать образ компании. Doubletapp пришли к созданию собственного шрифта после ребрендинга, когда изменили ценности компании и позиционирование. Тем не менее, лучше проектировать индивидуальный шрифт на стадии формирования бренда, когда он рождает в сознании людей устойчивые ассоциации
— Чтобы определить характер будущего шрифта и его параметры, важно получить ответы на следующие вопросы: Какие задачи должен решать шрифт? Для какого текста он предназначен? Для чего он вообще нужен? Как он будет работать?
Вот что получилось у Doubletapp: DT.HEADER — мощный, устойчивый шрифт с широкими формами, открытой апертурой, которая передаёт тональность сообщения. Это голос бренда, шрифт с характером. Его основная задача — выразительность и привлечение внимания. Шрифт выполнен только в прописных и только в одном начертании (black). Он предназначен для использования в заголовках, слоганах, коротких тезисах. Не подходит для набора объёмного текста — его иллюстративность превыше удобочитаемости
— Поиск пропорций, контраста, апертуры (степени открытости) на самых выразительных литерах поможет определиться с настроением шрифта
— Геометрически правильные буквы выглядят плохо, поэтому нужно обязательно уделить время на работу с оптическими компенсациями
— Кернинг — настройка расстояния между двумя определенными символами в зависимости от их размера и формы. При создании шрифта важно проверить соседство каждого знака с каждым другим знаком, включая цифры, знаки препинания и все остальные элементы
— Чтобы удостовериться, что шрифт получился хорошим, имеет смысл обратиться к шрифтовому дизайнеру. Для этого необходимо правильно и наглядно презентовать собственные наработки. Шрифтовик даст критерии, по которым он оценивает шрифт, и рекомендации по его улучшению
— После внесения корректировок, важно снова проверить кернинг и сделать хинтинг
Для создания шрифта Павел использовал Adobe Illustrator, InDesign и Type Tool
Статья полностью: habr.com/ru/companies/doubletapp/articles/728122
#awd_article #awd_summary #awd_edu
Кампания городского совета Мадрида по борьбе с использованием пластика
Силуэтные иллюстрации многоразовой и экологичной тары для покупок демонстрируют прохожим альтернативы пластику. Вместе со слоганами, набранными нейтральным гротеском, они призывают горожан позаботиться об окружающей среде
Получилась минималистичная, скромная и одновременно информативная социальная реклама
#awd_identity via behance.net/gallery/111354955/Madrid-City-councils-plastic-usage-campaign
🙂 16 качеств продуктивных людей
Перевод статьи Джона Рэмптона о том, какие привычки помогают людям достигать крутых результатов в работе и личной жизни. За основу автор брал примеры таких людей, как Уоррен Баффет и Авраам Линкольн, и рекомендации тренеров по развитию продуктивности. Советы из статьи помогут правильно концентрироваться на работе, меньше отвлекаться и создавать благоприятные ситуации для достижения поставленных целей
awdee.ru/16-qualities-you-need-to-be-productive
#awd_article #awd_career
3D-арты Кайта Кибара из Эстонии
Когда-то Кайт вдохновился творчеством американского цифрового художника Крейга Маллинса. Он освоил рисование на планшете Wacom и постоянно учился, чтобы в итоге занять должность концепт-дизайнера в Guerrilla Games в Амстердаме, а затем в VFX industry в Стокгольме
Со временем художник выработал собственный стиль и увлёкся темой постапокалипсиса и освоения космоса
artstation.com/kait
#awd_illustration #awd_3D
Айдентика шанхайской pet-friendly кофейни Куки
Владелец назвал кафе в честь своего кота и позиционирует его как место, где посетители могут отдохнуть вместе со своими питомцами и выпить чашечку кофе
Визуальный стиль отлично демонстрирует настроение заведения: милые линейные иллюстрации котиков и игривый логотип в сочетании со спокойной цветовой палитрой
#awd_identity via behance.net/gallery/169121951/Kookie-Coffee-Shop-Brand-Identity
🙂 Плакаты известного немецкого графического дизайнера Уве Леша
Его работы отличаются запоминающимися образами, оригинальными идеями и нестандартными композициями
В начале 1980-х годов Уве Леш создал множество плакатов, которые сделали
его всемирно известным. Персональные выставки этого плакатиста прошли в более чем 30 странах мира
Он получил множество первых призов на Международных плакатных биеннале, преподавал коммуникационный и медиа-дизайн в университетах Германии и по сей день является членом Международного графического альянса
Больше плакатов смотрите у нас на сайте: awdee.ru/uwe-loesch
#awd_poster
🙂 Одни и те же данные, разные истории: Как манипулировать графиками, чтобы поддержать нарратив
Все дизайнеры знают о тёмных паттернах, которые применяют компании, чтобы удержать пользователей на сайте или заставить их совершить ненужную покупку. А как насчёт визуализации данных? Оказывается, с помощью манипуляций с графиками информационные дизайнеры могут презентовать одни и те же данные так, что результаты будут кардинально отличаться
В статье автор рассказывает об уловках, к которым прибегают компании, чтобы представить свои показатели так, как выгодно им. Эта информация поможет научиться считывать нечестные графики и задавать правильные вопросы, которые позволят получить достоверную информацию
awdee.ru/same-data-different-stories-how-to-manipulate-the-graphs-to-support-your-narrative
#awd_article #awd_dataviz #awd_infographic
Фотореалистичные рендеры Марека Данко из Праги
Арты Марека отличаются высокой степенью детализации. При просмотре его рендеров не покидает ощущение, что это реальные фотографии. Тем не менее, все работы он делает в программах для создания трёхмерной графики
Посмотреть процесс: denko.artstation.com
#awd_illustration #awd_3D
Фэнтезийные иллюстрации Аарона Кэмпбелла из Ванкувера
Аарон специализируется на иллюстрациях и концепт-арте. С помощью Photoshop он создаёт захватывающие миры, наполненные цветом и загадочной атмосферой
В течение трёх лет Аарон изучал дизайн, брендинг и иллюстрацию в университете Капилано в Канаде
Больше картинок: behance.net/gallery/153835187/Super-Droplets-
#awd_illustration
Портфолио иллюстратора Мацея Шимановича из Варшавы
Мацей оформляет обложки и рисует иллюстрации к книгам, создаёт театральные афиши и настольные игры в своём узнаваемом мультяшном стиле
Он закончил факультет кукольного искусства Театральной академии в Белостоке и какое-то время работал актёром-кукольником, но в итоге вернулся к иллюстрации
behance.net/maciejszymanowicz
#awd_illustration #awd_art #awd_cover
Атмосферный ролик The Circle
The Circle — сфера. Она катится сквозь отдельные фрагменты нашей жизни, которые складываются в плавное повествование
Видео впечатляет профессиональной работой со светом, тенями и отражениями, детализированной графикой и приятными анимациями
Эта работа входит в коллекцию независимого музея Моко, расположенного в Амстердаме и Барселоне
Проект полностью: behance.net/gallery/164397611/The-Circle
#awd_motion #awd_3D
Айдентика итальянского фестиваля Сантарканджело
Сантарканджело — событие, посвященное современному театру, танцу и исполнительским искусствам. Фестиваль проходит ежегодно, в июле, в небольшой коммуне Сантарканджело-ди-Романья
На его 50-летие дизайнеры разработали яркий провокационный стиль, а сам проект назвали «Сантарканджело не существует». Его центральный элемент — перечёркнутый текст, который предлагает жителям представить, каким был бы их город без фестиваля, и тем самым подчеркнуть его значимость
Больше картинок: behance.net/gallery/84614547/Santarcangelo-non-esiste
#awd_identity #awd_poster
🙂 Российские художники сыграли в «Сломанный телефон» с помощью комиксов
22 иллюстратора сыграли ВКонтакте в «Сломанный телефон» в непривычном формате
В течение нескольких недель участники тайно передавали друг другу нарисованный ими комикс, в котором реплики героев были скрыты от следующего участника. Задача заключалась в понимании смысла иллюстрированной истории, перерисовке комикса в своём авторском стиле и передаче следующему участнику вновь со скрытым текстом
Когда все истории были готовы, художники одновременно опубликовали их в своих сообществах Вконтакте. Первый комикс был посвящен пирожку, финальная история — онлайн-знакомствам
awdee.ru/russian-artists-played-broken-phone-with-the-help-of-comic-books
#awd_illustration #awd_comics
Иконописный футуризм Антона Фролова из Ростова-на-Дону
В начале творческого пути в работах Антон объединял лаконизм японской манги и пластику иконописи. Постепенно он менял свой стиль в сторону высоких технологий далёкого будущего и добавлял элементы советского футуризма. При этом в картинах он старается сохранить пластику и лаконичность иконописи. Так появился его иконописный футуризм — синтез духовности и высоких технологий
Все свои произведения Антон объединяет в один проект под названием «Леодр», которое в переводе с древнерусского означает «миллион»
Антон рисует на фанерных планшетах, прочность которых позволяет использовать пропитку, наносить грунтовку, применять темперу (водяные краски на основе сухих порошковых пигментов) в лессировочной технике, накладывать поталь — имитацию тонкого листа золота и добавлять трещины (кракелюр)
Проект полностью: vk.com/leodr1000000
#awd_art
Онлайн-архив вымышленных брендов из фильмов, сериалов и видеоигр
Дизайнер Лоренцо Бернини собрал эту коллекцию для диссертации по коммуникационному дизайну в Политехническом университете Милана
Сайт содержит информацию о 116 несуществующих брендах с рубрикатором по жанрам, отраслям и способам взаимодействия с аудиторией
На странице каждого бренда автор представил логотип, шрифты (не везде), название фильма/игры со скриншотами кадров, где он появлялся, год выпуска, описание бренда и его вымышленную историю
В коллекции есть бренды из таких фильмов, как Отель «Гранд Будапешт», Терминатор, Матрица, Аватар, Звёздные войны, Бойцовский клуб и другие
fictionalbrandsarchive.com/index.php
#awd_collection #awd_branding
Новая серия 3D-композиций «Весна» Матьё ле Берра из Парижа
Пример качественной работы с композицией, цветом, тенями и светом
#awd_3D #awd_illustration #awd_art via behance.net/gallery/168117917/Primavera-Illustrations
Театральные афиши немецкой дизайн-студии Neue Gestaltung
#awd_poster via behance.net/neuegestaltung