Good Game UI


Kanal geosi va tili: Rossiya, Ruscha
Toifa: Dizayn


Канал про дизайн игровых интерфейсов:
проектирование UX ⚙️, оформление UI 🎨, создание UI арта 🧑‍🎨, простым языком, в доступной форме 😌
✉️ Связь @MurMurMerlin

Bog‘liq kanallar

Kanal geosi va tili
Rossiya, Ruscha
Toifa
Dizayn
Statistika
Postlar filtri


Всем привет!
Опять шикарные новости из мира полезных роботов 🤖 

На днях хотел напилить спрайтов для UI. Cовсем обленился и попробовал запрячь Клода, чтобы тот всё сделал за меня 

Отдал ему psd со спрайтами и сказал: сделай разметку через Slice tool по габаритным размерам спрайтов и назови ячейки как слои, на которых лежат картинки 

А Клод сказал, что сам такое не может. Но напишет скрипт, который можно скормить фотошопу и тот всё запилит как надо 😱🥳

Скормил скрипт Photoshop'у, тот всё разметил за 30 сек. Осталось только поправить некоторые слоты и проэкспортить всё в PNG 

Выходит, что такие скрипты можно писать и под другие задачи — достаточно выдать Клоду psd и рассказать, что нужно сделать 🔥

Полезный скрипт лежит тут
Применить можно так: 
1. Открываем Photoshop 
2. Идём в  File → Scripts → Browse
3. Выбираем файл скрипта с диска
4. Получаем psd с разметкой
5. Только нужно чтобы ассеты лежали на отдельных слоях

Надеюсь эта штука упростит ваши трудовые подвиги 💪
Всем хорошего вечера 🌞


Всем привет!
Есть хорошая новость — я таки допилил курс по UX дизайну игровых интерфейсов 🎉

Описал пайплайн проектирования интерфейса для игровой механики — от дизайн-документа до макетов, готовых к передаче на оформление и реализацию в игре 🎨⚙️

Курс пригодится если вы:
😺 Начинающий UI/UX дизайнер — осваиваете основы, базовые принципы и подходы к дизайну
🐯 Развивающийся UI/UX дизайнер — уже есть опыт в дизайне, и вы продолжаете расширять свою экспертизу
🧑‍🎨 UI Художник — оформляете UI и расширяете свою экспертизу в сторону UI/UX дизайна
👾 Геймдизайнер — придумываете игровые механики и хотите проектировать интерфейсы для них
🎮 Инди разработчик — создаёте свой инди проект и хотите проектировать удобные интерфейсы для него

Внутри подробные видео с теорией и практикой, исходники в Figma и конспекты-шпаргалки. Материалы с вами навсегда, их можно осваивать в комфортном для вас темпе 👌😌

👉 Программа и стоимость
✉️ Пишите мне, если будут вопросы

Всем хорошей недели 🌞


Короче, прикол
Оказывается Клод умеет шатать psd-шники

Надо было проэкспортить картинки из photoshop в figma и настроить переключение между ними

В figma для этого нужно завернуть картинку в мастер-компонент и назвать в формате (категория)/(имя картинки)

Разметил док в Фотошопе через Slice tool, получилось 200 ячеек с картинками, дал им правильные названия, чтобы в figma осталась только завернуть их в мастер-компоненты

Запускаю экспорт, узнаю что photoshop не умеет сохранять файлы, если в названии есть "/". А у меня он есть в каждом из 200 спрайтов 😄

Сижу в печали, представляю как руками переименовываю все 200 штук 🥲

Вспоминаю про Клода и оказывается, что он умеет шатать psd-шники. Отдал ему свой файл и попросил поменять "/" на "-". Клод всё нашёл, заменил и сделал psd-шник с правильными названиями

Дальше осталось только заменить "-" обратно на "/" через фигму (Control + R, при выбранных элементах)

В итоге сплошной восторг, счастье и тёплые чувства к полезным роботам 🥳


Всем привет!
Продолжаем тему полезных роботов — этот раз про голосовой ввод текста 🎙🤖

