Рациональный дизайн: саммари лекции Сергея Гурова
На конференции «Дизайн-выходные 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
🙂 Одни и те же данные, разные истории: Как манипулировать графиками, чтобы поддержать нарратив
Все дизайнеры знают о тёмных паттернах, которые применяют компании, чтобы удержать пользователей на сайте или заставить их совершить ненужную покупку. А как насчёт визуализации данных? Оказывается, с помощью манипуляций с графиками информационные дизайнеры могут презентовать одни и те же данные так, что результаты будут кардинально отличаться
В статье автор рассказывает об уловках, к которым прибегают компании, чтобы представить свои показатели так, как выгодно им. Эта информация поможет научиться считывать нечестные графики и задавать правильные вопросы, которые позволят получить достоверную информацию
awdee.ru/same-data-different-stories-how-to-manipulate-the-graphs-to-support-your-narrative
#awd_article #awd_dataviz #awd_infographic
Оригинальные кеды Кейсена Т. Салливана из Бостона
Кейсен работает цифровым дизайнером в 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
Киноплакаты русского авангарда
Некоторые киноплакаты из книги Taschen: Film Posters of the Russian Avant-Garde, в которой собрано 250 афиш из Советской России 1920-х и ранних 30-х годов
Книга: taschen.com/pages/en/catalogue/film/all/44897/facts.film_posters_of_the_russian_avant_garde.htm
#awd_poster via itsnicethat.com/articles/taschen-film-posters-of-the-russian-avant-garde-graphic-design-publication-190122