31242
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт: https://awdee.ru По рекламе: @design_manager_bot Автор проекта: @kirillgreen
Дизайн упаковки гранолы аргентинского бренда Johnny’s Market
В основе стиля — блочная вёрстка, пастельная палитра и современная типографика с яркими вкраплениями красного цвета и рукописного шрифта
#awd_pack via thedieline.com/blog/2023/5/8/johnnys-markets-packaging-captures-the-indulgence-of-health-food
Рациональный дизайн: саммари лекции Сергея Гурова
На конференции «Дизайн-выходные 2023» в Суздале Сергей Гуров, арт-директор Wemakefab, рассказал о рационализме в дизайне
Сергей разделил лекцию на 4 части, где объяснил:
1. Что такое «рациональный дизайн» и в чём его ценность
2. Как дизайнеры ищут компромисс между бизнесом (универсальностью производства) и пользователем (индивидуальностью потребления)
3. Как физический мир постепенно переходит в цифровой, а дизайнеры в нём становятся архитекторами
4. Почему подход в дизайне «приоритет функции над формой» приводит к разделению функции и формы, а «приоритет формы над функцией» задаёт правильное направление и помогает отбросить нерабочие решения
В заключение Сергей на примере выдуманной социальной сети наглядно показал, как работает подход «приоритет формы над функцией» и как дизайнеры могут применять его в проектах
📼 youtube.com/watch?v=unXWhQICyy0
#awd_edu #awd_lecture
Плакаты иранской студии Harby
В работах дизайнеры сочетают элементы коллажа и экспериментальную типографику
#awd_poster via typographicposters.com/pedram-harby
Дизайн упаковки биоразлагаемой зубной щётки немецкого бренда Biobrush
Для производства щёток компания использует биопластик из древесных отходов. На вид и на ощупь они ничем не отличаются от обычных пластиковых, но на 96% биоразлагаемые
Преувеличенные изгибы в шрифте логотипа подчёркивают органический характер продукта. Символ в форме дерева объединяет две отсылки: делает акцент на натуральности щётки и напоминает о брызгах воды, которые возникают при чистке зубов
Лотогип отлично дополняют живая цветовая палитра и изображения абстрактных текстурных растений с щетинистыми контурами (как у зубной щётки!). А в детской линейке дизайнеры заменили растения на дружелюбных персонажей
#awd_pack via underconsideration.com/brandnew/archives/new_logo_and_packaging_for_biobrush_by_eiga.php
Плакаты Мити Королькова из Милана
#awd_poster #awd_art via behance.net/gallery/130905831/POSTER-COLLECTION-Season-2021
Стиль бразильского агентства недвижимости Zuk
Тяжеловесный шрифт в логотипе отражает надёжность и монументальность, а его выразительные диагонали напоминают приоткрытые двери
Айдентика построена на двух контрастах:
— Мягкая цветовая палитра иллюстраций и кислотно-яркие плашки и заливки
— Мощный тяжёлый гротескный логотип и изящная антиква для коммуникации
В целом получился стильный и оптимистичный образ
#awd_identity via behance.net/gallery/167273681/ZUK
Коллекция трогательных роботов Франциско Переса из Майами
В иллюстрациях художник показывает, что у его роботов тоже есть сердце и чувства, как и у людей
#awd_illustration #awd_art via behance.net/gallery/168862845/Creaturebox-COLORS
Оптические эффекты в пользовательских интерфейсах (для задротов)
Рекомендуем интересную статью о том, как с помощью оптических эффектов создавать гармоничный и эстетичный интерфейс, а именно: выравнивать элементы, создавать согласованные иконки и правильно скруглять углы
Тезисы из статьи:
— Визуальный вес необязательно равен размеру в пикселях
— Неквадратные фигуры должны иметь большую высоту и ширину, чтобы оптически сочетаться с квадратными
— Иконки выглядят согласованно только с учётом их оптического размера
— Формы с острыми краями должны быть больше прямоугольных
— Подписи в кнопках необходимо выравнивать по высоте прописной буквы
— Треугольную иконку внутри кнопки следует вписать в круг и потом центрировать
— Оптически правильное скругление углов требует специальных расчётов или регулировки фигуры вручную
Статья: medium.com/design-bridges/optical-effects-9fca82b4cd9a
Перевод на русский: ux.pub/editorial/optichieskiie-effiekty-v-polzovatielskikh-intierfieisakh-dlia-zadrotov-fic
#awd_article
🙂 Как люди разных профессий используют ChatGPT
ChatGPT и другие текстовые нейросети потихоньку становятся неотъемлемой частью нашей жизни. GPT — это большая языковая модель, обученная на огромном количестве данных. Она умеет давать удивительно «разумные» ответы на самые разные запросы. Специалисты разных сфер уже применяют её для оптимизации рабочих процессов
В статье мы собрали конкретные примеры того, как люди разных профессий, в частности дизайнеры и разработчики, используют ChatGPT для повышения продуктивности
awdee.ru/how-people-of-different-professions-use-chatgpt
#awd_article #awd_ml #awd_techno #awd_chatgpt
Project Starline — сверхреалистичная видеосвязь с эффектом присутствия от Google
Экраны, который разрабатывают в Google, создают ощущение реального общения через «волшебное окно». Человек видит собеседника в натуральную величину и в трёх измерениях
Как это работает? Дисплеи оснащены десятками камер и датчиков, которые распознают человека и фиксируют его облик с разных ракурсов. Они отправляют собранные данные на специальный сервер, который обрабатывает их и делает изображение трёхмерным и реалистичным. И уже в таком виде 3D-модель человека транслируется собеседнику. По такому же алгоритму работает пространственный звук, который ещё больше усиливает эффект присутствия при общении
Google уже установила такие экраны в собственных офисах и привлекает к тестированию проекта крупных корпоративных партнёров, чтобы получать от них обратную связь и улучшать разработку
Они заявляют, что в первую очередь стремятся улучшить общение в рамках корпораций: между сотрудниками, врачами и пациентами, продавцами и покупателями. Вероятно, такие экраны сначала будут доступны для общения в корпоративной среде, а до жилья доберутся через несколько лет
blog.google/technology/research/project-starline-expands-testing
#awd_techno
🙂 Как ChatGPT может помочь UI/UX-дизайнерам: восемь примеров
Специально для Оди дизайнер интерфейсов Андрей Маркелов написал статью о пользе ChatGPT в работе UX/UI-дизайнеров
Андрей ставил ChatGPT задачи из области веб-дизайна и анализировал то, как нейронка справляется с ними. Из статьи вы узнаете, насколько хорошо ChatGPT:
— Описывает требования к дизайну сайтов
— Придумывает названия для сайтов
— Составляет вопросы для проведения интервью с пользователями
— Создаёт персоны и User Flow
— Анализирует конкурентов
— Придумывает отзывы
— Создаёт дизайн-системы
В заключение автор сделал выводы о том, как именно нейронные сети могут помочь дизайнерам интерфейсов в работе и способны ли они их заменить
awdee.ru/chatgpt-for-designers
#awd_article #awd_ml #awd_tool #awd_techno
🙂 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
Айдентика шведского технологического стартапа Doconomy
Doconomy создаёт цифровые инструменты, которые помогают людям и брендам снизить воздействие потребления на окружающую среду
Например, они разработали калькулятор, который на цифрах показывает, как образ жизни отдельного человека влияет на окружающую среду. Человек проходит тест, где отвечает на вопросы о том, какое сырьё он использует для отопления дома и приготовления пищи, какие продукты ест, как часто покупает мебель и одежду, пользуется ли автомобилем и сколько раз в год летает на самолёте. Результаты теста отражают его углеродный след, выраженный в тоннах, а в конце авторы дают рекомендации, как снизить потребление
Ещё они создали инструмент, который помогает брендам и производителям понять, насколько они загрязняют атмосферу и в какой части жизненного цикла продукта они могут сократить выбросы
Основатели Doconomy считают, что когда люди видят и осознают последствия своих решений, им легче изменить поведение
Фирменный стиль со сложной системой вёрстки отражает фундаментальный подход стартапа к решению глобальных проблем, а минималистичная типографика символизирует минимализм в потреблении
Также хочется отметить очень эффектную презентацию айдентики
#awd_identity via id-c.se/work/doconomy
Оригинальные кеды Кейсена Т. Салливана из Бостона
Кейсен работает цифровым дизайнером в Converse и разрабатывает лимитированные серии обуви
Помимо основной работы иногда он развлекается тем, что объединяет кеды с другими неожиданными вещами, например, губками, клавиатурами или конфетами
Больше работ: instagram.com/thankyoucasegod
#awd_art
Обложки книг голландского издательства Uitgeverij Vleugels
#awd_cover via uitgeverijvleugels.nl
Zero Cool — бесплатный декоративный шрифт с кириллицей
Оригинальный шрифт со стилизацией под аппликацию. Содержит более 1500 глифов, в том числе цифры, пунктуацию, геометрические фигуры и симпатичные эмодзи. Поддерживает более 90 языков, включая русский. Есть только одно начертание
Zero Cool идеально подойдёт для детских проектов, айдентики и плакатов
Его можно использовать бесплатно для личных и коммерческих проектов
Скачать: ggbot.itch.io/zero-cool-font
#awd_font #awd_free_download
Курс генеративного дизайна
↑ На видео — работы выпускников.
Вы с нуля научитесь писать код, который генерирует красивые картинки. Работать будем с p5, самым популярным инструментом для креативного программирования.
Будет двенадцать онлайн-занятий с 15 мая по 9 июня. Учим джаваскрипту, разбираем алгоритмы для генерации и применяем их на практических занятиях.
Программа, примеры и отзывы и кнопка «купить» — на сайте course.genclub.club (или через бота — @gendesign_bot). Чем раньше запишетесь, тем больше скидка.
#ad
Промо приложения для мебельного производителя Herman Miller
В ролике дизайнерам удалось создать уникальный визуальный стиль за счёт органичного сочетания 3D-графики и 2D-анимации
📹 vimeo.com/391522071
#awd_video #awd_3D #awd_CG
Стиль и упаковка электрического флоссера FlausМиллениалы изобрели компания Flaus создала продвинутый аналог зубной нити для миллениалов. Это электрический флоссер, который за счёт звуковых вибраций и зубной нити позволяет быстро удалить всё лишнее из межзубных промежутков
Логотип, в котором буквы A и U имеют форму зубов, задает игривый и молодёжный тон бренду. Его дополняют фантастические 3D-иллюстрации, футуристичный зелёный цвет, модный узкий гротеск и реалистичные фотографии молодых людей
Дизайн упаковки с одной стороны функциональный, а с другой — наполнен приятными деталями, такими как слепое тиснение, паттерн из букв логотипа на внутренней стороне коробки и удобная технология открывания
#awd_pack via underconsideration.com/brandnew/archives/new_logo_identity_and_packaging_for_flaus_by_universal_favourite.php
Ребрендинг семейного бразильского ресторана Ipanema
Заведение находится в сердце Мидтауна на Манхэттене и работает уже более 40 лет
Визуальный стиль пропитан Бразилией, а как же иначе? Нейминг отсылает к одноимённому пляжу, расположенному в Рио, и песне «Девушка из Ипанемы» — символу бразильского музыкального жанра «босса нова». Попугай-маскот — визуальная метафора бразильской традиции передавать этого семейного питомца из поколения в поколение. Сочная цветовая палитра — отражение знаменитых бразильских карнавалов
А типографика и орнаменты отсылают к ар-деко, который очень уместен для культового района Манхэттена, частью которого стал ресторан
#awd_identity via behance.net/gallery/158067169/IPANEMA-RESTAURANT
«Современная славянская вязь. Учебное пособие и прописи по каллиграфии» — это книга о современной кириллической каллиграфии, на страницах которой Пушкарев Виктор поделился своими знаниями и профессиональным опытом.
Книга создавалась несколько лет и является самым объемным и структурированным источником знаний по кириллической вязи. Это более 170 страниц полезного и уникального материала и дополнительных 40 страниц прописей с упражнениями — как на кириллице, так и на латинице.
Книга собрала в себе большое количество народных пословиц славянских народов. Во время обучения каллиграфии, вы не только учитесь писать вязь, но и изучаете народную мудрость. Книга подходит как начинающим, так и искушенным художникам и дизайнерам.
Купить книгу: https://mynameisviktor.store/p/1235-sovremennaya-slavyanskaya-vyaz-uchebnoe-posobie-i-propisi-po-kalligrafii
#ad
🙂 14 наших лучших материалов за апрель
Статьи:
— Инструкция по выживанию: кому нейросети наступают на пятки, и как уберечь от них свой хлеб
— Как ИИ будет менять, а не заменять дизайнеров
— Как избежать типичных ошибок в дизайне кнопок
— Мудборды в UX: как и зачем их использовать
— Система размеров шрифтов в дизайн-системах
— Термин: «Понимание задачи»
— Не сайтом единым: клиентский опыт в eCommerce и частые ошибки
— Как обсуждать UX-дизайн с командой: практические советы легендарного Скотта Дженсона
— Всё — сообщение
Лекции:
— 7 сеток для интерактивного формата: конспект лекции Сергея Гурова
— Как дизайнеру устроиться на работу в международную компанию
Плагины:
— 10 Figma-библиотек с иконками
Шрифт:
— Вариативный шрифт Tilda Sans с кириллицей теперь доступен бесплатно без ограничений
Бесплатные материалы:
— SVG Repo — огромный каталог бесплатных иконок в разных стилях
Папка с каналами по теме 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