Дизайн

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

Соавтор Doom и Quake заявил в ответ на критику разработчиков и пользователей, что развитие искусственного интеллекта поможет создавать больше игр и делать их более качественными, а также привлечёт в индустрию новых специалистов. В качестве наглядного примера развития технологий Кармак привёл написание машинного кода для своих первых игр, чем уже никто не занимается. По словам Кармака, сейчас подобное занятие можно сравнивать с «обслуживанием колёс у боевой колесницы», ведь появились игровые движки, которые делают разработку удобнее и эффективнее. Аналогичным образом ИИ-инструменты станут помогать разработчикам в будущем.

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

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

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

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

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

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

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

Джон Кармак.

Ранее Microsoft опубликовала техническую демонстрацию ИИ-версии игры Quake II, которая работает на базе нейросети Muse. Команда проекта обновила модель машинного обучения так, чтобы она могла генерировать картинку с большим разрешением и с большей скоростью.

В Go есть очень полезная фишка – go:embed, это поддержка встраивания файлов и папок в исполняемый файл приложения во время компиляции без использования внешних инструментов.

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

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

В качестве примера, простое приложение/каталог AI моделей, которое читает JSON файл со списком моделей.

https://github.com/avkcode/AwesomeAI

//go:embed LICENSE README.md favicon.svg index.html models.json
var content embed.FS

То есть можно фронт и бэк встраивать в один исполняемый файл. Мы не ограничены в выборе файлов – это может и база данных SQLite или TLS сертификаты. Для некоторых use-кейсов это может изрядно упростить работу.

🗓 08.04.1912 - День Российской анимации [вехи_истории]

День Российской анимации — праздник, посвящённый отечественным мультфильмам, их создателям и зрителям всех возрастов. Дата выбрана не случайно: именно 8 апреля 1912 года в России был показан первый национальный мультфильм — кукольная лента «Прекрасная Люканида» Владислава Старевича, рассказывающая о приключениях насекомых.

С тех пор российская анимация прошла длинный путь: от экспериментальных немых короткометражек до всемирно известных классических лент «Ну, погоди!», «Ёжик в тумане», «Каникулы в Простоквашино», «Жил-был пёс», и до современных мультсериалов вроде «Маша и Медведь» или «Фиксики», покоривших аудитории по всему миру. А скоро еще выйдет Киберслав.

С праздником, аниматоры! 🎂

🖊 Пишите в комментарии свои любимые советские и российские мультфильмы)

🎞 А про историю зарубеной мультипоикационной студии мы уже рассказывали:
История Pixar. Как СТИВ ДЖОБС создал наше детствоё
YouTube | RuTube

YouTube | RuTube | Telegram | Pikabu

Пользователь сообщил, что в клиентском опроснике «Ростелекома» нельзя поставить оценку ниже 7 — кнопка «Далее» становится неактивной.

Авторское право на логотип vs. товарный знак и патент на промышленный образец: что выбрать?

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

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

Компания, заполучив этот логотип, может зарегистрировать его в Роспатенте. Такая регистрация:

• Защищает раскручиваемый бренд от патентных троллей и ушлых конкурентов;

• Позволяет взыскивать с нарушителей, использующих незаконно ваш товарный знак, компенсацию в размере до 5 млн рублей;

• Охраняет ваш сайт;

• Дает возможности территориально расширять проект на основе франшизы.

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

Достаточно ли защиты авторских прав на логотип?

Если вы дизайнер, который работает по заказу, — да. В случае судебного конфликта — вы представите разнообразные документы, фиксирующие факт создания проекта (от идеи до реализации) и его последующей юридической передачи.

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

Что же выбрать в этой ситуации: регистрацию товарного знака или промышленного образца?

Надо учитывать преимущества оформления каждого из обозначенных объектов.

Товарный знак:

• Можно зарегистрировать практически любой объект: форму бутылки, печенья, упаковки конфет или иного товара;

• Товарный знак регистрируется на десять лет. Вы можете продлевать правовую охрану бренда неоднократно. Для промышленных образцов максимальный период защиты составляет 25 лет (исходно патент выдается на 5 лет, его можно продлить пять раз);

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

Промышленный образец:

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

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

Да. Такое действие:

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

• Во-вторых, если, например, один из объектов прекратит свое действие, то на другой — это не повлияет.

Зарегистрировать товарный знак можно здесь. А промышленный образец (патент на дизайн) тут.

🗓 4.04 - World Webmasters Dаy [вехи_истории]

4 апреля отмечается День веб-мастера (World Webmasters Day) – праздник всех, кто разрабатывает, поддерживает и совершенствует сайты. Веб-мастера — это программисты, дизайнеры, SEO-специалисты, администраторы и многие другие профессионалы.

