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

Дизайн

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

Немного примеров/мыслей навеянных датой 1 Мая…

Прототипирование *Дизайн DIY или Сделай сам Звук Электроника для начинающих

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

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

Текст будет скопирован почти 1:1, там где надо, возможно будут вставки-пояснения [выделение прямыми скобками+курсивом].

Поехали ! (С)

много букв и немного фото/картинок
Всего голосов 8: ↑6 и ↓2 +4
Просмотры 1.1K
Комментарии 0

Новости

Как я протестировала интерфейс голосового ассистента Сбер Салют

Интерфейсы *Usability *Тестирование мобильных приложений *Голосовые интерфейсы

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

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

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

Как избежать бардака в работе арт-команды и наладить производственные пайплайны

Блог компании MY.GAMES Разработка игр *Графический дизайн *Игры и игровые консоли

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

Чтобы не допустить всего этого, в игровых студиях есть Art Design Document (ADD) — свод правил и рекомендаций по работе художников. Там перечислены арт-решения, которые формируют визуальный облик игры, позволяют добиться единообразия стиля, упрощают онбординг новых сотрудников и гарантируют сохранения оригинальной задумки даже через годы развития проекта.

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

Встречают по одёжке: как мы меняем главную в приложении с 13 миллионами MAU

Блог компании Кошелёк Разработка мобильных приложений *Интерфейсы *Usability *Дизайн мобильных приложений *

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

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

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

Читать далее
Всего голосов 10: ↑9 и ↓1 +8
Просмотры 1.9K
Комментарии 2

Цифровое искусство и ностальгия: что создают на UNIGINE 3D-художники

Блог компании UNIGINE Работа с 3D-графикой *

Не все знают, но название нашего движка UNIGINE расшифровывается, как Universal Engine — универсальный движок. Мы позиционируем нашу технологию, как средство для визуализации абсолютно любых трёхмерных проектов: от игр и технодемок до виртуальных тренажёров и сложных масштабных симуляций.

Мы решили составить подборку из самых необычных работ, созданных на нашем SDK. В нее вошли 3 лучших работы от 3D-художника Ostap_Gordon, а также 3 трехмерных инсталляции от деятеля современного искусства Джона Джеррарда.

Читать далее
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 2.9K
Комментарии 1

Редизайн ивентового арта: поиск и разработка новых пайплайнов для улучшения контента

Блог компании Pixonic Разработка игр *Графический дизайн *Дизайн игр *

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

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

Меня зовут Даша Карманова, и я UI-дизайнер в Pixonic. В этой статье мы с моим коллегой Андрееем Лузановым расскажем о том, как мы  на проекте War Robots провели редизайн ивентового арта — одной из самых емких категорий UI-контента в игре.

Мы обсудим:

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

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

Типографика фильма «Бегущий по лезвию»

Графический дизайн *Дизайн Научная фантастика
Перевод

После подробного исследования фильма «Чужой» настало время взглянуть на типографику и дизайн ещё одного классического научно-фантастического фильма Ридли Скотта«Бегущий по лезвию» (Blade Runner). Эта лента, снятая по мотивам романа Филипа К. Дика «Мечтают ли андроиды об электроовцах?», упрочила репутацию Скотта как автора красивой, умной научной фантастики в жанре tech noir.

(Должен заранее сообщить, что в статье есть множество спойлеров о фильме. Если вы не хотите знать, когда в «Бегущем по лезвию» единственный раз мелькает шрифт Eurostile Bold Extended, то отложите чтение.)
Читать дальше →
Всего голосов 58: ↑58 и ↓0 +58
Просмотры 11K
Комментарии 2

Введение в суррогатные модели. Часть 1: Актуальность и новизна

Блог компании ЦИТМ Экспонента Анализ и проектирование систем *Машинное обучение *Прототипирование *Искусственный интеллект
Перевод

Представьте, что кто-то создал для нас очень детальную имитационную модель сложнейшей системы (спасибо!). Теперь нам её эксплуатировать, мы же проектировщики, так что поищем оптимальную конфигурацию (миллион комбинаций параметров), прогнав для каждой из них по миллиону экспериментов (погода, реакция всяких агентов и просто для накопления статистики...). И тут нас настигает понимание того, что задача будет решаться несколько недель. Потратить время на упрощение модели вручную, или задействовать машинное обучение?

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

Альф, переведи мне на телефон миллион рублей

Блог компании Альфа-Банк Тестирование IT-систем *Тестирование мобильных приложений *Смартфоны Голосовые интерфейсы

