Оди
36.4K subscribers
25K photos
1.12K videos
143 files
5.3K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Чат канала: @awdeechat

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia

Автор проекта: @kirillgreen
Download Telegram
Как рисовать эмоции

Катя Кульбачко написала статью, которая поможет иллюстраторам понять, как через мимику и жесты добавлять персонажу эмоции. С помощью эмоций герой будет вызывать отклик у зрителя и усиливать его вовлеченность в происходящее на экране

В статье автор представила подробную карту 58 выражений лица в различных эмоциональных состояниях с иллюстрациями и краткими описаниями. Там же вы найдёте схемы мимики зрачков, бровей, рта и носа, которые помогут понять, как правильно нарисовать нужную эмоцию

Коротко перечислим ключевые рекомендации из статьи:
— Выражение лица можно изменить с помощью размера зрачков и формы бровей
— Губы помогут придать новый оттенок выражению лица. Важно помнить, что рот может двигаться ассиметрично
— В анимации нос двигается синхронно с губами. Главные элементы, которые можно изменить, — кончик и ноздри
— Если лицо персонажа появляется в кадре не крупным планом, то передавайте эмоции персонажа через тело. В этом будут полезны позы и движения — танцы, сжатые кулаки, прыжки, испарина на лбу, гусиная кожа и многое другое
— Мультипликаторы используют в работе FACS — систему, которая связывает каждую эмоцию с тем, какие мышцы в теле за неё отвечают. Это огромная цифровая библиотека с описаниями, фото- и видеообразцами проявления чувств разных людей
— Программы, в которых можно смоделировать конкретную эмоцию или звук, издаваемый персонажем: Adobe Character Animator, Cartoon animation 4, CrazyTalk 8

Статья полностью: skvot.io/ru/blog/kak-risovat-emocii

#awd_article #awd_summary #awd_illustration #awd_edu
🙂 Саммари интервью с Сергеем Кулинковичем, арт-директором Студии Лебедева и сооснователем Timestripe

Сергей рассказал о том, кто может стать руководителем, какие критерии определяют качество его работы и как правильно подходить к принятию сложных решений

Интервью будет полезно арт-директорам и тем, кто задумывается о том, чтобы стать руководителем, но испытывает некоторые внутренние страхи и сомнения

Главные тезисы интервью: awdee.ru/sammari-intervyu-s-sergeem-kulinkovichem-o-tom-kak-stat-art-direktorom-i-ne-boyatsya-sovershat-oshibki

Полное интервью: lepekhin.ru/interviews/sergey-kulinkovich

#awd_article #awd_interview #awd_person #awd_summary
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍🎨 12 ИИ-плагинов для Figma

Мы отобрали плагины Figma, которые работают на базе искусственного интеллекта. Они помогут переименовывать слои в один клик, генерировать иконки, картинки, «рыбный» текст, аватары, 3D-иллюстрации, увидеть собственные работы глазами нейросети, быстро проводить исследования юзабилити и извлекать огромное количество цветовых палитр из библиотеки Unsplash

awdee.ru/13-ai-figma-plugins

#awd_article #awd_tool #awd_figma #awd_techno
Please open Telegram to view this post
VIEW IN TELEGRAM
Продукт или студия: куда пойти работать дизайнеру, и почему в банках так много платят

Дизайнер Никита Колюгин написал у нас колонку о различиях работы в студии и в продукте. Вы узнаете, почему дизайнеры разделились на два вида, чем отличается работа в студии и в продукте, какой вариант подходит вам, и нужно ли вам бежать вместе со всеми становиться продуктовым дизайнером

Читайте: https://awdee.ru/produkt-ili-studiya-kuda-pojti-rabotat-dizajneru-i-pochemu-v-bankah-tak-mnogo-platyat/

(если у вас есть подобный материал, и вы хотите опубликовать его на Оди, пишите @kirillgreen в личку)

#awd_article #awd_ux
Армин Хофманн — лидер швейцарского дизайнерского движения середины 20-го века