Выбор даты не случаен: 4.04 ассоциируется с известной ошибкой 404 «Страница не найдена». Это своеобразный символ работы веб-мастеров, ведь их задача — следить, чтобы сайты всегда работали гладко и без сбоев, но не всегда получается)

С момента появления первых веб-страниц интернет сильно изменился. Если раньше веб-разработчик отвечал за всё — от написания кода до оформления, то сегодня сфера веб-разработки включает UX/UI-дизайн, поисковую оптимизацию, маркетинг и кибербезопасность.

🩵 Поздравляю всех веб-разработчиков. Пусть ваши сайты падают реже)

YouTube | RuTube | Telegram | Pikabu

Как лучше всего оформлять геймплейные возможности игрока?

Играя в Silent Hill 2 Remake, многие могли заметить, что возможность перепрыгнуть через препятствие обозначается белой тканью и иногда паллетой. Однако в некоторых случаях визуальные подсказки могут быть не сразу наглядными из-за избыточного декора, который воспринимается как мусор и кажется непреодолимой преградой (Рис. 1). Если на данном рисунке убрать паллету, то механика будет лучше читаться. Если же посмотреть на примеры границ, то там используются те же декоративные элементы, к которым добавляются и другие объекты. Все это выглядит мусорно и говорит о невозможности пройти дальше. Для улучшения восприятия игроками таких механик важно использовать минимальное оформление: декали или дополнительные объекты-формы, говорящие о возможности использовать механику. Игровые механики лучше читаются, оставаясь в рамках простых форм и не перегружены излишними деталями.

Как сделать путь для удобного взаимодействия со всеми важными NPC и объектами

В No Rest for the Wicked между двумя точками A и B проходит путь через главный город, который будет очень часто посещать игрок, Сакрамента. Маршрут лежит так, чтобы он смог взаимодействовать с каждым важным персонажем: для закупки еды, прокачки города, прокачки оружия и т.д. Также стоит обратить внимание, что путь нелинейный из-за большого количества NPC. Расположение телепорта, через который можно переместись в город точно также лежит около главного пути ближе к месту, где скоплено больше всего персонажей. Жилье, которое может приобрести игрок находится точно также около данных путей.

Путь не только нелинейный, но и цикличен. Это поможет сделать сам по себе путь интереснее и проводит игрока все также по всем важным элементам взаимодействия. Цикличность и небольшая нелинейность позволяет составить карту местности довольно быстро, поскольку игрок часто пробегает по данной местности и изначально ищет путь из города.

Как подделывают голос?

Каждую неделю появляются новости о мошенниках, которые с помощью подделанного голоса крадут деньги. Но если спросить: «Как именно они это делают?», в СМИ чаще всего встречаются общие фразы вроде «используют ИИ». [1] [2] [3] [4]

Многих устраивает такой ответ, но давайте все-таки разберемся, как именно происходит эта "подделка"?

В 2022 году, на 5-м курсе, я писал научно-исследовательскую работу (НИР) на тему «Атаки на систему верификации диктора по голосу».

Мне дали экспериментальную систему верификации диктора по голосу (СВДГ), и задача была проста: сгенерировать образцы аудио, которые обманут эту систему.

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

Как это работает (если упростить)?
1. Берем два аудиофайла:
- Голос А (человек 1 говорит фразу X)
- Голос B (человек 2 говорит фразу Y)
2. Подаем их в модель
3. На выходе получаем аудио, где человек 1 говорит фразу Y голосом человека 2

Генерация одной записи занимала ~10 секунд (на слабом железе), а качество было почти неотличимо от оригинала — никакого «робоголоса» или шумов.

Эксперимент
Я сгенерировал несколько образцов и прогнал их через СВДГ. Результат:
✅ 21,7% успешных атак (из 2256 тестов).

До этого (из предыдущих научных работ, которые я изучал) другие методы давали максимум 5% успешных атак. Cтало ясно, что подделка голоса скоро станет массовой.

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

Если кому-то интересно, то полный текст работы закинул в комментарии к соответствующему посту в своем авторском Telegram-канале! .

Конкуренты есть у любого продукта

Даже если вы делаете супер инновационный продукт, в нём наверняка есть какие-то элементы, которые уже используются у других (ручки, кнопки, формы, функционал). Когда пользователь будет «вертеть в руках» ваш продукт, он будет интуитивно искать знакомые вещи. Гениальность команды и состоит в том, чтобы добиться вау-эффекта, используя привычные элементы.

«Знакомые» детали дают пользователю ощущение комфорта, «новое» — драйвит интерес и создает вау-эффект (iPhone, AirPods).