Или нюансы тестирования и разработки голосового помощника в банковском приложении.

А нюансов достаточно. Например, однажды мы тестировали модуль Яндекса, который закрывает звёздочками нецензурные слова в диалоге с голосовым помощником. Он работает в нашем приложении Альфа-Мобайл с октября 2021 и его зовут Альф (Alf). Он умеет оплачивать счета, переводить на телефон и озвучивает курс доллара голосом Геральта — Всеволода Кузнецова. 

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

Читать далее
Всего голосов 21: ↑14 и ↓7 +7
Просмотры 3.6K
Комментарии 13

Lego Ideas: как превратить идею в полноценный набор Lego

Работа с 3D-графикой *Читальный зал Будущее здесь
Из песочницы
Tutorial


В этой статье хотел бы рассмотреть один интересный ресурс — Lego Ideas, и поделится своим опытом публикации работ на нем. Примечательно то, что даже если у вас нет под рукой конструктора Lego — не проблема. Главное обладать хорошей фантазией и любить собирать конструкторы (ну и компьютер не помешает). Также упомяну, что участник должен быть старше 12 лет.

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

Всего на сайте есть 3 вида участия: Activities, Contests и Product Ideas.

Читать далее
Всего голосов 46: ↑46 и ↓0 +46
Просмотры 6.8K
Комментарии 14

Как создать цифровой двойник электроэнергетического объекта. Часть 1. Sampled Values

Блог компании ЦИТМ Экспонента Сетевые технологии *Прототипирование *Matlab *Энергия и элементы питания

Так вышло, что испытания релейной защиты обязательно проводят на специальных комплексах в режиме реального времени. Внутри этих комплексов находятся цифровые двойники электроэнергетических объектов. Чтобы разобраться как и зачем их туда загружают, мы прольем свет на всеми любимый и ненавистный стандарт МЭК 61850 и поделимся своим опытом моделирования энергосистем на КПМ РИТМ.

Читать далее
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 2.1K
Комментарии 13

Левел-дизайн 101: язык разработки локаций

Блог компании Pixonic Разработка игр *Дизайн игр *Игры и игровые консоли

Однажды, если мне не изменяет память, в Нью-Йоркском университете кто-то сформулировал определение геймдизайна как «мотивирование игрока на определенные действия». Хорошая формулировка. По аналогии с ней, про левел-дизайн я бы сказал так:

Левел-дизайн — это мотивирование игрока на определенные действия через окружение, в котором существует управляемый персонаж. 

Почему мы отталкиваемся от определения геймдизайна — хотя, казалось бы, я должен отстаивать левел-дизайн как самостоятельную нишу? Всё очень просто: наша первая и основная задача — подкреплять в пространстве механики, заложенные геймдизайном. Давать игроку возможность поиграть. А «душную» поправку про управляемого персонажа я добавил тогда, когда в очередной раз услышал в обсуждении левел-дизайна споры про интерфейс. Давайте забудем про него на время прочтения этой статьи: все-таки UI почти всегда существует вне игрового пространства и не является инструментом левел-дизайнера.

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

Откуда возникла эта ниша? Что левел-дизайнер отдаёт в результате работы над локациями? В этом мы и будем разбираться дальше в этой статье. А вообще их будет целый цикл, в котором я постараюсь охватить всю базу этой области геймдизайна от самых основ до приемов AAA-сегмента.

Читать далее
Всего голосов 27: ↑27 и ↓0 +27
Просмотры 3.3K
Комментарии 0

23 шрифта, которыми можно заменить заблокированные Arial и Times New Roman

Типографика *Дизайн

Рассказываю, какими шрифтами можно заменить заблокированные Times New Roman, Arial и Helvetica и где скачать аналоги.

Читать далее
Всего голосов 13: ↑3 и ↓10 -7
Просмотры 3.2K
Комментарии 7

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

Блог компании Яндекс Разработка веб-сайтов *JavaScript *Интерфейсы *ReactJS *
Tutorial
Случалось ли вам, выполняя какую-то задачу, понять, что самый простой путь — нажать Сtrl+C, Сtrl+V: перетащить из соседней папочки пару файлов, поменять пару строчек, и будет ок? Повторялось ли это ощущение? Я хочу рассказать о том, как боролся с этой проблемой и к чему пришёл вместе с командой. Назовём это решение «универсальные компоненты» (если у кого-то будет более удачное название для концепции, жду в коментариях). Примеры буду приводить в основном на React, но концепции будут общие.
Читать дальше →
Всего голосов 17: ↑14 и ↓3 +11
Просмотры 5.2K
Комментарии 6