Его плакаты признаны классикой мирового графического дизайна. Они выставлялись в крупных галереях, в том числе в Нью-Йоркском музее современного искусства

В основе большинства его работ лежит гармония между точкой, линией и плоскостью в двухмерных композициях. Это создает контраст и напряжение между формами

Читайте краткую биографию и наслаждайтесь просмотром его лучших работ у нас на сайте: awdee.ru/graficheskij-dizajner-armin-hofmann-kratkaya-biografiya-i-luchshie-raboty

#awd_article #awd_person #awd_retro #awd_poster
Интересная статья про средневековые «эмблематические книги» — что-то среднее между комиксами и современными мемами

На английском. Если не читаете на английском, зацените фрагменты из книг, приведённые в статье

#awd_article #awd_history #awd_retro
Градиенты и работа с ними

Подробная
практическая статья Алекса Карозы о том, какие бывают градиенты, как их создавать и готовить к печати.

«Градиенты используются в графическом, интерфейсном и информационном дизайне. Однако они не так просты, как хотелось бы: сложности могут возникнуть уже на этапе создания самого простого градиента и не закончиться даже при выводе на печать. Отдельная боль — столь модные сегодня mesh-градиенты. В этой статье мы расскажем всё, что вы должны знать о градиентах и работе с ними».

skillbox.ru/media/design/gradients

#awd_article #awd_gradient
Эволюция шрифтов

Саша Павленко перевёл для нас статью Кэмерона Чапмена, которая рассказывает об эволюции шрифтов с эпохи Ренессанса до наших дней

В этом материале рассматриваются важные этапы эволюции дизайна шрифтов и их применения в графическом дизайне. Будет полезно почитать дизайнерам шрифтов и всем, кто интересуется историей типографики и её влиянием на визуальную культуру

awdee.ru/typeface-history

#awd_article #awd_history #awd_typo
Дизайн-токены: что это такое, зачем они нужны и какие токены бывают?

Вот наглядный и понятно иллюстрированный материал, который отвечает на эти вопросы: thedesignsystem.guide/what-are-design-tokens

#awd_article #awd_ui
Сложный интерфейс: Рисуем состояния экрана без помощи системного аналитика

Никита Колюгин опубликовал у нас прикладную статью о том, какие состояния экрана у сайта и приложения бывают, почему они бывают, и какие из них нужно сразу проектировать дизайнеру, чтобы снизить число итераций правок и повысить качество конечного результата

awdee.ru/bekend-for-designers

#awd_article #awd_ui
Необычная подборка фильмов для дизайнеров

В статье Ирины Ляховой три дизайнера и арт-директора рассказывают, какие фильмы стоит посмотреть визуалам и всем творческим людям

В подборке есть и фильмы, известные всем, и неожиданные рекомендации, которые пополнят ваш визуальный багаж

https://awdee.ru/8-unusual-movies-for-designers/

#awd_article #awd_movie
Большая концепция навигации и схему Метро Екатеринбурга

В Екатеринбурге самое молодое метро в России, но с устаревшей системой навигации. Ребята из «Дизайн-кода Екатеринбурга», крупнейшего дизайн-сообщества города, провели исследование и освежили носители и схему метро

В статье у нас на сайте команда рассказала, как может быть, что можно улучшить и почему awdee.ru/ekb-metro-nav

#awd_article #awd_nav
Польза повторов в макетах

Игорь Штанг опубликовал у нас новую заметку. В ней он на конкретных примерах разбирает интересный парадокс: хотя дизайнеров учат избегать повторов и «выносить за скобки» для экономии места и внимания, иногда повторы могут существенно улучшить восприятие информации

Прочитать: awdee.ru/the-benefits-of-repetition

#awd_article
Полезные советы об инфографике информационном дизайне

Датское агентство инфографики Ferdio, основываясь на собственном опыте, написали 67 коротких заметок об информационном дизайне и инфографике

Они разбили их на восемь тем. Вот переводы этих заметок на русский, разбитые по темам:

