Как рисовать эмоции

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

В статье автор представила подробную карту 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

Всё — сообщение

В статье UX-дизайнер Александр Овчаренко рассказывает о том, что пользователь воспринимает любой элемент на сайте как сообщение. Он рассматривает все виды таких сообщений и их особенности

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

Виды сообщений:
— Вербальные — то, что написано на сайте: текст, метки, тултипы, содержимое выпадающих списков и другое. Это явные, объясняющие сообщения
— Почти вербальные сообщения: иконки, условные обозначения и прочие символы. Например, крестик предлагает закрыть окно, а иконка дома — вернуться на главную страницу
— Образы как сообщения: фотографии, иллюстрации, диаграммы и другое. Все они несут информацию, например как выглядит отель, как устроен самолёт, как меняются объёмы инвестиций во времени и другое
— Форма и наполнение сообщают о функциональном характере элемента. Залитый цветом прямоугольник с коротким текстом говорит, что это кнопка, а такой же прямоугольник, но с обводкой и текстом с выключкой по левому краю, сообщает, что это поле ввода
— Порядок элементов: разделители, отступы, свободное пространство. Они сообщают о связи между элементами и формируют визуальную иерархию
— Иррациональные сообщения — всё, что вызывает у пользователя эмоциональную реакцию: стиль повествования (со сленгом / без сленга, «на ты» / «на вы»), шрифт (строгий гротеск/декоративная антиква), способ обработки изображений (монохромное/цветное)

Статья полностью: 9dots.ru/2020/09/09/damn-messages

#awd_article #awd_summary #awd_ui

Как фрилансеру устанавливать цены на свои услуги

Американский веб-дизайнер и автор онлайн-курса Дэнн Пэтти записал видео о том, как правильно озвучивать клиентам стоимость своих услуг

Коротко перечислим ключевые рекомендации из видео:
1. Не бойтесь устанавливать высокую цену на свои услуги
2. Не беспокойтесь о возможных отказах клиентов; худший ответ, который вы получите «у нас нет бюджета, чтобы нанять вас»
3. Экспериментируйте с ценообразованием, чтобы выяснить, чего вы стоите. Иногда вы сможете получить даже больше, чем ожидаете
4. Оставайтесь гибкими с компаниями, которые искренне ценят вас, но у которых пока нет бюджета, чтобы нанять вас. Помните о потенциальных отношениях с клиентами, которые могут вернуться в будущем
5. Не отказывайтесь от сотрудничества, если есть небольшое препятствие на пути к отличным отношениям с компанией. Например, компания может попросить установить приложение, в котором они работают, для упрощения процессов взаимодействия с вами
6. Не зацикливайтесь на максимизации своих ставок. Помните о преимуществах долгосрочных отношений с клиентами
7. Подходите к каждому клиенту индивидуально. Рассмотрите предложения компаний, которые могут хорошо вас прорекламировать или у которых есть хорошие перспективы, даже если у них пока нет нужного бюджета, чтобы нанять вас
8. Гибкость — ключ к ценообразованию

🇬🇧 Видео полностью: twitter.com/dannpetty/status/1623357149547008015

#awd_summary #awd_career

Как мы делали свой шрифт

Графический дизайнер студии Doubletapp Павел Лаптев написал подробную статью о создании корпоративного шрифта DT.HEADER своими силами

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

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

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

Вот что получилось у Doubletapp: DT.HEADER — мощный, устойчивый шрифт с широкими формами, открытой апертурой, которая передаёт тональность сообщения. Это голос бренда, шрифт с характером. Его основная задача — выразительность и привлечение внимания. Шрифт выполнен только в прописных и только в одном начертании (black). Он предназначен для использования в заголовках, слоганах, коротких тезисах. Не подходит для набора объёмного текста — его иллюстративность превыше удобочитаемости

— Поиск пропорций, контраста, апертуры (степени открытости) на самых выразительных литерах поможет определиться с настроением шрифта

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

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

