Как дизайн оффлайн карты для незрячих даёт идеи для игровых HUD и UI
Гуляли ночью по городу. Увидели на площади стенд: история площади, названия и т.п. Много исторической информации и всё такое. Удобно, что тут же qr-код со ссылкой на аудиогид на английском.
Но! Заинтересовало другое. С обратной стороны стенда вот такая карта для незрячих и слабовидящих.
1. Выглядит стильно, хочется подойти и рассмотреть (по крайней мере мне, как зрячему); простые триадные цвета: красный—синий, чёрный—белый
2. Имитация объёмности; пластины имитируют возвышенность ландшафта (в некоторым местах и зданий)
3. Шероховатая текстура материала всей панели, приятно прикасаться, удобно отслеживать пальцами длинную улицу
4. Каждый информационный элемент со шрифтом Брайля, т.е на красной метке и на каждом чёрном круге есть выпуклости шрифта
5. Справа от карты белым на белом история шрифтом Брайля. Каждая строка выдаётся над плоскостью панели, чтобы не терять строку при "чтении" и переходе пальцами, а на каждой строке уже шрифтом текст
Чему тут можно научиться?
1. Цветое разделение сущностей: важное сразу, второстепенное после
2. Зонирование/компоновка типов информации: "тактильная картография" и текст
3. Функциональный эмоциональный отклик: не просто красиво, но и функционально
4. Единство дизайна (функция) и арта (эстетика) в продукте
Это пример, как следует работать с целями продукта (напр. вашей игровой карты)
Особенно нравится идея с перепадами высот ландшафта и шероховатость поверхности. Я люблю лёгкий налёт несовершенства картинки в играх, он помогает избавиться от пластикового эффекта "слишком диджитал", об этом писал в анализе INDIKA. Лёгкие дисторсия линзы, хроматическая абберация и шум — как раз про эстетику. В Hellblade 2 это ещё один слой (кинематографичный) эмоционального наполнения проекта; если убрать, картинка становится диджитально плоской и мёртвой.
Могу представить подобный подход в создании карты в Assassin's Creed, God of War... Вообще в любой игре с масштабной картой.
#ux #lvldesign
Гуляли ночью по городу. Увидели на площади стенд: история площади, названия и т.п. Много исторической информации и всё такое. Удобно, что тут же qr-код со ссылкой на аудиогид на английском.
Но! Заинтересовало другое. С обратной стороны стенда вот такая карта для незрячих и слабовидящих.
1. Выглядит стильно, хочется подойти и рассмотреть (по крайней мере мне, как зрячему); простые триадные цвета: красный—синий, чёрный—белый
2. Имитация объёмности; пластины имитируют возвышенность ландшафта (в некоторым местах и зданий)
3. Шероховатая текстура материала всей панели, приятно прикасаться, удобно отслеживать пальцами длинную улицу
4. Каждый информационный элемент со шрифтом Брайля, т.е на красной метке и на каждом чёрном круге есть выпуклости шрифта
5. Справа от карты белым на белом история шрифтом Брайля. Каждая строка выдаётся над плоскостью панели, чтобы не терять строку при "чтении" и переходе пальцами, а на каждой строке уже шрифтом текст
Чему тут можно научиться?
1. Цветое разделение сущностей: важное сразу, второстепенное после
2. Зонирование/компоновка типов информации: "тактильная картография" и текст
3. Функциональный эмоциональный отклик: не просто красиво, но и функционально
4. Единство дизайна (функция) и арта (эстетика) в продукте
Это пример, как следует работать с целями продукта (напр. вашей игровой карты)
Особенно нравится идея с перепадами высот ландшафта и шероховатость поверхности. Я люблю лёгкий налёт несовершенства картинки в играх, он помогает избавиться от пластикового эффекта "слишком диджитал", об этом писал в анализе INDIKA. Лёгкие дисторсия линзы, хроматическая абберация и шум — как раз про эстетику. В Hellblade 2 это ещё один слой (кинематографичный) эмоционального наполнения проекта; если убрать, картинка становится диджитально плоской и мёртвой.
Могу представить подобный подход в создании карты в Assassin's Creed, God of War... Вообще в любой игре с масштабной картой.
#ux #lvldesign
🔥8👍7👏5