1. Процессы в информационном дизайне
2. Визуализация данных в информационном дизайне
3. Структура в информационном дизайне
4. Контент в инфографике
5. Дизайн в инфографике
6. Подход в информационном дизайне
7. Графика в информационном дизайне
8. Публикация и продвижение инфографики

#awd_article #awd_infographic
Мнение опытных дизайнеров: Как поддерживать work-life balance и не выгорать

Мы обсудили вопрос сохранения баланса между работой и остальными сферами жизни с Ильёй Бирманом, Александрой Корольковой, Дашей Почекуевой, Сашей Окуневым, Серёжей Рассказовым и Женей Арутюновым

Мы задали им несколько вопросов об этом. От каждого дизайнера мы получили весьма неожиданные ответы и интересные идеи. Например, помимо дизайна, наши герои лепят из глины, пишут романы, готовят еду и занимаются музыкой

Каждый из них поделился тем, как он устроил свою жизнь, чтобы найти баланс между работой и остальными сферами жизни: успевать погулять, почитать книгу, послушать подкаст, заняться домашними делами и при этом без надрыва делать крутые проекты

Для меня стало открытием ещё и то, что уделяя работе всего 3-6 часов в день, можно эффективно решать множество дизайнерских и управленческих задач

Дизайнеры также рассказали о том, что помогает им избежать выгорания: правильно налаженные рабочие процессы, личные проекты, психотерапия, музыка, а также составления списка занятий, которые просто радуют

🙂️ awdee.ru/opinion-of-experienced-designers-how-to-maintain-work-life-balance-and-not-burn-out

#awd_career #awd_article #awd_opinion
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 Творческий переключатель: как генерировать новые идеи

Перевод статьи Ральфа Аммера об алгоритме, который поможет создавать крутые идеи. Автор рассказывает о двух последовательных этапах, с помощью которых можно придумать множество сумасшедших идей, выходя за рамки условностей, а затем трезво оценить их и выбрать лучшие

awdee.ru/creative-switch

#awd_article #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
Видео, которое стоит посмотреть каждому дизайнеру взаимодействия

Перевод статьи Юлии Ку о революционной презентации Дугласа Энгельбарта, на которой он впервые представил совершенно новые концепции взаимодействия пользователя с компьютером. На презентации, которая прошла в 1968 году, Дуглас показал такие разработки, как компьютерная мышь, графический интерфейс, гипертекст, видеоконференции и даже редактор для совместной работы в режиме реального времени

В статье автор представила основные тезисы презентации. Она также объяснила, почему это выступление стало поворотным моментом в истории взаимодействия человека с компьютером и его однозначно стоит посмотреть всем дизайнерам взаимодействия

📼 Полная запись оригинальной презентации: youtube.com/watch?v=yJDv-zdhzMY

📼 Короткая версия: youtube.com/watch?v=B6rKUf9DWRI

awdee.ru/a-video-every-interaction-designer-should-watch

#awd_article #awd_retro
Please open Telegram to view this post
VIEW IN TELEGRAM
Благодаря Figma Variables процесс адаптации макетов под разные платформы можно значительно оптимизировать

Можно сократить время разработки, сохранить уникальность каждой платформы и сэкономить бюджет проекта

Федор Миронов, дизайнер интерфейсов в студии мобильной разработки CleverPumpkin, рассказал, как правильно настроить компоненты для этого: awdee.ru/uskoryaem-razrabotku-i-snizhaem-zatraty-ispolzovanie-figma-variables-v-sozdanii-maketov-mobilnyh-prilozhenij

#awd_article #awd_figma
Как освежить герб своего города

Ребята из команды «Дизайн-код Екатеринбурга» рассказали в деталях, как и почему они обновили герб родного города

«А что, так можно было», спросите вы? Да, можно. И вы можете. В статье ребята, кроме прочего, объясняют, почему геральдика не зависит от художественных стилей, и что можно менять, а что стоит сохранить при перерисовке

Зацените, новый герб классный и рассказ познавательный: awdee.ru/new-ekaterinburg-gerb

#awd_article