Графический дизайн *

Какие книги читать дизайнеру: мнение экспертов

Недавно в нашем блоге вышла статья о том, что происходит на рынке продуктового дизайна в 2024 году. Эксперты из нескольких компаний рассказали, какие тренды они видят сегодня и чего ожидать в этой сфере в будущем. Среди прочего, они ответили и на вопрос о том, как дизайнеру прокачивать скиллы.

Вот какие книги они упоминают:

• «Дизайн привычных вещей» Дона Нормана;

• «Пиши-сокращай» Максима Ильяхова;

• «Спроси маму» Роба Фитцпатрика;

• «Начни с почему» Саймона Синека;

• «Переломный момент» Малькольма Гладуэлла;

• «Паттерны дизайн-менеджмента» Юрия Ветрова;

• «ВкусВилл. Как совершить революцию в ритейле, делая всё не так» Евгения Щепина;

• «Тайная жизнь цвета» Кассии Сен-Клер;

• «Настольную книгу Project-менеджера» Владимира Завертайлова;

• «То, что мы видим, то, что смотрит на нас» Жоржа Диди-Юбермана;

• «История журнального дизайна» Ольги Рожновой;

• «Об интерфейсе» Алана Купера.

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

Обзор возможностей распознавания и генерации трехмерных тел с использованием алгоритмов ИИ — Никита Петрушан / Ural Digital Weekend 2024

Опубликовали запись доклада секции «Разработка» с Ural Digital Weekend 2024.

1. Что такое трехмерное тело?

2. Проблема распознавания образов в ИИ.

3. Плюсы и минусы фотограмметрии.

4. Выбор алгоритмов и методов.

Ответы на эти вопросы вы услышите в докладе.

Ссылка на запись доклада в ВКонтакте.

Ссылка на презентацию: https://goo.su/HAhYs

Как начать читать научные исследования по дизайну и зачем это делать — запись со встречи с Юлей Кондратьевой, ex Tinkoff Design Lead.

В общем, у нас тут две крутые новости. Первая — недавно Юля была в гостях у дизайн-коммьюнити Garage Eight, где выступила с очень полезной лекцией и ответила на все наши вопросы. Вторая — она разрешила поделиться записью встречи!

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

4 принципа из художки, которые помогают в работе дизайнера

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

1. Сперва общая композиция, потом — детали.

Бывает, что довел дизайн до идеала, пиксель к пикселю поставил, но всё равно что-то не то. С портретами то же самое: рисуешь часами идеальный правый глаз, а общий вид в итоге так себе. Поэтому всегда лучше сначала накидать общую идею крупными штрихами, и только потом переходить к деталям.

2. Результат зависит от контекста.

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

3. Критика — не руководство к действию.

Художка тренирует восприимчивость к критике: один преподаватель зарубил композицию твоей картины, другой — цвета, третий вообще усомнится в способностях. Фишка в том, что критика — не руководство к действию, а пища для размышлений. Задавайте встречные вопросы своим комментаторам, ведь истина — в диалоге.

4. Сложные вещи лучше упрощать.

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

>> Полная версия статьи Юли — по этой ссылке.

Объединение «Развитие видеоигровой индустрии» (РВИ) и Институт бизнеса и дизайна B&D до 31 августа 2024 года принимают заявки на конкурс дизайна пиктограмм для маркировки видеоигр. Форма для участия, Техзадание (в Figma) и Положение о конкурсе опубликованы на сайте проекта конкурса.

Призовой фонд конкурса составляет 200 000₽ – 100 000, 70 000 и 30 000₽ за первые три места соответственно.

К участию в конкурсе по созданию макетов пиктограмм для «Зелёной маркировки видеоигр» приглашаются дизайнеры, профильные студенты, художники, дизайн‑студии, творческие объединения, способные создавать символы, понятные покупателям, будь то дети или взрослые.

Проект «Зелёная маркировка видеоигр» по добровольной позитивной маркировке видеоигр призван устранить негативное восприятия широкой аудиторией контента видеоигр; маркировка должна сфокусировать внимание человека и общества в целом на положительных и позитивных сторонах видеоигр.

На первом этапе конкурса вводится несколько основных категорий:

• игра сделана в России;

• игра содержит обучающие материалы;

• игра является киберспортивной дисциплиной.

Как развивать софт-скиллы, чтобы продвигаться в карьере (и когда они могут стать важнее твоих хардов) — узнай из записи встречи с Вовой Зиминым, дизайн-директором Яндекс Плюс. 

Вова заглянул в гости в Garage Eight и провел живой диалог с нашим дизайн-комьюнити. Получилась не лекция, а спич-импровизация, из которой мы узнали: 

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

