31241
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Промосайт приложения для совместных закупок bandit app
Живой жёлтый лендинг с дружелюбными линейными иллюстрациями (немного напоминает Mailchimp)
Стильная типографика, сильные контрасты и умелая работа со свободным пространством
Больше картинок: awdee.ru/bandit-app-site
joinbandit.com
#awd_web #awd_site
Айдентика фонда Ласло Мохой-Надя
Ласло Мохой-Надь — венгерский художник, теоретик фото- и киноискусства, журналист, одна из крупнейших фигур мирового авангарда первой половины XX века, профессор школы Баухаус. Фонд Ласло Мохой-Надя — частная организация, которую в 2003 году создала его семья в ответ на неослабевающий интерес общества к его жизни и творчеству
Дизайнеры студии Pentagram совместно с Мариной Уиллер создали логотип фонда при помощи аналоговых экспериментов с материалами и фотографией. Таким образом они хотели отразить образ мышления и методы работы Мохой-Надя, но при этом не скатиться в подражание
Больше картинок: awdee.ru/moholy-nagy-foundation-identity
#awd_identity via pentagram.com/work/moholy-nagy-foundation
Серия плакатов для Brockmann Font
Дизайнеры испанской шрифтовой студии atipo, вдохновлённые работами известного графического дизайнера Йозефа Мюллера-Брокманна, разработали геометрический гротеск Brockmann Font
Для презентации они сделали 8 плакатов с использованием шрифта, которые стали полноценным оммажем творчеству знаменитого швейцарца
Больше плакатов: awdee.ru/brockmann-font-posters
#awd_poster via behance.net/gallery/172495521/Brockmann-Font
Айдентика и упаковка Amargo — колумбийского производителя кофе колд брю
Колд брю или cold brew по-английски — кофе, который заливают не горячей, а холодной или даже ледяной водой, и настаивают в течение нескольких часов. Amargo в переводе с испанского переводится как «горький»
В основе стиля — логотип с высококонтрастной антиквой, которая невероятно органично сочетается с нейтральным гротеском
На разных бутылках литеры логотипа расположены по-разному: на поверхности большой — они стоят в одну линию, а на маленькой — разбросаны хаотично, что добавляет игривости серьёзному монохромному дизайну бутылки
Больше картинок: awdee.ru/identity-and-packaging-of-amargo
#awd_identity #awd_pack via behance.net/gallery/163864725/Amargo
Как попасть в топовое дизайн-агентство страны? 🏆
Все просто, просто влетай на стажировку от CreativePeople и Humbleteam.
Ребята ищут себе UI/UX дизайнеров и проводят уже традиционную стажировку на позицию «UX/UI. Дизайнер сайтов и мобильных приложений». В этот раз при поддержке платформы для дизайнеров — DSGNERS!
Какие условия стажировки?
— вас ждет два месяца прокачки в дизайн студии на реальных проектах. За это время вы поработаете с арт-директорами, в командах и индивидуально;
— формат работы удаленный, можно участвовать даже если вы живете в другой стране
— cтажировка оплачиваемая;
Как попасть на стажировку?
Тебе дадут тестовое, а потом его разберут и подсветят как можно было улучшиться. Все бесплатно, лайв трансляции и у тебя будет возможность присоединиться к топовому агентству страны.
💣 Присоединиться: /channel/+XwLlVp3dcExhMzVi
#промо
Иллюстрации Даниила Илиминского из Воткинска
Больше картинок: 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
Ребрендинг французской сети ремонтных мастерских Répar'acteurs
Весь визуальный стиль дизайнеры парижской студии Graphéine построили на метафорах
Логотип с бегущей на двух ногах буквой «R» символизирует вещи и технику, которые мастера Répar'acteurs «ставят на ноги». Коллажные иллюстрации отражают разнообразие вещей, которые могут починить специалисты по ремонту, а при помощи анимаций предметы буквально оживают и бегут в новую жизнь
Больше картинок: awdee.ru/rebrending-reparacteurs
#awd_identity via grapheine.com/en/portfolio/repar-acteurs-logo-circular-economy
«Хороший дизайн — честен»
С момента вступления в компанию «Braun» функционалист Дитер Рамс декларировал принципы честности во всём: от конструкции объекта до дизайна упаковки. Когда продукт идеален, кричать об этом необязательно. Ретро-коробки «Braun» лишены метафор потребительского восторга и элементов wow-подачи: это сейчас прямо с фасада упаковки младенцы приветственно агукают блендеру, пятьдесят же лет назад такие иллюстрации в лучшем случае выносились наизнанку. Использовать этот козырь вслед за Braun решились немногие, однако упаковочный жанр «констатация продукта» все-таки вернулся в моду — благодаря «Apple», единственному легитимированному последователю принципов Рамса
Больше картинок: awdee.ru/horoshij-dizajn-chesten
#awd_ux #awd_prom
Визуальное исследование феномена «и так сойдёт»
Выпускница Школы дизайна НИУ ВШЕ Адель Галимова написала дипломную работу, в которой рассматривает российский феномен «и так сойдёт» с позиции неопределённости. В исследовании она пыталась уйти от негативного подтекста темы и сфокусироваться на её созидательном и творческом потенциале, который помогает эффективно противостоять кризисным ситуациям
По мнению автора корни русской халтуры уходят в русскую неопределённость. Она состоит из 5 атрибутов, к каждому из которых можно применить методы, основанные на принципах «и так сойдёт», что приведёт к наиболее результативному исходу:
1. бесформенность → действие по ситуации (как пойдёт)
2. духовность → использование знаний и опыта из другой сферы (не так, так эдак)
3. неоднозначность → смена базовых установок (шалтай-болтай)
4. смекалка → использование того, что есть (хоть как-то)
5. безоглядность → действие без оглядки на последствия (куда выведет)
Эту методологию можно применить к любому объекту дизайна и получить неординарный, но функциональный результат
Сайт исследования с кучей артефактов на тему «и так сойдёт»: itaksoydot.website
📼 Трёхминутная видеопрезентация: youtube.com/watch?v=C582sdj8P3U
Больше картинок: awdee.ru/itaksoydot-visual-discovery
#awd_art
Damn Font — бесплатный современный акцидентный гротеск с кириллицей
Дизайнер Дарья Фисько создала Damn Font в рамках обучения в Школе дизайна НИУ ВШЭ
Узкая, вытянутая форма знаков и стремление к одинаковой ширине делают шрифт экспрессивным и оригинальным. Он хорошо подойдёт для брендинга и обложек
Поддерживает латиницу и кириллицу. Содержит заглавные и прописные литеры, цифры и знаки препинания. Одно начертание
Доступен бесплатно только для личного использования
Скачать: behance.net/gallery/162660829/Damn-Free-Sans-Serif-Font
#awd_font #awd_free_download
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