31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Fabrie — платформа для удалённой командной работы
В Fabrie можно создавать, обсуждать и хранить все файлы проекта: заметки, рисунки, блок-схемы, ментальные карты, таблицы и другие файлы
Работает по принципу бесконечного холста, как Miro и Figma, плюс есть интеграция баз данных. Например, вы делаете каталог товаров для интернет-магазина, а все их характеристики находятся в экселевской таблице. Её можно интегрировать в Fabrie и заполнять карточки товаров данными прямо там, не переключаясь между файлами
Ещё в Fabrie можно создавать презентации из содержимого доски. Есть готовые шаблоны для быстрого старта: персоны, мудборды, пути пользователей, таймлайны, инструмент для брейншторминга и другие
На момент публикации сервис доступен бесплатно
fabrie.com
#awd_tool #awd_webtool
Концептуальные плакаты Криса Ро из Сеула
В своих работах Крис экспериментирует с типографикой, вёрсткой, формами, фотографиями, размещает на плакатах оригами, инсталляции, а некоторые анимирует
Крис выставляет свои работы по всему миру, а некоторые из них вошли в постоянные коллекции Государственного музея прикладного искусства «Новая коллекция» в Мюнхене, Музея декоративного искусства в Париже и Национального музея Хангыля в Сеуле
В настоящее время он преподает дизайн, типографику и формообразование в Университете Хонъик в Сеуле
Больше плакатов: awdee.ru/chris-ro-posters
adearfriend.com
#awd_poster
🙂 Письмо или картина? Как корреспонденция иллюстратора Акселя Шеффлера стала выставкой
Ребята из дизайн-студии «Магвай» написали познавательную статью о конвертах, разрисованных немецким иллюстратором Акселем Шеффлером
В ней они:
— Рассказали об интересных фактах из биографии Акселя Шеффлера
— Показали множество разрисованных им конвертов с ироничными и фантастическими сюжетами, которые он использовал для отправки писем своим друзьям и родным
— Раскрыли примечательные факты о некоторых рисунках: периодах, в которые иллюстратор их создавал, и событиях, которые он в них отражал
awdee.ru/how-the-correspondence-of-the-illustrator-axel-schaeffler-became-an-exhibition
#awd_illustration #awd_art #awd_article
Как работает шрифт
Арт-директор студии «Паратайп» и автор известной книги «Живая Типографика» Александра Королькова ведёт Шрифтовой видеоблог. В нём есть мини-курс лекций для дизайнеров о том, как научиться разбираться в шрифтах и подбирать их для работы. Он включает 10 видеороликов длительностью от 10-30 минут:
— Как работает шрифт (в двух словах)
— Почему выбирать шрифты методом тыка — плохая идея
— Как научиться отличать удачную кириллицу в шрифте от неудачной. Первый маркер — буква Д
— Буква Л
— Буква Ф
— Буква б
— Буква Ж
— Как [на самом деле] выглядит кириллица
— Как разобраться в кириллице
— Шрифт и иллюстрация
Кстати, книга Александры доступна бесплатно: awdee.ru/kniga-zhivaya-tipografika-teper-besplatna
#awd_edu #awd_font #awd_typo
Сайт приложения для заметок Obsidian
Аккуратный сайт, в котором сочетание чёрного с фиолетовым делает его современным и немного футуристичным, а прикольные интерактивные вставки отлично демонстрируют возможности приложения
obsidian.md
Кстати, само приложение очень крутое. Быстрое, гибкое, очень функциональное, с открытыми исходниками и бесплатное
#awd_web #awd_site
📖 14 миллиардов лет медленного дизайна без прокрастинации — Журналус № 358
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги «Дизайн персонажей. Концепт-арт для комиксов, видеоигр и анимации»
— Что такое динамические ИИ-интерфейсы и почему за ними будущее
— Манифест «медленного дизайна» от студии Family
— Как управлять вниманием пользователя в момент первого знакомства со страницей
— Что такое шаблоны проектирования в дизайн-системе
— Откуда берётся прокрастинация и как с ней справляться
— Интервью с независимым дизайн-директором Валей Черным
— Интервью с моушен-дизайнерами и режиссёрами о работах для люксовых брендов
— Подборка лучших плагинов для ChatGPT
— Опенсорсная утилита для создания реалистичных дипфейков
— Обновлённая система проектирования Fluent 2 от Microsoft
— Платформа для создания приложений на базе ИИ
— Уникальный интерактивный таймлайн с историческими событиями за 14 млрд лет
— Бесплатный онлайн-курс от Figma о дизайн-системах
— Обзор новинок от Apple c презентации WWDC
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Концепт сайта для нумизматов и коллекционеров Numismatist
Хороший пример чистого минималистичного дизайна, в котором монохромная палитра помогает сделать акцент на иллюстрациях, а псевдовинтажная антиква подчёркивает историческую тематику концепта
Полный кейс тут: dprofile.ru/case/20774/numismatist
#awd_web #awd_ui
Трёхмерная графика Ивана Прохорова
Больше картинок: awdee.ru/3d-by-iwan-prokhorov
#awd_3D via instagram.com/iwanprokhorov
Логотип японской транспортной компаний Yamato Transport
Yamato Transport работает с 1919 года. Это одна из крупнейших в Японии компаний по доставке грузов «от двери до двери», которая занимает почти 47% рынка грузоперевозок. В 1957 году её основателя вдохновил маскот американского бренда Allied Van Lines — белая кошка, несущая в зубах котёнка. И он попросил у них разрешения сделать нечто подобное
Дизайнер Yamato Transport разработал логотип в виде чёрной кошки с котёнком в зубах, который символизирует бережное отношение к грузам клиентов. С тех пор Yamato Transport стала известна как Kuroneko, что в переводе с японского означает «чёрная кошка»
Отличная идея и «наивный» стиль позволили логотипу стать одним из самых узнаваемых в Японии
Логотип не меняли долгое время, но и ребрендинг, который Yamato Transport провели в 2021, незначительно затронул его, лишь сделав персонажей менее детализированными
Больше картинок: awdee.ru/logo-of-japanese-transport-company-yamato-transport
#awd_identity #awd_logo via yamato-hd.co.jp/english/pr/logo2021
Сайт Unloan — филиала австралийского банка Commonwealth
Хороший текст «в мире клиента», который не испортили чрезмерным оформлением. Грамотные акценты, расставленные при помощи крупных заголовков и ярких градиентов
Рекомендуем посмотреть все страницы сайта, потому что на каждой из них можно найти интересные решения для вашей папки с референсами
unloan.com.au
#awd_web #awd_site
🙂 Шпаргалка по доступным областям нажатия
Перевод статьи Виталия Фридмана о размерах интерактивных элементов в мобильных интерфейсах
В статье автор рассказал:
— Об общепринятых рекомендациях в отношении областей нажатия. Они должны быть не менее 44×44 px, а в случаях кликабельных элементов в тексте — не менее 27×27 px
— О том, что кликабельные элементы по краям экрана должны быть больше по размеру, чем элементы, расположенные в центре
— О случаях, когда в нижней навигации количество пунктов меню превышает 5. Здесь стоит создать нижний оверлей, который будет скользить вверх/вниз вдоль основного экрана, а не стараться втиснуть все пункты в нижнюю панель навигации
— Об альтернативе всплывающим при наведении иконкам в строке сложных таблиц в виде кнопки «Действия» («Actions»)
— О помощнике, который необходим пользователю для выполнения сложных действий в интерфейсе
— О случаях, когда покупатель хочет выбрать цвет в интернет-магазине, а колорпикер слишком маленький. Тогда уместно добавить дополнительное касание, которое увеличит колорпикер, чтобы человек точно попал по цвету, который ему нравится
— О том, что всегда следует делать всю ширину или высоту элемента кликабельной, а также добавлять в область нажатия достаточные по размеру внутренние отступы
Эти практические приёмы помогут дизайнерам интерфейсов избежать «кликов ярости» со стороны пользователей
awdee.ru/accessible-target-sizes-cheatsheet
#awd_article #awd_ui
🙂 Швейцарский панк или типографика «новой волны»
Рекомендуем ознакомиться с познавательной статьёй о том, как графические дизайнеры 1970–80-х годов выступили против строгого швейцарского стиля и сломали устоявшиеся правила
В 1950–60-е годы в графическом дизайне царил идеальный порядок — минимализм в рекламе, модульная сетка в плакате, гротеск в наборе и акциденции, а также стремление к чёткой коммуникации со зрителем. Но некоторые дизайнеры подвергли сомнению принципы швейцарского стиля и начали их нарушать. Так появилась типографика «новой волны» — швейцарский панк, который, зародился в сердце международного стиля — в Базеле
Ключевой фигурой типографики «новой волны» стал дизайнер-самоучка, типограф Вольфганг Вайнгарт. Он использовал перегруженные фотоколлажи, «играл» с размерами слов, свободно располагал визуальные элементы, делал неравномерную разрядку в словах, использовал «порочный» интерлиньяж, «вялый» контраст насыщенности и многое другое
Далее эти идеи подхватили его последователи — Даниэль Фридман, Эприл Грайман, Вилли Кунц. В своих работах они демонстрировали независимое мышление, отказ от шаблонов, эклектичный стиль, активную работу с типографикой и эксперименты с вёрсткой
В результате дизайнеры «новой волны» открыли новые пути в развитии графического дизайна. Они объединили типографический порядок и эмоции, и тем самым добились новой интерпретации правил швейцарской типографики
Влияние швейцарского панка заметно и сейчас в оформлении оригинальных книг и экспериментальных плакатов
В статье вы найдёте развёрнутые описания приёмов, которые использовали в работах представители «новой волны», а также примеры их самых ярких проектов: awdee.ru/swiss-punk
#awd_swiss #awd_article
Трендлист — список трендов в дизайне
Сайт, на котором отслеживают тренды в графическом дизайне. Они сопровождаются кратким описанием, примерами работ и диаграммой популярности по годам. Популярность, конечно, необъективная, а именно на этом сайте
Больше картинок: awdee.ru/trendlist-2
trendlist.org
#awd_tool #awd_link #awd_collection
Swissted — плакаты рок-концертов в швейцарском стиле
Нью-Йоркский дизайнер Майк Джойс любит две вещи: швейцарский модернизм и панк-рок. Эти увлечения превратились в сайт swissted.com, на котором Майк публикует свои редизайны плакатов реально состоявшихся концертов и выступлений
Кстати, на плакатах не Гельветика, а строчные буквы шрифта Бертольд Акциденц-Гротеск Медиум
Больше плакатов: awdee.ru/swissted-swiss-style-rock-concert-posters
swissted.com
#awd_gold #awd_swiss #awd_poster
Научите своих дизайнеров рисовать хорошую графику
Графика на экране или поверхности продукта не меняет его форму и функцию, но меняет сам продукт. Плохая графика порождает у покупателя уныние и возбуждает подозрение, хорошая — вызывает восхищение и устанавливает доверие, повышает конверсию приложений и шансы пройти модерацию в сторах.
На курсе «Пиктограммы и системы знаков» Сергей Чикин учит дизайну хороших понятных иконок. Участники разбираются в сценариях использования иконок, анатомии объектов и стилях графики. Учатся подбирать сильные метафоры, «напрягать» кривые и создавать семейные «гены» набора пиктограмм. Преподаватель делится графдизайнерскими хитростями.
Курс будет полезен и тем, кто сам дизайнит иконки — дизайнерам, шрифтовикам, проектировщикам интерфейсов, разработчикам мобильных приложений, рекламщикам, проектировщикам навигационных систем, и тем, кто принимает у них работу: арт‑директорам и арт‑лидам, руководителям отделов дизайна, менеджерам АСО, продюсерам, продакт‑оунерам, продактам и проджектам.
Преподаватель курса — Сергей Чикин, дизайнер-иконист Бюро Горбунова, автор крупнейшего в мире набора иконок, дизайнил иконки для приложений Туту и Додо.
Записаться на курс заранее и сэкономить 20% до 13 июня
Пиктограммы и системы знаков 3—23 июля
#промо
Иллюстрации Даниила Илиминского из Воткинска
Больше картинок: awdee.ru/iliminskiy-illustrations
dprofile.ru/iliminskiy
#awd_illustration #awd_art
Кстати, если вы тоже пишете о дизайне, и хотели бы публиковаться на Оди, пишите в личку @kirillgreen или на inbox@awdee.ru
Мы с удовольствием познакомим аудиторию нашего сайта и соцсетей с вашими полезными и интересными статьями, эссе и заметками обо всём, что связано с профессией дизайнера
Penpot — браузерный инструмент для полноценного прототипирования и дизайна
Как Figma, но полностью бесплатный и с открытым исходным кодом. Есть стили и компоненты, библиотеки, Flex Layout (аналог Auto Layout), прототипы, режим инспектирования дизайна для разработчиков, командная работа и комментирование, вебхуки для отслеживания активности команды, шорткаты, экспорт разметки (SVG и HTML) и стилей (CSS, Less)
Интерфейс редактора выглядит вполне достойно
penpot.app
#awd_tool [](https://vk.com/feed?section=search&q=%23awd_tool)#awd_webtool
Привет, это Кирилл!
10 июня 2016 года, ровно 7 лет назад, я запустил платную рассылку «Дизайнерский дайджест». На картинке — первая версия подписной странички :–)
Через несколько лет и пару сотен выпусков рассылка стала называться «Одайджест». А в конце 2021 года стала «Журналусом», частью Студии Лебедева
Все эти годы я каждую неделю фильтрую огромный поток информации и отбираю из него крупицы кайфа, смысла и пользы, упаковываю в дайджест и отправляю читателям. Сначала это была просто почтовая рассылка, которую я делал полностью один. А теперь это целое мультиканальное медиа с редакцией и командой. У нас есть рассылка, веб-версия с архивом, мощный бот и телеграм-канал. Вчера мы выпустили аж 358-й выпуск!
В честь дня рождения моего любимого детища я дарю вам, мои уважаемые подписчики, промокод KIRYA. Он даёт скидку в 15% на первый месяц и 20% на первый год подписки на «Журналус»
zhurnalus.ru
Плакаты Дэниела Борнманна из Берлина
Больше плакатов: awdee.ru/daniel-bornmann
#awd_poster via instagram.com/daniel.bornmann
Фотоотчет с форума Design Prosmotr в Москве 6-7 мая и Питере 20-21 мая!
Форум в Москве и Питере уже отгремели, но эмоции и заряд энергии до сих пор не покидают гостей события! За 2 дня участники сделали сотни конспектов, познакомились с 1000+ дизайнерами со всей страны, сделали бесконечное число фотографий и набрались мотивации для новых свершений. Всю атмосферу события, спикеров, интересные моменты и самые необычные снимки мы собрали в фотоотчете.
Чтобы вновь ненадолго оказаться на Design Prosmotr s17e27,28, переходи в альбомы, ищи себя, своих друзей и другие смешные лица 🖤
#designprosmotr
Хочешь в отпуск на яхте с близкими по духу людьми из мира IT?
Присоединяйся к Design Regatta с 12 по 19 августа в Турции
С нами – продакты, стартаперы и дизайнеры из ведущих глобальных компаний (Booking, Tinkoff и др).
Это будет фестиваль на воде: вы не только научитесь ставить паруса, увидите живописные бухты и побережья, но и каждый день будете погружаться в особенное событие, приключение или опыт.
Костюмированные вчеринки в стилистике brasilian carnival, шоу, игры, квесты, разговоры и практики. Это событие – про обмен опытом в создании продуктов и дизайна и создание творческого экспириенса на воде.
Всем моря и приключений!
📆Турция, 12 - 19 августа.
Подробнее
А вот как это было в прошлый раз.
#промо
Портфолио немецкого иллюстратора и аниматора Акселя Шеффлера из Лондона
Аксель изучал историю искусств в Гамбургском университете, а затем графику и визуальную коммуникацию в Академии искусств в Великобритании. После окончания учёбы он жил в Лондоне, где работал иллюстратором в рекламных агентствах, журналах и книжных издательствах
В 1999 году Аксель Шеффлер вместе с английской детской писательницей Джулией Дональдсон придумали книжку про Груффало, которая приобрела огромную популярность в Великобритании и за её пределами. Тиражи книги превысили 10 миллионов экземпляров, она стала одной из самых продаваемых книг в истории
После Груффало Аксель Шеффлер и Джулия Дональдсон выпустили ещё несколько потрясающих шедевров, таких как «Хочу к маме», «Верхом на помеле», «Человеткин», «Дочурка Груффало», «Тюлька», «Зог» и многие другие
Аксель Шеффлер стал одним из самых востребованных художников в Великобритании. В 2006 году он иллюстрировал рождественские открытки для премьер-министра Великобритании Гордона Брауна, а в 2012 разработал дизайн марок Королевской почты
В 2013-2014 годах Аксель Шеффлер придумал и нарисовал иллюстрации к собственной серии книг для малышей про зайчика Чика и мышку Брики
Больше картинок: awdee.ru/axel-scheffler-illustrations
axelscheffler.com/books
#awd_illustration #awd_art #awd_cover
20 психологических уловок в дизайне продуктов
Хотим поделиться статьёй о принципах поведенческой психологии в дизайне. Она помогает понять, как пользователи ведут себя в интерфейсе, и с учётом этих знаний создавать рабочие дизайн-решения. На конкретных примерах автор рассказывает, как применять принципы поведенческой психологии в реальных проектах
Один из 20 примеров психологических уловок: в незнакомых обстоятельствах люди склонны следовать паттернам поведения тех, кто на них похож. Допустим, нам, как дизайнерам, нужно, чтобы пользователь выполнил в приложении необычное для него действие или завёл новую привычку, например, каждый день медитировал по 20 минут в день с помощью приложения. В таком случае дизайнеры часто размещают социальные доказательства: комментарии, оценки, отзывы. Так они показывают, что медитация — нечто, доступное для всех, и что для занятий ею нет никаких препятствий
Таких уловок в статье 20
uxdesign.cc/20-examples-of-psychological-principles-applied-to-product-design-a0d3ecaeb214
Перевод на русский: habr.com/ru/companies/alconost/articles/516854
#awd_article
Айдентика платформы-агрегатора данных о стартапах Harmonic
Логотип интересен двойным визуальным смыслом. С одной стороны, это три шестиугольника, которые символизируют обширную сеть данных для пользователей. С другой — три куба, которые вместе с остальным визуалом в виде параллелепипедов в изометрический проекции, отлично сочетаются со слоганом бренда: «Данные о стартапах в совершенно новом измерении»
Их также хорошо дополняет геометрический неогротеск и смелая цветовая палитра, которая отражает уверенную позицию бренда в мире технологий
Больше картинок: awdee.ru/harmonic-identity
#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_harmonic_by_fay.php
Китайские плакаты к фильмам
Необычная для западной культуры детализация и художественность кинопостеров. Причём в этой подборке есть как постеры для китайских лент, так и для западных. Например, для фильмов: Аватар, Человек-паук, Унесённые призраками, Фантастические твари, Глубокое море, Da Hai или Большая рыба и Бегония и других
awdee.ru/chinese-movie-posters
Больше плакатов: тут, тут и тут
#awd_poster
Пластилиновые персонажи Ларисы Хонсек, фотографа и иллюстратора из Берлина
Да, это не 3D, а лепка из полимерной глины, с постобработкой фотографий в Фотошопе и Лайтруме
Есть целая игра под iOS, сделанная в этой технике при участии Ларисы: queenrulesgame.com
Больше картинок: awdee.ru/plastilinovye-personazhi-larisy-honsek-fotografa-i-illyustratora-iz-berlina
#awd_illustration #awd_clay via behance.net/Novemberkind
Айдентика сети зоомагазинов Petbarn
Petbarn — крупнейшая австралийская торговая сеть товаров для животных, которая насчитывает более 140 магазинов
Динамический стиль Petbarn построен на сочетании строгого гротескного шрифта и милых силуэтных героев: кота, пёсика, птички, ящерки, мышки и рыбки
Больше картинок: awdee.ru/new-identity-of-the-petbarn-chain-of-pet-stores
#awd_identity via underconsideration.com/brandnew/archives/new_identity_for_petbarn_by_landor.php
Атмосферные концепты к мультфильму Entergalactic от Netflix
Больше картинок: awdee.ru/netflix-entergalactic-concepts
#awd_illustration #awd_art via michalsawtyruk.com/entergalactic
Design Methods — брошюра о дизайн-методах
Этот проект создал дизайнер Андреа Камурани на основе курса по дизайну Миланского политехнического университета
В брошюре он изложил собственные размышления о методологии проектирования. Андреа изучал, как подходы к дизайну могут меняться в зависимости от предмета, контекста и цели
В этом личном исследовании дизайнер стремился поставить под сомнение предположения, лежащие в основе практики дизайна, и развить более глубокое понимание методологий
Так на примерах он разбирал метод дизайн-мышления, но на каждом его этапе добавлял дополнительные инструменты, которые на практике помогали ему получать более точные результаты. Например, на этапе брейншторминга дизайнер с командой не просто обсуждали идеи, а нашли три техники проведения бреншторминга и выбрали ту, которую посчитали наиболее эффективной — составление ментальной карты
Поскольку брошюра носит инновационный характер, и вёрстка получилась экспериментальной: плотной, смелой и современной
Больше картинок: awdee.ru/design-methods-brochure-about-design-methods
#awd_print via behance.net/gallery/139432573/Design-Methods