Как стать автором
Обновить

Дизайн

Сначала показывать
Порог рейтинга
Уровень сложности

Часть 11. Дневник разработки настольный игры по мотивам танчиков для Dendy. Про архив рабочих прототипов

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 494
Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *

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

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

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

Мы уже писали о том, как менялся пиксельный стиль игры. От почти примитивного 8-битного, до финального, который условно можно назвать 16- битным.

Читать далее
Всего голосов 1: ↑1 и ↓0 +1
Комментарии 7

Новости

Мир на геодезической сфере: алгоритмы игры Planet

Время на прочтение 6 мин
Количество просмотров 2.9K
Работа с 3D-графикой *Разработка игр *Игры и игровые консоли
Перевод
Я уже больше года не писал статей с анализом процедурной генерации в играх. Сегодня мы изучим Planet — игру 2016 года с уютным дизайном, созданную одним из моих любимых разработчиков, Оскаром Сталбергом.


Другие скриншоты



Planet — наполовину технологическое демо, наполовину игра, в итоге создающая настоящую магию. Не так уж просто разобраться, как она работает, однако, к счастью, мне удалось узнать основные подробности из постов в Twitter и статей самого Оскара.
Читать дальше →
Всего голосов 28: ↑28 и ↓0 +28
Комментарии 2

Темная сторона исследований пользователей: как когнитивные искажения портят результаты

Уровень сложности Средний
Время на прочтение 44 мин
Количество просмотров 1.6K
Дизайн
Перевод

Интро

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

Естественно, читаю не все (сорри, но темы, которые уже знакомы, проходят только поверхностный фильтр адекватности), однако часто встречается и то, что привлекает внимание и заставляет прочитать полностью и делать для себя заметки. Еще реже появляются статьи, которые прямо хочется прокомментировать или тем более перевести. В этот раз мне попалась отличная, но платная, статья The dark side of User Research: How cognitive biases taint results, которую не только захотелось перевести, но и дополнить собственными комментариями и ссылками.

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

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 3

Типографика: основные виды и характеристики шрифтов

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 1K
Типографика *Дизайн
Обзор

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

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

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 0

Истории

Нейросеть как способ самоопределения

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 1.2K
Дизайн Искусственный интеллект

Есть мнение среди людей и страх среди дизайнеров (или любого творческого человека),  что объект / предмет искусства, созданный с помощью технологий, вовсе не является искусством, потому что сделано за человека. Так ли это?

Читать далее
Всего голосов 2: ↑1 и ↓1 0
Комментарии 2

Как создавать пользовательские представления в Android (Custom Views)

Уровень сложности Сложный
Время на прочтение 4 мин
Количество просмотров 1.1K
Разработка мобильных приложений *Разработка под Android *Дизайн мобильных приложений *
Из песочницы
Перевод

В данной статье расскажу как создать свои кастомные представления(view) при разработке приложений для андроид устройств. Если вы не знакомы с разработкой приложений для андроид предлагаю прочитать официальную документацию. В статье будет использовано язык программирования Kotlin(официальный язык программирования для создания приложений для андроид). Можно прочитать про Котлин здесь.

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

1) Что такое пользовательское представление(custom view) в Android ? Пользовательское представление - это элемент пользовательского интерфейса, который полностью создается разработчиком. Пользовательские представления используются, когда существующие представления, предоставляемые Android, не соответствуют конкретным требованиям к дизайну или функциональности. Пользовательские представления создаются путем расширения класса View, который предоставляет базовую структуру для рисования и обработки пользовательских взаимодействий.

2) Когда или при каких условиях может понадобится создать свои view при создании Android приложений ?
Создание пользовательского представления(Custom View) в Android - важнейший навык для разработчиков, которые хотят создавать инновационные и уникальные приложения. Пользовательские представления предоставляют разработчикам возможность создавать сложные визуальные элементы, которые улучшают пользовательский опыт, обеспечивая при этом гибкость и кастомизацию. В этой статье мы расскажем вам, как создавать пользовательские представления в Android.

Читать далее
Рейтинг 0
Комментарии 6

Ирина, голосовой помощник — теперь и со вкусом GPT-3

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 6.5K
Open source *Python *Умный дом Голосовые интерфейсы *

«Лама... Альпака...Чатгпт...» — раздавалась в уютненьком чатике по Ирине.

Хабр был не лучше — статьи по работе с GPT множились как грибы, а в комментах раздавались возгласы в духе «Дайте мне голосового помощника, с которым можно болтать!»

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

Тем не менее, и меня заинтересовало, насколько весело будет именно болтать с GPT, но самому в коде и платном API‑доступе разбираться не хотелось. Но сегодня утром меня снабдили и примером, и ключиком...

‑-

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

— Полностью оффлайн SpeechToText и TextToSpeech
— Поддержка плагинов
— Готовые команды «таймер», «погода» и ряд прочих. Поддержка HomeAssistant.
— Поддержка работы в клиент‑серверном режиме — сервер + куча микрофонов + Телеграм‑клиент, например.

Расскажу, что улучшилось за прошедший год с момента прошлой статьи.