— Чтобы удостовериться, что шрифт получился хорошим, имеет смысл обратиться к шрифтовому дизайнеру. Для этого необходимо правильно и наглядно презентовать собственные наработки. Шрифтовик даст критерии, по которым он оценивает шрифт, и рекомендации по его улучшению

— После внесения корректировок, важно снова проверить кернинг и сделать хинтинг

Для создания шрифта Павел использовал Adobe Illustrator, InDesign и Type Tool

Статья полностью: habr.com/ru/companies/doubletapp/articles/728122

#awd_article #awd_summary #awd_edu

Исследование: ChatGPT повышает производительность труда и качество работы

Учёные из Массачусетского технологического института выяснили, что люди, которые использовали ChatGPT для написания деловых документов, работали быстрее и качественнее, чем те, кто составлял документы без их помощи

В рамках исследования около 400 специалистов из различных сфер, в том числе маркетологи, аналитики и эйчары, написали документ для своей работы. Например, пресс-релиз, краткий отчет или аналитический план. Половина писала полностью сама, другая половина использовала ИИ. При этом 70% второй половины применяли ИИ впервые

Главные результаты такие:
— Те, кто использовал ChatGPT, подготовили документы в среднем за 17 минут, а те, кто писал сам — за 27 минут. То есть прирост производительности составил 37%
— Независимые оценщики подтвердили, что качество документов, которые люди написали с помощью ИИ, было выше. При этом они не знали, использовал человек ИИ при создании документа или нет

Так изменилась структура расхода времени в рамках выполнения задания:
1. Доля времени, которую люди тратили на мозговой штурм, в обоих случаях составила примерно 25%
2. Когда люди писали документ сами, они тратили 50% на создание черновика, а с помощью ИИ доля времени, которое они тратили на черновик, сократилась до примерно 30%
3. При этом на редактирование документа у участников уходили оставшиеся 25% времени. Когда же им помогал ИИ, доля времени на редактирование, наоборот, увеличилась почти вдвое и составила около 45%

Исследование полностью: economics.mit.edu/sites/default/files/inline-files/Noy_Zhang_1_0.pdf

#awd_article #awd_summary #awd_techno #awd_chatgpt

Как дизайнеру найти работу за рубежом

Продуктовый дизайнер Анна Лесная на базе личного опыта написала обстоятельный гайд, как найти работу за границей. Ей удалось устроиться по специальности в чешскую компанию и она описала весь алгоритм

Пока вышла первая часть, в которой Анна рассказала все тонкости создания CV (или резюме)

Коротко перечислим ключевые тезисы:
— За границей всё больше компаний используют ATS и тем самым на первом этапе отсеивают до 70% откликов

ATS (applicant tracking system) — ПО, которое работодатели применяют для управления процессом приёма откликов на вакансию. Система собирает их, сканирует и отсеивает те, которые не отвечают критериям отбора

— Чтобы пройти автоматическую проверку, важно адаптировать резюме под конкретные требования: использовать определённый формат, читаемую гарнитуру, сделать весь текст непрозрачным, составить чёткую структуру, учесть ключевые слова и вес файла. Точные рекомендации по каждому пункту есть в гайде

— Есть бесплатные сервисы для составления резюме, где люди и машины помогают улучшить его. Например, эти: monster.com и enhancv.com

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

— Самые подходящие форматы для резюме — Word и PDF. Можно сделать его в Figma и экспортировать в PDF

— Примерная структура резюме: Имя и фамилия, Роль, Краткая выжимка, Контактная информация, Фото, Образование, Программы и скиллы, Опыт, Достижения

— Важно подгонять резюме под вакансию, доказывать результаты работы цифрами, использовать формулу X-Y-Z: «Достиг [X], это измерено [Y], путем выполнения [Z]» и сильные глаголы

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

Читать полностью: slashd.ru/lib/hanna-guide/cv

#awd_article #awd_career #awd_summary

Компьютерное искусство 50-х и 60-х годов

Рекомендуем прочитать интересную статью о генеративном компьютерном искусстве 50-х и 60-х годов. В ней Эми Гудчайлд на множестве реальных примеров рассматривает, как авторы того времени воплощали творческие идеи с помощью компьютера: создавали графику, музыку, анимацию, фильмы и даже ставили танцевальные представления