Люди не готовы полностью к тому, что кардинально ломает их привычный опыт. Если продукт не даёт точки опоры, то пользователи теряются. Например, Google Glass пока так и не взлетели, хотя потенциал до сих пор кажется огромным.

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

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

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

Дизайнеры, продакты и маркетологи, подгон для вас 🔥

Собрали подборку сервисов, где можно посмотреть примеры реальных сайтов, сервисов и приложений.

🔵ScreenLane
🔵Mobbin
🔵Scrnshts
🔵Refero

Классные альтернативы Dribbble и Behance, только лучше, ведь там только существующие и рабочие проекты 👍

Все сервисы можно попробовать бесплатно.

Refero и Scrnshts комфортно использовать без приобретения подписки.

А еще в своем телеграм-канале собрал топ нейросетей, которые могут сгенерировать любые таблицы за пару секунд!

🗓 22.03.2005 - Выход первой God of War [#вехи_истории]

На PlayStation 2 вышла God of War, первая игра культовой серии от Santa Monica Studio. Этот проект не просто предложил зрелищный экшен, но и стал эталоном кинематографического повествования в играх. Игроки впервые познакомились с Кратосом, спартанским воином, ведомым жаждой мести к Олимпу.

God of War впечатляла масштабными битвами с мифологическими существами, предлагала захватывающий сюжет, вдохновленный древнегреческой мифологией, и мрачную историю Кратоса, трагического героя, проклятого богами.

Проект получил восторженные отзывы и заложил основу одной из самых успешных франшиз в истории видеоигр. Это одна из игр, ради которой покупали консоли Sony.

💜 Играли? Ставьте лайк)

YouTube | RuTube | Telegram | Pikabu

Премия «Оскар» в 2025 году за лучший анимационный полнометражный фильм присуждена анимационному фильму «Поток» (Flow), снятому латвийским режиссёром Гинтсом Зилбалодисом. Мультфильм повествует о приключениях кота во время потопа и примечателен тем, что создан независимой командой с ограниченным бюджетом в свободной системе 3D‑моделирования Blender. Работа над фильмом продолжалась пять с половиной лет.

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

Крупнейшая зоозащитная организация в Бразилии Ampara Animal заявила, что мультфильм оказал положительное влияние на то, как люди относятся к чёрным котам.

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

зоозащитная организация Ampara Animal.

🗓 20.03.2006 - Выход The Elder Scrolls IV: Oblivion [вехи_истории]

Bethesda Game Studios выпустила The Elder Scrolls IV: Oblivion, одну из самых культовых ролевых игр своего времени. Игра предлагала игрокам огромный, детализированный мир Тамриэля, насыщенный квестами, фракциями и возможностями для исследования.

Сюжет сосредоточен на битве с вторжением демонов из Обливиона, где герой должен закрыть врата в параллельный мир и спасти Кватч.

Игра получила восторженные отзывы за масштаб, глубину ролевых механик и атмосферу, став эталоном RPG на годы вперед. Oblivion проложила путь к еще большему успеху The Elder Scrolls V: Skyrim, впрочем, это уже совсем другая история)

❗️ До конца июня 2025 года ожидается ремейк -  у вас будет возможность пройти или перепройти этот шедевр в улучшеной графике.

✏️ Пишите в комментарии, считаете ли вы эту РПГ лучшей в истории, в серии TES или у вас есть свой вариант?)

YouTube | RuTube | Telegram | Pikabu

#статья Гайд: как сделать хороший текст для интерфейса, на примере сайта Самоката

Новая статья уже вышла на нашем Хабре. на этот раз своим опытом поделилась UX-редакция ecom.tech. На примере сайта Самоката рассказали, как писать просто о сложном и не раздражать пользователей.

Время прочтения: 4 минуты.

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

🙂 Читать статью

Представлена история дизайна машин «Формулы-1» и гоночных технологий с 1950 года по 2025 год. Это познавательный и информационный портал с исторической статистикой по пилотам. командам и данным по болидам.

Путь UX-исследователя. Новый выпуск Sravni Podcast

Зачем компаниям нужны UX-исследователи? А как ими становятся? И из чего состоят сами исследования?

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

Также в выпуске:

• Почему исследователи — это «глаза» компании

• Виды UX-исследований и когда их использовать

• Поиск респондентов и происшествия на интервью

• Как сочетать эмпатию с аналитикой

Посмотреть новый выпуск Sravni Podcast можно здесь:

✅VK
✅YouTube
✅RUTUBE

А послушать — здесь:

✅Яндекс Музыка

Наш тг-канал: Sravni Tech

Как организовать обучение аналитиков дизайнерскому ремеслу?

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

