Дизайн

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

Примерно за 2-3 месяца до выхода "Doom" (1993) началась разработка "Corridor 7" – 1994-й год сулил многого. Однако увы – вероятно, из-за достаточно позднего старта разработки процесс быстро перетёк в авральный режим. Нестись сломя голову в целом являлось особенностью работы Capstone Software.".

Nex. Фрагмент из статьи о разработке бета-версий "Corridor 7: Alien Invasion".

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

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

По результатам опроса, в 2022 году геймдев казался наиболее привлекательной креативной индустрией для трудоустройства россиян от 14 до 35 лет. О желании связать жизнь с этой сферой рассказали 26% опрошенных — каждый четвёртый молодой человек. Тот же 2022 год для геймдева в России стал кризисным: ушли крупные международные компании, геймеры потеряли возможность легально покупать игры на зарубежных площадках — и объём рынка сократился, по данным аналитиков, на 80%. Однако к 2024 году стало ясно, что российский геймдев устоял и даже начал развиваться. 

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

Интересное в исполнении приложение всегда сможет привлечь внимание, поскольку мы любим, когда красиво. Но что стоит за этим "красиво"? И начинка, и внешний вид. Сегодня я бы хотела поговорить о внешнем виде, ведь встречают по одежке. А конкретно - про анимации.

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

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

Приятного прочтения :-)

1. Blades of Vengeance (1993)

Один из примечательных эксклюзивов Genesis, вобравших в себя понемногу от достаточно разных тайтлов. Стилистика, антураж, неплохо отрисованные задники и противники напоминают "Gods" (1991). Сложность - игры серии "Castlevania". Менеджмент инвентаря - лично мне "The Lost Vikings" (1993). Наконец отдельные платформенные и прочие элементы "Vinyl Goddess from Mars" (1993). Всё упомянутое сопровождено неплохим музыкальным сопровождением.

На выбор предлагается три героя. Типовой воин, сильно бьёт, но относительно медленное передвигается. Маг, слаб, но имеет дальнюю атаку, что в случае последнего класса нивелируется где-то с середины игры. 16-битный прототип Цири в красном бикини, отличающийся от двух других повышенной расторопностью в контексте дальности прыжка.

1. Magic Sword - Heroic Fantasy (1990)

Герою необходимо последовательно преодолеть 50 этажей разной степени продолжительности, на каждом из которых нужно найти дверь. По дороге можно собирать ключи и освобождать пленников. Одновременно в рядах союзников может быть только один вызволенный из плена, как итог в процессе предполагается заменять таковых. Ростер "помощников" обширен - от войнов и магов до нинзя и гаргульи. Тоже можно сказать и о противниках - различные звери и странные существа, рыцари, маги, кого здесь только нет. Через каждые несколько этажей поджидает босс. Сложных комбинаций ударов нет, но есть возможность собирать временно действующие power up'ы.

Упомянутое сопровождено красочной стилистикой, структурой уровней, явно отсылающей к "Вавилонской башне", а также моральным выбором в финале - оставить тёмную сферу себе, заняв тем самым место главного злодея, или же избавиться от таковой? Шаблонные happy end'ы мне успел несколько приестся, поэтому, подобно "Hexen: Beyond Heretic" (1995), я выбрал первый вариант. Впрочем в Hexen выбора, как такового, не давалось, и последствия нахождения "сферы хаоса" были совсем иными.

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

Вы когда-нибудь оказывались в ситуации, когда голова была полна идей, но записать их нет возможности? Тогда вы знаете, как бывает сложно быстро и качественно зафиксировать свои мысли. А может вам знакома ситуация, когда собеседник записывает голосовое сообщение на 5 минут с описанием какого-нибудь проекта, и вам приходится переслушивать его снова и снова, чтобы понять все детали. Столкнувшись с этим, я решил сделать Telegram-бота, который может превратить голосовое сообщение в структурированную заметку.

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

На сайт Альфа-Банка заходят миллионы посетителей. Кто-то оформит карту или кредит сразу, кто-то пойдёт сравнивать предложения на сайты других банков. Дизайн продаёт продукт и доносит ценность пользователю. Но как визуально выделиться, если за несколько лет дизайн раскопировали конкуренты?

В конце 2022 года мы взялись за редизайн. Получилось ли у нас, а главное — как вам подстелить соломку уже на старте проекта, расскажу в статье. Будет интересно не только дизайнерам, но и продактам, UX-исследователям и всем, кто собирал правки дизайна в десятки итераций.

Привет, Хабр! Мы приготовили для вас долгожданный подарок (из заголовка вы уже поняли, какой), но мы вам его просто так, как говорится, не отдадим 😃

Привет, Хабр! Я – Михаил Суворов, ведущий дизайнер коммуникаций в X5 Tech. В статье я ставлю эксперименты над ИИ, пока у них нет возможности “дать  сдачи” человеку. Если серьёзно, то проверим гипотезу, может ли нейросеть, генерирующая изображения, иметь собственный “авторский стиль”.

