31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
🙂 Шпаргалка по доступным областям нажатия
Перевод статьи Виталия Фридмана о размерах интерактивных элементов в мобильных интерфейсах
В статье автор рассказал:
— Об общепринятых рекомендациях в отношении областей нажатия. Они должны быть не менее 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
Дизайн упаковки эфирных масел A.Ok
Бруклинский иллюстратор Алессандра Оланов создала собственную марку масел для всего тела A.Ok
Будучи творческим человеком, Алессандра черпала вдохновение в парках или на улицах, наблюдая за людьми. Во время пандемии, когда мир внезапно отключился, её ежедневные визуальные подсказки исчезли. Алессандра поняла, что не может сделать даже самые простые наброски
Тогда она задумалась о том, что если её визуальное восприятие — настолько важный инструмент для творчества, то, возможно, она может задействовать другие чувства. Поэтому Алессандра начала экспериментировать с запахами и использовать эфирные масла как инструмент для вдохновения и заземления. Она заметила, что запах жасмина меняет настроение, а оттенок лаванды снимает напряжение
Алессандре так понравились эти новые ощущения, что она превратила применение эфирных масел в ежедневную практику заботы о себе. Так родился бренд «A.Ok»
Система дизайна упаковки выглядит минималистично, как и стиль иллюстраций Алессандры. В нём текстурная цилиндрическая коробка отлично сочетается с бутылочкой из матового стекла, а заботливые надписи, написанный рукописным шрифтом, транслируют комфорт и тепло
Больше картинок: awdee.ru/a-ok-packaging-design
#awd_pack via thedieline.com/blog/2023/2/23/aok
Гайды по размерам UI-элементов в мобильных приложениях
Рекомендации можно корректировать на своё усмотрение, но с правильным использованием системы сетки и типографики. Они будут полезны начинающим дизайнерам в качестве ориентира в сфере проектирования мобильных интерфейсов
Все размеры указаны в пикселях (px)
— Навигационная панель
— Строка поиска
— Строка меню
— Строка состояния
— Гамбургер-меню
— Левосторонняя навигация
— Пагинация
— Форма учётной записи
— Поля ввода
— Карточка товара
— Выпадающий список
#awd_ui #awd_edu
Утилитарный дизайн: эстетика маркировки и технической информации
Визуальное исследование Карины Язылян о дизайне маркировки на устройствах, упаковках, бирках и этикетках. Материал может послужить отличным вдохновением для создания актуального дизайна с техно-эстетикой
Кстати, это отличное дополнение к лекции Антона Шнайдера :–)
Больше картинок: awdee.ru/utilitarian-design-the-aesthetics-of-marking-and-technical-information
issuu.com/5855510/docs/vr
#awd_pack #awd_article
Китайские плакаты к фильмам
Необычная для западной культуры детализация и художественность кинопостеров. Причём в этой подборке есть как постеры для китайских лент, так и для западных. Например, для фильмов: Аватар, Человек-паук, Унесённые призраками, Фантастические твари, Глубокое море, 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
🙂 Верстка по форме
Статья Игоря Штанга о верстке текста
Верстать можно не только по сетке, но и по форме. Текст необязательно должен выстраиваться в модули и равняться по направляющим сетки. Сегодня — три способа избавиться от прямоугольника
awdee.ru/form-1
#awd_article
19 бесплатных генераторов и библиотек для создания фонов и паттернов
Мы выбрали для вас бесплатные генераторы фонов и паттернов, а также готовые наборы с паттернами на самые разные темы. Они идеально подойдут для брендинга, презентаций, сайтов и постов в социальных сетях
awdee.ru/19-free-pattern-generators-and-libraries
#awd_webtool #awd_tool #awd_pattern
Презентации спикеров Design Prosmotr s17e27,28 2023/1
Как начать свой путь в дизайне, что важно помнить при создании любого проекта, почему популярность может мешать профессионализму, как выстраивать диалог с заказчиком и коллегами, главные правила запоминающегося плаката, как дизайнерам не потерять работу с появлением нейросетей, как и зачем перестраивать агентство — с этими и другими темами на форумах в Москве и Питере выступили 24 профессионала в сфере дизайна.
Часть лекций выйдет через несколько месяцев, в преддверии нового сезона Design Prosmotr. Некоторые придется подождать дольше. Но ознакомиться с презентациями спикеров, вынести основные тезисы и погрузиться в тему обсуждения — можно уже сейчас.
• Москва (6-7 мая 2023):
1-й день: vk.cc/con30B
«Сколько ты стоишь» — Михаил Губергриц
«Вредные советы дизайнерам от айтишника» — Дмитрий Еремеев
«Споменники. Монументы исчезнувшей страны» — Андрей Малеваник
«Граничность и безграничность в дизайне» — Борис Трофимов
«Креативный подорожник дизайнеру и бизнесу» — Митя Осадчук
2-й день: vk.cc/con34A
«Дизайнер и исследователь: от борьбы к синергии» — Татьяна Чернявская
«Маятник как матрица для дизайн-процесса» — Ян Зарецкий
«Сон разума, или что я сделал за ночь» — Антон Ярусов
«Нейросети: ограничения или свобода» — Ирина Волошина
«Не нагибывай ближнего своего» — Леонид Фейгин
• Питер (20-21 мая 2023):
1-й день: vk.cc/con36C
«Изнанка дизайнера. Чем мы болеем?» — Александр Гладких
«Делаем JPG!» — Эрик Белоусов
«Адаптивный дизайнер» — Евгений Филатов
«Камерное кино» — Юрий Быков
«Плакат как лаборатория дизайна» — Юрий Гулитов
«Как выжить с неискусственным интеллектом» — Роман Фирайнер
2-й день: vk.cc/con39u
«Как мы чуть не потеряли веб-студию» — Никита Кулижников
«Надо продолжить «думать» руками» — Ильдар Шале
«Диджитализация айдентики брендов» — Илья Редько
«Как и зачем перестраивать агентство» — Максим Пономарев