Саммари статьи на русском: awdee.ru/early-computer-art-in-the-50s-60s

Статья: amygoodchild.com/blog/computer-art-50s-and-60s

Перевод на русский (1 часть): habr.com/ru/companies/cloud4y/articles/735644

Перевод на русский (2 часть): habr.com/ru/companies/cloud4y/articles/737286

#awd_article #awd_retro #awd_summary

Stable vs Photoshop: сравнение генераций

Юлия Балиева сравнила работу плагина Stable Diffusion для Photoshop c новой функцией Photoshop — Generative Fill на базе Adobe Firefly в разрезе 10 показателей:

1. Stable — локальный и требует много видеопамяти, поэтому при обработке изображений необходимо сильно уменьшать разрешение или работать с малыми областями. Время генерации артов — примерно 12 секунд.
Generative Fill — облачный и позволяет обрабатывать картинки размером до 6000х4000 px. Время генерации высококачественных артов — примерно 20 секунд

2. Интерфейс Firefly — простой и понятный, в отличие от Stable, для которого нужен отдельный плагин и модели для каждого типа генерации, что может вызвать затруднения у новичков

3. Stable предлагает 4 варианта сгенерированных картинок на выбор, а Firefly — 3. Причём у Stable каждая принятая генерация создаёт новый слой, поэтому приходится удалять лишние слои. В Firefly все варианты находятся в свойствах одного слоя, что приводит к его провисанию при пролистывании большого количества вариантов

4. Firefly без проблем удаляет объект с фотографии, Stable меняет его на другой объект, но с косяками – оставляет контур удаляемого объекта

5. Firefly дорисовывает дополнительный фон без промта, Stable — нет

6. Обе нейронки добавляют объект внутрь изображения, но Firefly делает это лучше

7. И Stable, и Firefly умеют менять объекты на картинке, но качество генерации в обоих случаях низкое

8. Firefly отлично меняет фон, Stable с этой задачей едва ли справляется

9. По текстовым промтам обе нейронки генерят арты низкого качества

10. Превращать одно изображение в другое с максимально схожим визуалом Firefly не умеет, а Stable справляется хорошо

Обеим нейронкам есть куда расти, но в этом баттле Firefly с большим отрывом обогнал Stable

habr.com/ru/companies/timeweb/articles/740252

#awd_article #awd_summary

Как рисовать эмоции

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

В статье автор представила подробную карту 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

Биография гениального исследователя цвета — Анри Матисса

На Лоско есть биографическая статья про творческий путь французского художника Анри Матисса

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

Матисс — основатель художественного течения фовизм, которое происходит от французского les fauves — дикие звери, дикари. Так критики называли его представителей за экспрессивные картины с небрежными мазками, яркими цветами и игнорированием правил композиции. Творчество фовистов бросало вызов условностям и не могло оставаться незамеченным

Несмотря на скандальный характер произведений Матисса он добился признания и известности. Его поддерживали богатые меценаты, среди которых — американская писательница Гертруда Стайн и русский купец Сергей Щукин

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

Анри Матисс — пионер современного искусства, который не побоялся отказаться от традиционной живописи, а через своё творчество дал негласное разрешение рисовать так, как хочет сам художник, и не бояться критики

losko.ru/henri-matisse-biography

Больше картинок: awdee.ru/biography-of-the-brilliant-explorer-of-color-henri-matisse

#awd_retro #awd_person #awd_art #awd_summary

Интервью Bang Bang Education c независимым дизайн-директором Валей Черным о ключевых навыках успешного дизайнера

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

Саммари с главными тезисами: awdee.ru/sammari-intervyu-s-nezavisimym-dizajn-direktorom-valej-chernym-o-klyuchevyh-navykah-uspeshnogo-dizajnera

Полное интервью: point.bangbangeducation.ru/talks/pronikat-v-sout-veschey

#awd_article #awd_interview #awd_person #awd_summary

Как рисовать эмоции

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

В статье автор представила подробную карту 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