Быстрый переход на UNIGINE с Unity: первые шаги

Блог компании UNIGINE Работа с 3D-графикой *Разработка игр *
Tutorial

Если вы планируете переходить с иностранного софта на отечественный и ищете полноценный аналог Unity или Unreal Engine, то одним из вариантов может стать продукция нашей компании, полностью готовая к импортозамещению. UNIGINE использует общепринятые интерфейсы и рабочие процессы, которые могут быть вам знакомы по работе с другими 3D-инструментами. По опыту наших клиентов, для перехода на UNIGINE с других платформ уходит не более 1–2 недель.

Одна из таких платформ — платформа разработки в реальном времени Unity. Далее в статье рассмотрим базовую информацию по переходу на UNIGINE.

Читать далее
Всего голосов 12: ↑11 и ↓1 +10
Просмотры 3.9K
Комментарии 20

Рыцарь Машинной Графики

Программирование *Работа с векторной графикой *История IT

Эта статья не относится к жанру официозных юбилейных публикаций. Скорее – это небольшой,  очень личный, не совсем упорядоченный и причёсанный набор воспоминаний и раздумий о пути, пройденном Машинной Графикой в в СССР и о человеке, посвятившему ей всю свою жизнь - докторе технических наук, лауреате Государственной Премии СССР, Викторе Алексеевиче Дебелове.

Уверен, что Виктора Алексеевича, учитывая его колоссальный вклад в становление советской Машинной Графики,  без особой натяжки можно было бы назвать одним из её основоположников в СССР.
Но… зная его скромность и пренебрежительное отношение к почестям и наградам, позволю себе «наградить» его в этом рассказе званием, которого он безусловно заслуживает – Рыцарь Машинной Графики.

Читать далее
Всего голосов 88: ↑87 и ↓1 +86
Просмотры 12K
Комментарии 20

Эпичная реклама кредитки

Работа с 3D-графикой *Графический дизайн *Медийная реклама DIY или Сделай сам

Всем привет, это Денис Вебер.

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

Читать далее
Всего голосов 19: ↑18 и ↓1 +17
Просмотры 7.3K
Комментарии 3

Где брать знания начинающему UI/UX дизайнеру?

Интерфейсы *Дизайн
Из песочницы

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

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

Многопоточный энкодинг: переплатить вдвое или уйти на «встройку»?

Блог компании HOSTKEY Open source *Работа с видео *Видеокарты Видеоконференцсвязь

Проведенный нами тест NVIDIA A4000 почти подтвердил, что она способна вытянуть на энкодинге до 16 независимых видеопотоков FullHD в формате H264. Удастся ли кратно увеличить производительность с профессиональной видеокартой, которая стоит в два раза дороже? Попробуем проверить.

В нашей второй статье про энкодинг (с тестом А4000) мы упустили, что видеопоток бывает и большего разрешения, поэтому стоит протестировать энкодинг файлов в формате 4К. Для полноты картины мы также сравним энкодинг на решениях от NVIDIA со встроенным GPU от Intel. Некоторые профессионалы полагают, будто достаточно собрать тот же FFmpeg со включенным QuickSync и внешняя видеокарта станет не нужна. Проверим и это утверждение.

Узнать результаты
Всего голосов 9: ↑7 и ↓2 +5
Просмотры 2.7K
Комментарии 6

20 игр, чтобы видеть детали, чувствовать нюансы и уловить смысл дизайна

Блог компании Timeweb Cloud Open source *Графический дизайн *Дизайн Игры и игровые консоли


Я собрала 20 игр, чтобы поиграть в дизайнера. Точнее игры, в которые играешь и прокачиваешь какой-то навык, полезный для дизайна: цветовым кругом пользоваться, пером работать, шрифты не вырвиглазные подбирать, UI по-человечески рисовать. Во все игры можно играть в браузере и бесплатно. Впервые от «поиграйте со шрифтами» можно получить удовольствие.

Еще я веду канал в Telegram GameDEVils и блог на Substack , делюсь там клевыми материалами (про геймдизайн, разработку и историю игр).

1. Can’t Unsee


Update: используйте прокси, к примеру croxyproxy, или просто закройте попап, чтобы попасть на сайт игры.



Игра для начинающего UI дизайнера, чтобы тренировать внимательность. Иными словами, не для тренировки конкретного навыка, а на умение «разобраться в деталях, почувствовать нюансы, и уловить смысл».
Читать дальше →
Всего голосов 39: ↑39 и ↓0 +39
Просмотры 11K
Комментарии 19