А еще спикер поделился инсайтами разработки дизайна в Яндексе, своими собственными факапами и выводами, к которым они привели. Смотри запись встречи!

А если ты уже преисполнился во всех этих вопросах, может, тебя заинтересует вакансия дизайн-лида? ;-)

«AI-инструменты для дизайнеров» — новый курс Яндекс Практикума

Курс для дизайнеров с опытом: вы не будете тратить время на освоение базовых инструментов, а сосредоточитесь на главном — работе с нейросетями. По итогу обучения вы научитесь подбирать и применять AI-инструменты, а не просто пользоваться набором готовых решений.

В программе минимум теории — вас ждут воркшопы с практикующими дизайнерами, а также индивидуальная и групповая работа над учебными кейсами. Воркшопы проходят с 12:00 до 16:00 мск, сессии ответов на вопросы — по средам с 19:00 до 20:00 мск. 

Курс рассчитан на 4 недели. Чтобы процесс обучения был комфортным, мы рекомендуем уделять ему не менее 7 часов в неделю: 4 часа на воркшоп, 1 час на сессию Q&A и не меньше 2 часов на самостоятельную работу.

Будете практиковаться сразу в нескольких нейросетях, с фокусом на Midjourney— доступ мы предоставим. Начнёте с неё и Stable Diffusion в оболочке Fooocus, а потом постепенно добавите и другие нейросети, чтобы сформировать устойчивый навык работы с ИИ. В конце обучения у вас будет 2 групповых проекта, которые можно добавить в портфолио.

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

→ Узнать все подробности и записаться на курс

OpenAI обновила интерфейс приложения ChatGPT, сделав его минималистичным. Теперь пользователь общается с большим чёрным кругом, который изменяет свои формы и размеры в зависимости от происходящих событий. Когда ИИ говорит, то круг меняется, визуально усиливая ощущение диалога и взаимодействия.

По словам технического директора OpenAI Миры Мурати, новый интерфейс ChatGPT должен свести к минимуму отвлекающие факторы, чтобы пользователи могли полностью сосредоточиться на диалоге с ИИ.

Чёрный круг, выступающий в роли ИИ-собеседника, превращается в стилизованные волны звука, когда ChatGPT даёт ответ. Это визуально усиливает у пользователя ощущение коммуникации.

В настоящее время обновлённый интерфейс ChatGPT доступен только для настольных и мобильных приложений ChatGPT. В веб-версии сервиса по-прежнему используется стандартный текстовый интерфейс.

Nike выпустила для Тима Кука специальную версию кроссовок Air Max, дизайн которых сделали на новом iPad.

В Nike пояснили, что это уникальная модель Nike Air Max 1 ’86s, разработанная специально к презентации Apple. Примечательно, что на язычке обуви от руки написано Made on iPad.

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

7 мая 2024 года Apple провела презентацию, полностью посвящённую обновлению линейки iPad.

Apple подготовила свой сайт к предстоящему «специальному мероприятию» под названием Let loose, которое состоится 7 мая и сопровождается рисунком Apple Pencil, что позволяет предположить, что в центре внимания будет обновлённые iPad Air, iPad Pro и аксессуары для планшетов, включая Magic Keyboard и стилус Apple Pencil с новым жестом сжатия с тактильной обратной связью.

В рамках этого ивента на сайте Apple курсор мышки — это ластик, которым пользователь может стирать разноцветные вариации фигур, вписанных в логотип Apple.

Мы выпустили 6-ую версию UIKit — ключевой библиотеки дизайн‑системы Gravity UI.

Что нового:

1. Компонент List 2.0. В UIKit изначально был List, но в нём хотелось кое‑что доработать. При сборе запросов собрали список:

   • поддержка разных размеров и ширины;

   • иконка у элемента списка; разное количество и положение иконок;

   • поддержка стейтов;

   • разный контент в элементах списка (однострочный, многострочный или список пользователей);

   • поддержка разных видов разделителей и группировок.

   Это существенные изменения, поэтому мы создали List 2.0. Пока он выходит в prestable версии, но рекомендуем пользователям переходить на него и приносить фидбек.

2. RTL. Если ваши приложения/сайты должны отображаться на иврите, арабском и других языках с направлением письма справа налево, нужна поддержка RTL‑стандартов. При этом в RTL:

   • вставленное слово на латинице пишется слева направо;

   • цифры пишутся слева направо;

   • знаки препинания в арабском также пишутся слева направо и т. д.

   Во всех компонентах мы поддержали параметр RTL. Чтобы под рукой был полный пример, сделали промостраницу на арабском. Посмотреть, как реализовано, можно в исходном коде landing. Также за примерами можно заглянуть в storybook.