TL;DR> Добавлен плагин для общения с GPT-3 нейросетью. Сделан пакет упрощенной установки под Windows — «скачай и запусти». Сделано два веб‑клиента — один распознает слова прям в браузере (тяжелый), другой отправляет весь звуковой поток на сервер (легкий) — так что можно запускать клиенты, например, на смартфоне. Добавлен TTS Silero v3 — имхо, лучшее озвучивание доступное в открытом доступе. Сделан докер‑образ для быстрого запуска Ирины без установки зависимостей. Добавлено нечеткое распознавание фраз. Обновлена VOSK‑модель распознавания голоса на специально натренированную для Ирины.

Читать далее
Всего голосов 35: ↑35 и ↓0 +35
Комментарии 10

Что не так с умными колонками и голосовыми ассистентами?

Время на прочтение 8 мин
Количество просмотров 32K
Машинное обучение *Искусственный интеллект Умный дом Голосовые интерфейсы *
Мнение

Если вы когда-нибудь слышали фразу "дьявол в деталях", вы понимаете, что условная Лада Гранта от условного Мерседеса отличается не более, чем на несколько процентов. Фактически обе машины ездят и возят своих пассажиров - это и есть главная их функция. Но внимание к мелочам и продуманный пользовательский опыт (UX) это и есть те самые несколько процентов, которые так разительно влияют на наше восприятие продукта.

Попробуем применить этот угол зрения к умным колонкам и голосовым ассистентам. И попытаемся понять, почему же все они пока ещё Гранты. И чего именно им не хватает до Мерседесов.

Что же с ним не так и как это исправить?
Всего голосов 75: ↑61 и ↓14 +47
Комментарии 341

Сборка v4l-utils. Система сборки meson

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 628
Настройка Linux *Работа с видео *
Туториал

Недавно для популярного пакета для работы с мультимедиа устройствами (в основном камерами) появилась возможность сборки через meson. В данной статье мы рассмотрим как это осуществить. Собирать будем в Ubuntu 22, но подойдёт и любой другой популярный современный дистрибутив.

Читать далее
Всего голосов 7: ↑4 и ↓3 +1
Комментарии 2

Архитектура дизайн-системы. Критикуем и предлагаем

Уровень сложности Средний
Время на прочтение 11 мин
Количество просмотров 1.2K
Веб-дизайн *IT-инфраструктура *IT-стандарты *Прототипирование *Бизнес-модели *
Туториал

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

О ней мы и поговорим.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 2

Создание карты потоков с помощью JavaScript: пошаговое руководство

Уровень сложности Средний
Время на прочтение 16 мин
Количество просмотров 3.7K
Блог компании RUVDS.com CSS *JavaScript *HTML *Графический дизайн *
Перевод

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

В текущем руководстве мы познакомим вас с процессом создания карты потоков. А чтобы сделать этот процесс более практичным, мы используем пример визуализации количества студентов из Индии, обучающихся в разных странах. Следуя этому руководству, вы научитесь создавать собственные карты потоков с помощью JS для любых видов данных.
Читать дальше →
Всего голосов 33: ↑32 и ↓1 +31
Комментарии 0

Windows по сравнению с MacOS

Уровень сложности Простой
Время на прочтение 50 мин
Количество просмотров 34K
*nix *Интерфейсы *Usability *Разработка под MacOS *Дизайн
Мнение

У меня родилась статья в продолжение серии хороших статей:

Перейти с Linux на macOS и не сойти с ума

7 причин почему вам не стоит переходить на Mac, или как справиться с этой демонической машиной

Я, старый дурак пользователь Windows (26 лет стажа, ну да, с 1997 г.) решил купить макбук. Вот этот, предпоследний, стильный-модный-молодежный на процессоре M1 Pro. Нафига, а главное зачем - вопрос риторический и не предполагающий ответа (захотелось). Как его можно настроить, чтобы заскорузлому виндузятнику стало возможно использовать этот чудо-компьютер с яблоком без очень сильной боли в одном месте, я попытаюсь написать в этой заметке. Хотел бы я, чтобы полгода назад мне на глаза попалась такая!

Продолжение из двух частей с эпилогом
Всего голосов 95: ↑67 и ↓28 +39
Комментарии 304

«Человек. Собака. Человек с собакой». Как искусственный интеллект понимает, что жизни школьников в опасности

Время на прочтение 3 мин
Количество просмотров 1.2K
Блог компании Команда Цифровой Трансформации Татарстана Работа с видео *Обработка изображений *Машинное обучение *
Кейс
Recovery mode

В новостях Казани регулярно появляются заголовки о том, что бродячие, беспризорные собаки нападают на людей. Пугают сообщения о том, что школьнику прокусили щеку, на детей напала собака прямо на детской площадке, ребятам из группы школьников прокусили ногу и разорвали куртку… Осенью прошлого года замглавы исполкома Казани Искандер Гиниятуллин сообщал, что в столице Татарстана находится 4 900 животных, подлежащих отлову и стерилизации. Очевидно, что кроме этих мер требуются и другие. Команда исследований в области искусственного интеллекта Центра цифровой трансформации Республики Татарстан (ЦЦТ РТ) в начале года вплотную занялась вопросом.