Поздравляем вас с днем 4.04! Сегодня не только красивая дата, но и день интернета по версии Папы Римского. Отличный повод поговорить о роли страницы с ошибкой 404 и полюбоваться на лучшие образцы креативности. Под катом — немного истории и много картинок: смешных, красивых и интерактивных.

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

Мой первый on-call выдался нелегким. Недели тренингов и обучения не подготовили меня к тому что придется бегать по Slack каналам различных команд и искать того, кто может что либо знать о какой-то из частей системы. Оказалось что многие страницы в корпоративной Wiki уже не обновлялись несколько лет. Команды хранили свою документацию кто где хотел: кто в Wiki, кто в Google Docs, кто в GitHub и т.д. Наш on-call был не идеален: 2 человека выходили на дежурство 24/7. Один был ответственен за всю инфраструктуру (MySql, Cassandra, Kafka, ElasticSearch, Nomad и т.д.), второй же был Developer on-call и отвечал за все микросервисы и различные легаси системы, что в сумме давало около 300 различных сервисов от 7 команд на самых различных стеках и фреймворках (Java, Scala, Node, Go). Но что меня больше всего раздражало - так это невозможность быстро оценить на высшем уровне как проходит и обрабатывается запрос от пользователя. Диаграммы для разных бизнес частей точно также были либо устаревшими, либо без прилегающей документации, либо для какой-то бизнес логики не было ничего. И вот тогда мне пришла идея, что было бы неплохо иметь диаграммы, в которых можно не только нажать на любой элемент и добыть о нем более детальную информацию, но также получить ссылки на другие диаграммы и динамически их подгружать. Мне хотелось иметь возможность быстро разобраться в неизвестной распределенной системе, не переключаясь между диаграммой и документацией в Google Docs или Wiki. Именно так я начал работать над проектом Schem.io.

Предупреждение: в статье содержится большое количество GIF-изображений.

Всем привет! Меня зовут Георгий, я старший разработчик‑исследователь в MTS AI. Одной из задач, которыми я занимаюсь в компании, является умная видеоаналитика. Это мощный инструмент, особенно с учетом современных технологий искусственного интеллекта, который может использоваться во многих отраслях: от торговли до обслуживания клиентов.

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

Тем не менее представьте, что можно создать общую систему видеоаналитики, которая заранее не настроена на определенные события. Она гибкая и умеет понимать задачи во время общения с пользователем. Запросы могут быть разнообразными, например: «предупреди меня, если в кадре произойдет ЧП, например, пожар или драка» или «я хочу найти кадры с желтыми автомобилями такси».

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

Сколько времени я должен уделять UI/UX? Имеет ли это вообще значение для B2B-компаний?

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

Гораздо проще предположить, что продукт с хорошо продуманным ux/ui, скорее всего, лучше других... верно же?

Фараон, вышедший в далеком 1999 году был одной из первых игр, которые предлагали поэтапное строительство зданий. Да которые еще и требовали наличие разных ресурсов. Навскидку могу припомнить серию Settlers, Majesty и может еще парочку. После Цезарь III, исхоженного вдоль и поперек, где основным ресурсом при постройке зданий были монеты, это было действительно удивительно и ново. Особым удовольствием было наблюдать, как город живет своей жизнью в процессе постройки монументов, помню просто построил минимальную необходимую инфраструктуру для монумента и просто наблюдал как архитекторы жаловались на недостаток материалов, рабы бегали то на фермы, то на строительную площадку, торговцы периодически продавали кирпичи. Ну и остальной город, конечно, жил своей жизнью, можно даже забыть на какое время про отдельные части города, игра все равно не остановится, и тут понимаешь почему игра до сих пор остается одним из лучших градостроев: отличительная особенность серии — «баланс», баланс отточенный в мелочах. Восстанавливая эту часть игры, я не перестаю удивляться как это все было реализовано на тех аппаратных средствах, замечу, очень и очень небольших, 64Мб оперативки было далеко не у всех. Одним из нововведений монументов было то, что они были составными зданиями, отдельные части могли быть заменены на другие, что в общем давало возможность из одного набора текстур создавать разные по виду здания. Это сейчас кажется, что такой подход есть в любой игре, но в 99 такой механикой могли похвастаться немногие. Сначала я пытался восстановить оригинальный алгоритм отрисовки, но быстро понял, что столько if не осиливаю не только я, но и компилятор, пришлось велосипедить.

В прошлый раз здорово пообсуждали тему намагничивания неодима вот тут. Но нерассказанной осталась история одной катушки. Не той, которую скрутило всмятку на первых этапах испытаний, а той, которая была задизайнена после такого эпичного фейла. В принципе, изделие должно было получиться простым: 20 витков эмальпровода, сложенного вчетверо, в два слоя, на каркасе диаметром 50мм и такой же примерно высоты. Но был нюанс — при прохождении тока 10кА (кило‑Ампер, значит), первое решение «по‑простому» быстро схлопывается из‑за возникающих в проводниках Амперовых сил. Так что надо было придумать что‑то покрепче и намотанное поплотнее, дабы не дать возможности проводникам перемещаться по катушке во время рабочего импульса.