3. Доступность (a11y):

   • добавили в проект плагин eslint;

   • поддержали клавиатуру для clickable и closable состояния компонента Persona;

   • отключили onClick у 15 неинтерактивных компонент;

   • поддержали клавиатуру в компоненте SelectionTable.

Если есть запрос на доработку — приходите к нам в GitHub с issue или даже с PR. И используйте Gravity UI!

Figma представила функцию «Мультиредактирование» (multi‑edit).

Теперь можно измененять один из выделенных объектов, и изменения автоматически применятся ко всем остальным выбранным элементам.

Несколько новшеств:

• Быстрый автоматический выбор повторяющихся объектов в разных фреймах. Либо выбор слоев аналогичных выбранному объекту с помощью зажатого Shift.

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

• Массовое изменение цвета, размера, поворота и других свойств.

• Редактирование текста одновременно в нескольких фреймах и изменение свойств шрифта.

• Автоматическое создание нескольких auto layout для разных групп выделенных объектов.

• Массовое перемещение объектов в разных auto layout, неважно, горизонтальные они или вертикальные.

• Массовое внесение объектов в несколько фреймов.

• Выравнивание объекта относительно ключевого в разных фреймах.

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

• Создание компонента из ключевого объекта и автоматическая замена других выделенных объектов инстансами.

• Одновременное редактирование вариантов компонента, например добавление иконок, текста и т. п.

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

Состоялся релиз GIMP 2.99.18 — это последняя запланированная версия открытого графического редактора перед долгим путём к GIMP 3.0, который создавался десять лет в качестве альтернативы программному обеспечению Adobe Photoshop.

В GIMP 2.99.18 представлены новейшие разработки по исправлению обработки цвета в системе обработки изображений, улучшены алгоритмы цвета, проведена начальная работа по добавлению режима non-destructive (незарушаемого) редактирования, улучшена обработка шрифтов, добавлено автоматическое расширение слоев, новые параметры привязки, улучшена обработка файлов Adobe PSD, внесены правки во взаимодействия с Wayland и многое другое. GIMP 2.99.18 — это самая крупная версия разработки в ветке GIMP 2.99.

Хотя GIMP 2.99.18 содержит множество интересных улучшений, но они не все перейдут сразу в GIMP 3.0. Разработчики планируют выпустить GIMP 3.0 RC1 «в ближайшее время», а релиз GIMP 3.0 намечен к майской конференции Libre Graphics.

Чего ждать от шестой версии Midjourney

С 15 февраля 2024 шестая версия Midjourney является моделью по умолчанию, хотя сами разработчики говорят, что она все еще находится в «раннем доступе».

Что стало действительно лучше

✔ Корректное написание слов. Больше никаких «WEILD WELLOLLD» вместо нужного «HELLO WORLD» (правда, с кириллицей и иероглифами еще не все гладко, да и длинные тексты пока даются нейросети с трудом);

✔ Поддержка консистентных стилей. Теперь можно сгенерировать одну картинку в стиле другой, не учитывая при этом текстовый запрос;

Что еще требует доработок

✔ Генерация пальцев. Если центральным объектом изображения будут кисти рук, которые что-то держат, вы можете разочароваться;

✔ Midjourney все еще не умеет считать. Попросите ее нарисовать 12 котов, и она не только изобразит другое количество, но и с высокой вероятностью сделает коллаж из отдельных картинок с котиками.

Если хотите узнать больше и погрузиться в детали нашего знакомства с Midjourney v6, добро пожаловать в статью. Здесь мы подробно рассказываем о первом взгляде на новую версию популярной нейросети.

Когда‑нибудь задумывались, как в Figma добавить «Эффект Дросте» или просто создать промежуточные состояния между двумя фигурами? Решение — на помощь приходит плагин «Blend». Просто нарисуйте два объекта, укажите количество промежуточных состояний, и плагин моментально их сделает (у меня ушло 15 секунд на 6 изображений). Можно играть с заливкой, обводкой, цветами и толщиной. Единственное условие — у обоих объектов должно быть одинаковое количество точек, иначе плагин начинает капризничать.

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

Плагин «Insert Big Image» для Figma — это решение, которое позволяет вставлять гигантские изображения в макеты, не ограничиваясь разрешением 4096 px, которое так любит Figma.

Как это работает:
Просто бросьте одно или несколько изображений в плагин, и он, как настоящий волшебник, разрежет их на кусочки размером менее 4096×4096 и соберет в группу. При желании, можете удалить любой кусочек. И да, даже с картинкой 16 000×16 000 он справляется, не боясь трудностей.