Оказывается, в Google документах можно завести текстовый док, нажать Control + Shift + S и наговорить всё, что душе угодно

Полезный робот переколбасит речь в текст, а нам не придётся набивать его вручную 🎉 И еще получим экономию времени при наборе ⏳

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

Например, после каждого блока обсуждений можно нажимать Control + Shift + S и проговаривать, до чего договорились

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

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

Но это уже в настройках телефонной клавиатуры, а не в Google доках

Всем хорошей недели 🌞


Всем привет!
Оказывается, ИИ из фигмы теперь умеет делать дизайнерские задачи 😱

Сегодня надо было напилить компонентов с биндами для ПК и консолей 🎮💻

Собрал образец, выдал роботу картинки и попросил запилить остальные бинды по моему шаблону. Робот раскидал основной объем за пару минут, и дальше я допиливал только специфические моменты 🎉🔥🔥

В общем, мощно кайфанул от того, что теперь мою рутину буду делать не я 😄

Видео с восхвалением чудесного робота можно посмотреть по ссылке https://youtu.be/aweyvFf1oiE

Всем хорошей пятницы и выхов 🌞


Всем привет!
Записал ролик с процессом UX дизайна для инвентаря 🤓

Постарался подробно показать пайплайн проектирования: от описания задачи до макета структуры интерфейса ⚙️

Такой макет можно показать членам команды, чтобы они в общих чертах поняли, как будет работать интерфейс 🤖

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


📺 Видео тут: https://youtu.be/Yrfhbq6IABA
🎨 Пак иконок из Dark Souls 3: https://cloud.mail.ru/public/Gqv3/Xdjwhiu6x

Всем хорошей недели 🌞

766 0 19 1 50

Game UI / UX community dan repost
ЗАРПЛАТНЫЙ ОПРОС 2026 - РЕЗУЛЬТАТЫ!
_______
Вместо тысячи слов, как говорится — смотрим подробный и очень хороший документ, подготовленный нашим скромным UI/UX дизайнером (и немного аналитиком), Борисом Киселёвым @levelerus !

💡Результаты зарплатного опроса для UI/UX дизайнеров 2026💡

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

Считаю, что у нас, как комьюнити, это получается на 5+!
Ещё раз огромное спасибо Борису за инициативу и бесконечные пинания админа (вы себе просто не представляете, как часто мне напоминали, что уже пора делать опрос!) Это очень круто.
__________
Boris Kiselev
Lana & Community


Всем привет!

Есть результаты зарплатного опроса дизайнеров игровых интерфейсов 🎉

Ребята из UI/UX Community опросили ~ 170 дизайнеров и собрали всё в один шикарный документ — респект и уважуха 💪💪💪

Очень рекомендую, док страшно интересный 👇


Всем привет!
Рубрика "Советы любимых коллег" 🎉

Обсуждали, как оформлять обложки документов проекта в Figma

Я всегда думал, что идеальный вариант — это запилить для каждого дока обложку с узнаваемой частью дизайна. Тогда по картинке сразу понятно, где что лежит 👌

А потом программисты рассказали, что ориентируются, в основном, по названиям документов, потому что не всегда помнят и знают, как выглядят наши макеты 🤯

И ещё рассказали, что неудобно читать названия документов, потому что figma пишет очень мелкими буквами, и в них надо прям вглядываться, чтобы найти нужный док 🔍🕵️

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

И ещё писать здорове-е-е-енную надпись с названием, чтобы наши программисты меньше превозмогали в процессе поиска документов 🤓

Всем хорошей недели и счастливых коллег 🌞


Всем привет! ✨

Запилил ролик про сборку динамической панели вкладок в figma 🛠 Показал на примере из Kingdom Come: Deliverance 2 🤴⚔️🐴

Видео тут 👇
https://youtu.be/u5Lli_J1YyM

Исходник тут, можно скачать и пощупать 🙂👇
https://cloud.mail.ru/public/w4c4/YGjwhKRYY

Всем хорошей недели 🌞

#gamedev #ui #gameui #ui_tutorial #figma #goodgameui