Как именно - рассказываем в статье.

Читать далее
Всего голосов 8: ↑6 и ↓2 +4
Комментарии 3

PCIe для электронщиков: знакомство с дифференциальными парами

Уровень сложности Средний
Время на прочтение 10 мин
Количество просмотров 7.8K
Блог компании RUVDS.com Интерфейсы *Производство и разработка электроники *Компьютерное железо DIY или Сделай сам
Перевод

PCIe, он же PCI-Express, представляет собой очень мощный интерфейс, и в этой статье я опишу основные принципы его использования в собственных проектах. Поначалу PCIe может немного пугать, но он всё же достаточно прост для экспериментов и вполне пригоден для применения в рамках хобби. В определённый момент вы можете решить использовать микросхему PCIe в собственных проектах или, например, задействовать подключение PCIe на Raspberry Pi Compute Module, так что лучше быть к этому готовым.
Читать дальше →
Всего голосов 65: ↑63 и ↓2 +61
Комментарии 17

С кем дружить UX-редактору? Как быстро вырастить грейд? Что включить в редполитику? И ещё 22 вопроса о UX Writing

Время на прочтение 10 мин
Количество просмотров 510
Блог компании СберМаркет Интерфейсы *Дизайн мобильных приложений *Управление продуктом *
FAQ

Привет, редактор! Недавно мы провели UX Writing Meetup со спикерами из СберМаркет Tech, Ozon и Магнит, но из-за ограниченного тайминга не успели ответить на многочисленные крутые вопросы слушателей. Расскажем, что делать, если редполитика становится слишком толстой, с какими командами UX-редактору стоит подружиться в первую очередь, где взять рабочий опыт, если без него не берут на работу. Поехали!

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Комментарии 0

RoadMap UX/UI — Product Designer Skills

Уровень сложности Простой
Время на прочтение 1 мин
Количество просмотров 938
Карьера в IT-индустрии Дизайн
Роадмэп

В этой статье я расскажу какими навыками необходимо обладать будущему UX/UI Desinger и Product Designer. Чтобы было проще ориентироваться я собрал карту в виде mind map, со всеми необходимыми ссылками, чтобы вам было проще найти информацию.

Читать далее
Рейтинг 0
Комментарии 3

Процедурная генерация 3D-мешей для интро на 64 КБ

Время на прочтение 7 мин
Количество просмотров 3.2K
Программирование *C++ *Assembler *Работа с 3D-графикой *Демосцена
Перевод

В предыдущей статье [перевод на Хабре] мы рассказали, как генерируются текстуры в демо H – Immersion. На этот раз мы изучим ещё один важный инструмент для создания демо нужного размера — процедурную геометрию.

В частности, поскольку в нашем рендеринге используются традиционные полигоны, мы написали процедурный генератор мешей. Мы покажем, как благодаря тщательно подобранным методикам можно создать разнообразие форм или убедить в этом зрителя, как это сделали мы.
Читать дальше →
Всего голосов 30: ↑30 и ↓0 +30
Комментарии 3

Почему компонент дизайн системы — это часть процесса создания дизайна

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 831
Дизайн
Из песочницы

Привет, я Андрей Сахаров, дизайнер и преподаватель UI/UX дизайна. Работа с компонентами — важная составляющая культуры дизайна. Часто бывает, что новички в профессии имеют абстрактное, неоформленное представление о том, как создается дизайн. Понимание технологии и того, как все устроено, собственный осознанный подход к работе и практические наработки приходят со временем. На мой взгляд, причина кроется в том, что многие начинают с теории, а не с практики. Поэтому в этой статье я хотел бы на конкретных примерах рассказать о собственном методе работы с компонентами.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 2

Все web-дизайнеры привирают о свои размерах. Или проблема height'ов

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 1.5K
Веб-дизайн *Интерфейсы *Дизайн

Третьего дня, сдавай дизайны мобильного приложения. «А вы помните, что есть статус бар и чёлка?» — осведомилась менеджер подрядчика. «Юная леди, я с 2006 и разрешения 1024x768 помню, что есть бары операционных систем, окно браузера и бары ввода адреса и управления в нем» — вежливо проинформировал я.

Читать далее
Всего голосов 5: ↑4 и ↓1 +3
Комментарии 2

Диффузионная нейросеть ModelScope text2video 1.7B — создаём видео по текстовому описанию у себя дома

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 5.9K
Работа с видео *Python *Машинное обучение *Искусственный интеллект Будущее здесь
Туториал
Из песочницы
🤖 Сезон machine learning

Ещё не успело ИИ-сообщество оправится от набега ЛЛаМ и высвобождения GPT-4, подоспела новая напасть — 19го марта была выпущена китайская нейросеть ModelScope text2video от Alibaba, создающая короткие видеоролики по текстовому описанию.

Читать далее
Всего голосов 18: ↑18 и ↓0 +18
Комментарии 8