№1. Интерфейсы и инструменты. Основной акцент на горячих клавишах, ускоряющих работу (масштабирование холста, выделение объектов и т. д.), массовых операциях (переименование слоёв, выбор одинаковых объектов, редактирование текста).

№2. Подключение библиотек и создание стилей. Создание собственных библиотек позволяет переиспользовать стили текста и цвета.

№3. Группы, фреймы, привязки, autolayouts. Это довольно сложный материал для восприятия — без достаточного опыта работы с графическими редакторами тяжело воспринимать все эти привязки, размеры фреймов и т. д.

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

Как защитить дизайн сайта с помощью патента на промышленный образец (дизайн)

Для юридической защиты дизайна сайта можно использовать сразу несколько способов.

1. Регистрация внешнего вида портала как промышленного образца. Формат оформления документов стандартен: первоначальный патентный поиск — подача заявки — госэкспертиза — принятие решения (патентование происходит, если объект отвечает признаку мировой новизны и оригинальности).

Есть ли позитивные примеры в этом плане?

Есть. Госорганы предоставляют правовые гарантии как всему интерфейсу сайта в целом (ПО № 128539), так и отдельным частям (например, иконке мобильного приложения — ПО №91047).

2. Сайт может рассматриваться как объект авторских прав. Это означает, что если поставить внизу знак копирайта, произвести депонирование ресурса, то созданный дизайн вполне защищаем с точки зрения Гражданского кодекса РФ.

А были ли случаи в судебной практике, когда дизайн интернет-портала копировался и становился предметом споров?

Да. 

Первую позицию по поводу схожести сайтов обозначил Верховный Суд РФ. Эта инстанция в деле №5-КГ21-14-К2 заявила, что в подобных делах участвующие субъекты обязаны провести многочисленные разнопрофильные экспертизы, ответив на вопросы: что истец подразумевает под объектом авторского права; является ли подразумеваемое таковым; есть ли у истца права на этот оригинальный объект; фиксируется ли действительное и реальное совпадение HTML-кодов рассматриваемых ресурсов. Так как у суда не хватает профессиональных знаний в этой сфере, то надлежит всегда подключать к процессу специалистов, могущих дать квалифицированное мнение.

Вторую — нижестоящие суды. Они отмечают, что если контролирующий орган власти (например, Федеральная антимонопольная служба) самостоятельно или по заявлению заинтересованной стороны обнаружила дубликаты ресурсов, предлагающих продажи сходной продукции, то это прямо нарушает законодательство о конкуренции (Решение от 23 марта 2020 г. по делу № А63-24603/2019).

Получить патент на дизайн можно здесь.

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

Прежде всего, для этой задачи не помогут аддоны типа Stylus, потому что по соображениям безопасности им запрещён доступ к стилизации внутренних страниц. Нам понадобится папка chrome в профиле FF. Под Windows это \AppData\Roaming\Mozilla\Firefox\Profiles\profile\chrome. Если вы хотите подправить что-то в интерфейсе (стилизовать тулбар, например), создайте там файл с именем userChrome.css. Например, так можно удалить недавно появившуюся кнопку для показа всех вкладок:

#alltabs-button
{
display: none !important;
}

Но нам нужно поменять содержимое стартовой страницы, поэтому создадим в той же папке файл userContent.css.

Сетка стала узкой и высокой, потому что кто-то из дизайнеров поменял местами промежуток по горизонтали (20px → 0) и вертикали (0 → 20px). Будем надеяться, что хоть сознательно.

Вернём всё как было (ну, или можете установить свои значения):

ul.top-sites-list
{
column-gap: 20px !important;
row-gap: 0 !important;
}

Длинные заголовки при наведении мыши прыгают потому, что включается (при наведении, да!) режим переноса по словам. Пожалуйста, никогда так не делайте в пользовательских интерфейсах. Я не страдаю эпилепсией, но даже меня затошнило. Что уж говорить о более сенситивных личностях.

Исправляем:

.top-sites-list .top-site-outer .title .title-label
{
white-space: nowrap !important;
-webkit-line-clamp: none !important;
}

Ну и, наконец, шорткат можно сделать чуть побольше. Размеры его элементов рассчитываются на основе переменной, которая имеет значение 32px. Если добавить 4 пикселя, шорткат будет выглядеть, КМК, поприятнее:

:root
{
--size-item-large: 36px !important;
}

P.S. Пользуясь случаем, хочу попросить рекомендаций: чем вы пользуетесь в качестве главной страницы? Чтобы там были шорткаты (с полноценными preview, которые зачем-то убрала Мозилла), погода, калькулятор и что-нибудь ещё? Думаю, не запилить ли свой аддон со всем этим блэкджеком.