31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Трёхмерная графика Ивана Прохорова
Больше картинок: 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 июля
#промо
🙂 Декоративное искусство: история ар-деко
Перевод статьи Марион Герлингер об истории развития художественного стиля ар-деко, который приобрёл мировую популярность в 1920−30-х годах
Своё название ар-деко получил в честь Международной выставки современных декоративных и промышленных искусств, которая прошла в Париже, в 1925 году. Это один из исторических стилей, который постепенно распространил определение искусства за пределы живописи и скульптуры на другие области: ювелирное дело, стеклянные изделия, мебель, архитектуру, литературу, кино и графический дизайн
На формирование ар-деко повлияла эстетика модерна, кубизма, конструктивизма, баухауса, де стайла, футуризма и фовизма. Дальнейшее влияние на него оказали Русские балеты, традиционное народное искусство, иконография и мотивы различных культур
Для ар-деко характерны прямые линии, геометрические узоры, смелые яркие цвета, дорогие и часто экзотические материалы, сочетание искусственных и натуральных материалов. В дизайне ар-деко олицетворяет прогресс, роскошное изобилие и современные формы. Здания ар-деко выглядят элегантными и функциональными, но не минималистичными
С момента появления ар-деко развивался циклично и всегда процветал в периоды стремительного прогресса и экономического роста
Рекомендуем прочитать полный перевод статьи обо всех периодах расцвета и стагнации этого стиля, его характерных особенностях и проявлениях во всех значимых направлениях искусства
awdee.ru/arts-decoratifs-the-history-of-art-deco
#awd_article #awd_retro
Метлах (Mettlach) — бесплатная декоративная антиква с кириллицей
Этот зауженный и высококонтрастный шрифт хорошо смотрится в крупном кегле. Отлично подойдёт для логотипов и заголовков
Одно начертание, только заглавные буквы. Есть кириллица, латиница и нумерация
Из описания шрифта: «Метлахская плитка — один из самых востребованных отделочных материалов Санкт-Петербурга конца XIX — начала XX века. «Метлах» подражает шрифтам того времени, но имеет современное происхождение. Классические круглые капли получили “срез”, большинство наклонных штрихов имеют одинаковый (либо зеркальный) угол наклона»
Больше картинок: awdee.ru/mettlach-free-font-with-cyrillic
Скачать: behance.net/gallery/116045445/Mettlach-Typeface-shrift-metlah
#awd_font #awd_free_download
Архитектурная графика Минти Сэйнсбери из Лондона
Больше картинок: awdee.ru/architectural-graphics-by-minty-sainsbury-of-london
#awd_illustration #awd_art via instagram.com/minty_sainsbury
Дизайнеры бюро планируют будущее с нейросетями: подкаст с Сергеем Чикиным
Сергей Чикин — иконографист, графический дизайнер и автор иконок Чикина
В подкасте ребята обсудили будущее с участием ИИ, порассуждали, должны ли нейросети платить роялти тем, на ком они обучаются, и насколько этично использовать их бесплатно. Признавая возможность замены нейросетями некоторых рутинных задач, дизайнеры сделали акцент на том, что всё же ИИ неспособен наполнять дизайн эмоциями. А в конце подкаста поговорили о задачах и отличительных особенностях иконок и логотипов
📼 youtube.com/watch?v=s8eH0TuasSM&list=PLHxrtSGVWqFv3UPweJp9Dgh3tpqHyQzng
#awd_edu
🙂 22 наших лучших материала за май
Статьи:
— Одни и те же данные, разные истории: Как манипулировать графиками, чтобы поддержать нарратив
— Как люди разных профессий используют ChatGPT
— Базовое руководство по типографике Майка Мэя
— Краткая история композиции
— Дизайн-мышление должно было исправить мир. Что же пошло не так
— 16 качеств продуктивных людей
— Как дизайнеру найти работу за рубежом
— Оптические эффекты в пользовательских интерфейсах (для задротов)
Лекции:
— 5 TED-выступлений для дизайнеров
— Лекции, интервью и обзоры на тему моушен-дизайна
Плагины:
— Ещё 9 новых ИИ-плагинов для Figma
Плакаты:
— Плакаты известного немецкого графического дизайнера Уве Леша
— Плакаты иранской студии Harby
— Скандальные рекламные плакаты фотографа Оливьеро Тоскани для Benetton
Обложки:
— 10 обложек с сильными визуальными образами
Айдентика:
— Айдентика североирландского производителя овощей Veg NI
— Айдентика шанхайской pet-friendly кофейни Куки
— Айдентика новозеландского производителя горшков для растений The Wool Pot
— Стиль московской сети японских лимонадных Limonedo
Инструменты:
— Pacdora — браузерный инструмент для дизайна и 3D-визуализации упаковки
— 14 главных ноукод-инструментов для дизайнера
— 19 бесплатных генераторов и библиотек для создания фонов и паттернов
📖 Пост-квантовый флекс швейцарского панка — Журналус № 357
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Вторая часть цитат из книги Генри Петроски «Книга на книжной полке»
— Советы по передаче дизайна в разработку
— Роль UX-дизайна в стратегии «Product-Led Growth»
— Подробный гайд о понимании задачи
— Как оформить портфолио при поиске работы на международном рынке
— Как подобрать универсальный рабочий шрифт
— Большой разбор клиентского пути читателя Журналуса
— Сравнение инструментов Shape builder vs Pathfinder в Illustrator
— Как «флексить» в графическом дизайне
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Плакаты швейцарского дизайнера Дафи Кюне
Больше плакатов: awdee.ru/dafi-kuhne-posters
#awd_poster via typographicposters.com/babyinktwice
Портфолио немецкого иллюстратора и аниматора Акселя Шеффлера из Лондона
Аксель изучал историю искусств в Гамбургском университете, а затем графику и визуальную коммуникацию в Академии искусств в Великобритании. После окончания учёбы он жил в Лондоне, где работал иллюстратором в рекламных агентствах, журналах и книжных издательствах
В 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
Data PostProcessing — новый анимационный проект студии Максима Жесткова Media.Work
Ролик содержит подборку динамичных анимаций, которые исследуют процессы обработки данных. Они буквально погружают зрителя в неожиданные визуальные решения, а контрасты между гладкими яркими материалами и грубыми природными текстурами только добавляют визуальное напряжение
Видео: vimeo.com/830124041
Проект полностью: behance.net/gallery/171479181/Data-PostProcessing
#awd_motion #awd_3D
Ребрендинг российского детского издательства Росмэн
Росмэн работает на книжном рынке уже порядка 30 лет, и его всегда называли «издательством со слоном»
Дизайнеры «Супрематики» оставили слона в качестве маскота в логотипе, превратив его в более минималистичного и живого персонажа. А чтобы добавить визуальному образу жизнерадостности, использовали яркую цветовую палитру и динамичные композиции
Больше картинок: awdee.ru/rosman-identity
#awd_identity via dprofile.ru/case/19588/rosman
Калькуляторы систем типографики
Подборка всех годных калькуляторов и генераторов для проектирования системы типографики проекта
Пользуйтесь, добавляйте в закладки: awdee.ru/typography-system-calculators
#awd_tool #awd_typo #awd_grid #awd_article
🙂 Промт для ChatGPT в 3 шага
Мы подготовили перевод шпаргалки по ChatGPT, которая поможет правильно составлять промты и получать точные результаты. В ней вы найдёте основную структуру промта, примеры полезных слов и текстовых запросов, с помощью которых сможете создавать качественный контент
Прикладываем также шпаргалку на английском для тех, кто общается с ChatGPT на его родном языке
#awd_ml #awd_techno #awd_chatgpt
Прикольные обложки австралийского издательства Giramondo
Компания Giramondo была основана в 1995 году. Она выпускает новаторские и оригинальные литературные произведения. Те, которые могли бы остаться неопубликованными из-за их непредсказуемой коммерческой выгоды
Giramondo специализируется на выпуске стихов, прозы и нон-фикшена. За последнее десятилетие книги издательства стали лауреатами или вошли в шорт-листы всех главных литературных премий Австралии
Больше обложек: awdee.ru/giramondo-publishing-covers
giramondopublishing.com
#awd_cover
Обновление Recraft — бесплатного ИИ-генератора векторных и 3D-иллюстраций
Пару месяцев назад мы уже рассказывали о браузерном инструменте Recraft. С тех пор ребята добавили несколько новых фичей:
— Новые стили: флэт, лайнарт и, например, пиксель-арт (с квадратными пикселями)
— Генерацию векторных иллюстраций сразу в векторе, чтобы можно было менять цвета отдельных элементов на полученной картинке
— Указание палитры, чтобы создать изображение в нужных цветах
К тому же они запустились на продактханте и обновили сайт — recraft.ai
#awd_tool #awd_webtool
🙂 Коллекция «бритв»: крутых ёмких принципов и жизненных правил
«Бритвой» в философии называют принцип, который помогает исключать маловероятные объяснения чего-либо. В более широком смысле термин понимают как короткий и ёмкий принцип, заключающий в себе мудрое наблюдение о жизни и людях
Джордж Мак собрал коллекцию из нескольких десятков таких «бритв», а мы её для вас перевели. Эти принципы помогут вам чаще принимать верные решения в карьере, инвестициях, дружбе и отношениях. Они будут полезны в дизайне, продукте и в бизнесе в целом. В общем, во всех важных сферах жизни
Рекомендуем сохранить их себе куда-то, где вы будете иногда их перечитывать. Это не одноразовое мотивационное чтиво. Имеет смысл собирать коллекцию таких «бритв» и возвращаться к ним снова и снова
awdee.ru/favourite-razors-of-george-mack
#awd_article #awd_career