Когда это пригодится:
Каждый решит сам, как использовать этот плагин. Лично я часто сочетаю его с расширением для Chrome «GoFullPage». Оно самостоятельно скроллит и делает скриншоты сайта, склеивая их в одно длинное изображение. А «Insert Big Image» переносит его в Figma без потери разрешения. Почти как магия, но даже лучше!

Сложности прокачки UI

Подписывайтесь на мой канал: t.me/designtusovka

Вы наверняка замечаете тренд на 100% понимание всего что связанно с UX?

Я стал задаваться вопросом “Почему так происходит?”. В последние годы я стал чаще и чаще замечать, что компании уделяют всё больше внимания UI-дизайну, нанимают специалистов заточенных под UI дизайн.

Неужели до СНГ компаний дошло что UX и UI это две разные позиции?

Тенденция показывает, что народ просто забил на UI, ведь каждый курс пестрит методологиями, сложными аббревиатурами, способами исследования. А выпускники знают только слова JTBD, RICE, Mindmap, custdev и тд. (Про умение применять это всё в жизни я молчу)

Почему-то все позабыли, что главный навык дизайнера — делать красиво.

Давайте разберём, почему же так мало реально мощных курсов / уроков по UI дизайну и почему это самый сложный навык в дизайне:

Насмотренность
Супер важна, чтобы стать хорошим UI-дизайнером. Это и про то, чтобы научиться видеть детали/фишки, и чтобы со временем научиться сразу интегрировать классные решения в свой продукт.

Время
Анализ, изучение других работ, коммуникация с дизайнерами — все это необходимо на постоянной основе.

Обучение
Вы должны быть готов к тому, что придется постоянно учиться и совершенствоваться, чтобы оставаться востребованным на рынке труда.

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

Наставники
Очень нужны, особенно на старте. Они вас направят и помогут скорректировать курс.

Состоялся релиз мажорной версии библиотеки GLM 1.0.0 (OpenGL Mathematics).

OpenGL Mathematics (GLM) — это header only математическая библиотека C++, предназначенная для графического ПО, основанная на спецификациях языка шейдинга OpenGL (GLSL).

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

Проект GLM не ограничивается функциями GLSL. Системные расширения проекта основаны на extension conventions GLSL и предоставляют расширенные возможности, включая матричные преобразования, кватернионы, упаковку данных, случайные числа, шум и так далее.

Разработчики пояснили, что библиотека стабильно работает с OpenGL, но также обеспечивает совместимость с другими сторонними библиотеками и SDK. Это хороший кандидат для программного рендеринга (трассировка лучей/растеризация), обработки изображений, физического моделирования и любого контекста разработки, требующего простой и удобной математической библиотеки.

GLM написан на C++98, но может использовать преимущества C++11, если он поддерживается компилятором. Это независимая от платформы библиотека, независимая и официально поддерживающая следующие компиляторы:

• GCC 4.7 and higher;

• Intel C++ Compose XE 2013 and higher;

• Clang 3.4 and higher;

• Apple Clang 6.0 and higher;

• Visual C++ 2013 and higher;

• CUDA 9.0 and higher (experimental);

• Any C++11 compiler.

Препарируем Material Design и находим родовые травмы

Подробнейшая документация, но..

• Неконсистентный и неуниверсальный дизайн.

• Сомнительный пользовательский опыт чуть ли не в каждом компоненте.

• Реализация от Гугла в Вебе безбожно тормозит и глючит.

• Тяжёлая поддержка разных форм-факторов и инпут-девайсов.

В продолжение темы: Бестолковый дизайн, Mathematics Driven Design.

Мета: Форум Гипер Дев, Канал с новостями, Донаты.

Плагин «Shape Builder Tool» для Figma — инструмент, созданный для быстрой работы с объектами. Этот плагин — своего рода альтернатива стандартной функции «Boolean groups» в Figma, но плагин позволяет одновременно работать с несколькими объектами и быстрее добиваться желаемого результата всего в несколько кликов, без необходимости постоянно дублировать слои и запускать функцию.

В его арсенале два уникальных режима:

1. Режим Добавления (+Add) — добавляет пространство между объектами.

2. Режим Вычитания (‑Sub) — убирает пространство там, где формы пересекаются.

Результат переносится в векторном виде в Figma всего лишь щелчком по кнопке «Replace Selection» (заменить исходный объект) или «Copy To Canvas» (вставить результат рядом с исходным объектом).

Плагин вышел в конце декабря 2023. Триал версия — 3 дня.