Всем привет!
Написал статью про нарезку графики для игровых интерфейсов 🪚✂️🔪

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

Статья лежит на Хабре: https://habr.com/ru/articles/983472/

Всем хорошего дня 🌞

#gamedev #ui #gameui #ui_tutorial #figma #goodgameui


Всем привет!
Рубрика "Лайфхаки от любимых коллег"

Оказывается, в Figma можно задать любой процент заполнения прогресс бара через боковой отступ Autolayout'а 🎉🔥

Заворачиваем прогресс бар в фрейм с Autolayout’ом → Фиксируем его ширину → Говорим полоске: “Заполняй собой всё, что сможешь, по горизонтали” (Width - Fill) → Настраиваем длину полоски через отступ от правого края фрейма

Получается, можно не пилить тонны вариантов для разных состояний, а сделать всё через один компонент 😱

В общем, испытал мощнейший восторг, чего желаю и вам 🎉💪😄

Исходник с баром можно скачать тут и пощупать
Всем хорошего дня 🌞

#gamedev #ui #gameui #ui_tutorial #figma #goodgameui




Всем привет! Выглядит так, что напиленные видео уже можно систематизировать и раскидывать по категориям ⚙️ 🍱

Так что я сходил на YouTube и собрал тематические плейлисты 📺 🎉

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

А пока положил всё, что есть, в закреп — можно хватать и пользоваться 👇


Всем привет! Запилил ролик про вёрcтку игровых интерфейсов на примере виджета из Cyberpunk 2077 🕹🤖

В нём рассказываю базовую базу про то, как подавать информацию в удобной для восприятия форме и собираю виджет из интерфейса Cyberpunk 2077 в Figma

Видео тут https://youtu.be/qY3LmTkhsbQ
Исходник с макетом тут https://cloud.mail.ru/public/Hjs1/fVfRy8yKG

Расскажите, насколько вам заходит такой формат. Возможно, стоит пересобрать ещё какие-то интерфейсы из ещё какие-то проектов? 🤔

Всем хорошей недели и новогоднего настроения 🌞🎄🎉❄️

#gamedev #ui #gameui #ui_tutorial #figma #goodgameui


Всем привет!
Запилил ролик про визуальный шум в игровых интерфейсах

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

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

Видео лежит тут: https://youtu.be/1gGMh4i_yHM

Всем хорошей недели 🌞

#Tutorial #UIDesign #GameUI #GameDev #DesignProcess #goodgameui

2k 1 29 2 55

И снова здравствуйте!
Запилил вторую часть ролика про визуальную иерархию в игровых интерфейсах 🎉

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

Вещи довольно очевидные, но при этом эффективные, и с примерами 👌🙂
Видео тут: https://youtu.be/t174eVLCfS0

Всем хорошей недели 🌞


Всем привет! Лето закончилось, можно пилить туторы дальше )) Записал первый ролик про визуальную иерархию в игровых интерфейсах

В нём несколько приёмов, помогающих регулировать заметность элементов интерфейса и привлекать внимание зрителей к важным вещам

Они довольно очевидные, но при этом эффективные 👌🙂 Видео тут: https://youtu.be/1jTSn8-VpoY

Дальше — больше 🙂
Всем хорошей недели 🌞

540 0 14 2 70

Всем привет!
Запилил ролик про оформление проекта для портфолио 🎉

Показал как можно презентовать навыки, востребованные в профессии дизайнера игровых интерфейсов и возбуждать у зрителя желание с нами посотрудничать 💪🙂

Описал приёмы, улучшающие впечатление от проекта и популярные ошибки при сборке проектов для портфолио

Видео тут: https://youtu.be/Klj5PeKwiec
Ссылка на фигму тут: https://www.figma.com/design/ZjcVG1tk9ZYbAqIKEMWJus/Videos-part-2?node-id=0-1&t=3OCdtUhCRifKaas8-1

Всем хорошей недели 🙌

#portfolio #Tutorial #UIDesign #GameUI #GameDev #DesignProcess #goodgameui

496 0 14 4 51


20 ta oxirgi post ko‘rsatilgan.