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

Дизайн

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

Новости

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

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

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

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

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

Расписание занятий — не всё так просто

Блог компании Smart Timetable Разработка мобильных приложений *Интерфейсы *Дизайн мобильных приложений *Читальный зал
Tutorial

Перед разработкой приложения Smart Timetable мы изучили очень много расписаний из разных стран и постарались сделать приложение удобным, гибким, легко настраиваемым. У нас большая аудитория: школьники, студенты, преподаватели, родители. Давайте посмотрим, что нам удалось выяснить и как мы это реализовали.

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

Inkscape с 0 до Pro за 5 дней

Веб-дизайн *Работа с иконками *Работа с векторной графикой *Графический дизайн *Учебный процесс в IT
Из песочницы

Создал мини курс по программе для векторной графики Inkscape в 2022.

Разработал методические материалы для изучения темы «Кодирование и обработка графической и мультимедийной информации» в школьном курсе информатики.

«Векторные графические редакторы позволяют пользователю создавать и редактировать векторные изображения непосредственно на экране компьютера, а также сохранять их в различных векторных форматах, например, CDR, AI, EPS, WMF или SVG». «Inkscape - редактор векторной графики, аналогичный по своим возможностям таким программам, как Adobe Illustrator, Corel Draw и другим».

Читать далее
Всего голосов 65: ↑64 и ↓1 +63
Просмотры 5.4K
Комментарии 11

Как работает видеоаналитика Билайн

Блог компании билайн бизнес Работа с видео *Анализ и проектирование систем *Big Data *

Вся видеоаналитика строится на основе видеонаблюдения. 

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

Читать далее
Всего голосов 11: ↑8 и ↓3 +5
Просмотры 893
Комментарии 1

Микрофронты для всех. Как мы построили платформу UIF, и что под капотом

Блог компании «Лаборатория Касперского» Веб-дизайн *JavaScript *Программирование *Анализ и проектирование систем *
Привет, на связи Павел Востриков, архитектор веб-направления в «Лаборатории Касперского». Сегодня я расскажу про User Interface Framework (UIF) — нашу внутреннюю платформу интеграции веб-приложений, которая позволяет проводить разработку микрофронтов и микросервисов разными командами, делает удобным переиспользование кода и увеличивает гибкость подхода, чтобы разные команды могли варьировать технологии под свои нужды.

image

Мы начали разрабатывать UIF еще в 2016 году, когда само понятие Micro-Frontends только входило в обиход. Платформа родилась из-за отсутствия на рынке готовых инструментов. А со временем стала одним из наших самых эффективных решений, существенно сократив нескольким продуктам time-to-market и стоимость разработки, и даже научилась автогенерировать UI!
Читать дальше →
Всего голосов 14: ↑14 и ↓0 +14
Просмотры 2.4K
Комментарии 11

SophiApp, или Как мы делали опенсорс программу для настройки Windows 10 & 11

.NET *C# *Читальный зал Разработка под Windows *Дизайн

Я от лица команды хочу показать вам SophiApp — графический наследник Sophia Script for Windows: бесплатная, портативная и полностью опенсорная программа для тонкой настройки Windows 10 и Windows 11.

В этой статье я расскажу, как оброненная мной фраза в комментарии 3 года назад под моей статьей из цикла про тонкую настройку Windows развернула мою жизнь на 180°, а чуть позже — и еще одного человека.

Все это время у меня была идея сделать графическую версию моего модуля на PowerShell, чтобы показать пользователям, каким должен быть современный твикер для Windows, какие функции может в себе нести, а главное — посыл программы: настроить (а не оптимизировать) ОС официальным образом, задокументированным Microsoft, ничего не сломав и не обещая мнимое увеличение производительности, чем грешат аналогичные программы, целенаправленно вводя пользователей в заблуждение.

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

Нет HUD’а без добра: HUD в игровых интерфейсах

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

В играх существует огромное количество интерфейсов: инвентарь, диалоги, меню крафта и торговли, лобби, карта, деревья прокачки персонажа и его экипировки и многие другие. Все они позволяют игрокам взаимодействовать с представленными через интерфейс механиками, которые создатели игры заложили в свой продукт. И в этой статье мы подробно разберем один из самых важных элементов игрового UI: HUD (heads-up display).

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

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

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

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

Что нужно знать о применении шрифтов

Блог компании Astra Linux Типографика *Дизайн Подготовка технической документации *

Одна из самых частых проблем при миграции информационных систем на ОС Astra Linux — это искажение документов, ранее созданных на ОС Windows в MS Office и других программных средствах. В лучшем случае «слетает» вёрстка, в худшем — всё превращается в текст из нечитаемых символов, известных в народе как кракозябры.

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

Читать статью
Всего голосов 21: ↑18 и ↓3 +15
Просмотры 2.3K
Комментарии 6

Вам так сложно отправить документы курьером? Исследование сайтов логистических услуг

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

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

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

Jetpack Compose: реализация меню Apple Watch

Блог компании Surf Программирование *Интерфейсы *Разработка под Android *Дизайн мобильных приложений *
Tutorial

Мне очень нравится меню с Apple watch: плавность анимации, поведение иконок при перемещении, расположение элементов по необычной сетке. Я захотел повторить это меню на Android. Но делать это на старом подходе с помощью ViewGroup или кастомного Layout Manager для RecyclerView не очень хотелось: слишком уж затратно для работы «в стол». 

С появлением Compose эта идея стала более привлекательной и интересной для реализации. Рассказываю, как создать собственный ViewGroup на Jetpack Compose. 


Читать дале
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 997
Комментарии 2

Анимации и вибрации: как задизайнить фидбэк слайдера оплаты

Блог компании Dodo Engineering Программирование *Разработка под iOS *Разработка мобильных приложений *Дизайн мобильных приложений *

Кофе — продукт, который можно покупать и пить несколько раз в день. Заказ в приложении Дринкит должен быть супер-пупер быстрым. В идеале, чтобы можно было даже не запускать его, а заказывать из виджета на домашнем экране.

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

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

Графика для эдвенчуры с DALL-E 2

Блог компании Cloud4Y Разработка игр *Машинное обучение *Дизайн игр *Искусственный интеллект
Перевод

DALL-E 2 можно использовать в некоторых видах творческой работы. Например, для создания локаций в играх жанра adventure. Какие вводить подсказки, как редактировать изображения, правовые и многие другие вопросы — всё это разбираем в статье.

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

Бесплатный рендерер MoonRay от DreamWorks Animation

Блог компании Timeweb Cloud Open source *Компьютерная анимация *Графический дизайн *Софт

Визуальные эффекты и анимация становятся всё более сложными, а вместе с ними растут и требования к вычислительным ресурсам. И художникам и графическим дизайнерам не помешает новый полезный инструмент. Тем более с открытым исходным кодом. DreamWorks Animation объявила о намерении выпустить свой собственный производственный рендерер MoonRay в качестве open source ПО к концу 2022 года.

Moonray — это программное обеспечение для рендеринга, которое Dreamworks использовала в таких фильмах, как «Как приручить дракона: Скрытый мир», «Семейка Крудс: Новый век», «Плохие парни» и грядущем «Кот в сапогах: Последнее желание». Moonray был разработан собственными силами инженеров Dreamworks и будет поставляться с обширной библиотекой проверенных на производстве инструментариев, Hydra Render Delegate, а также рендерингом на нескольких машинах и в облаке через Arras. Moonray может отображать изображения по всему спектру от гиперстилизованных до фотореалистичных.

Смогут ли художники делать качественные визуальные эффекты наравне с профессионалами DreamWorks, ещё предстоит выяснить.
Читать дальше →
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 2K
Комментарии 0

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

Блог компании KTS CSS *Accessibility *Браузеры
Перевод

Это заключительная статья из цикла статей о работе браузеров. Ссылка на первые два перевода:
Часть 1: навигация и получение данных
Часть 2: парсинг и выполнение JS

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

Помимо деревьев, о которых мы уже говорили — DOM, CSSOM и AST — браузеры также строят дерево специальных возможностей. Деревья, построенные на этапе парсинга (DOM, CSSOM), объединяются в дерево рендеринга. Его цель – убедиться, что содержимое страницы отобразит элементы в правильном порядке.

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

Godot и сферический диаблоид в вакууме

Разработка игр *Прототипирование *Игры и игровые консоли Godot *

О том как устроен прототип arpg Spheramyd и практиках использования игрового движка.

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

Отладка в C++ геометрии и топологии

Open source *C++ *Работа с 3D-графикой *Visual Studio *CAD/CAM *
Tutorial

Генерация 3д объекта - как правило, многоэтапный процесс (например в булевых операциях сначала поиск графа пересечений, нахождение геометрии кривых пересечения и построение топологии результирующего тела). Закономерно возникает сложность с его отладкой. Положим при генерации что-то пошло не так и имеем наполовину готовый объект, который не может быть визуализирован разрабатываемой CAD системой. Что делать? Как локализовать место и момент ошибки? Анализировать глазами тысячи xyz координат промежуточных результатов и вспомогательных объектов на момент выдачи исключения? Или хуже, если отклонения желаемого результата от фактического незначительные, тогда и все числа внешне будут корректны. Работая С++ программистом в области 3Д моделирования и построения различных CAD/САПР систем, я регулярно сталкивался с проблемой визуализации вспомогательных/промежуточных сущностей.               

Сформировал себе универсальный инструментарий DumpSTL, позволяющий с минимальными усилиями, в любом C++ проекте дампить в .stl файлы любые внутренние объекты в проекте.
Почему именно .stl? Так уж исторически сложилось. Много использовал чпу фрезера и 3д принтера, где основным и простейшим форматом моделей является .stl.

Суть использования сводится к однократной адаптации инструмента под структуры данных конкретного проекта, затем:
1) подключить один DumpSTL.h
2) вызвать к необходимым данным метод DUMP::save(...)
3) получить на выходе множество файлов с 3д моделями, которые можно открыть в любом 3д редакторе

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

Госуслуги — это просто: снижаем когнитивную нагрузку на пользователя

Блог компании Команда Госуслуг Веб-дизайн *Дизайн Мозг

2,5 года назад мы поняли, что работу с Госуслугами нужно упрощать — ведомства часто отказывали из-за неправильно заполненного заявления. Тогда был придуман новый подход к услугам. В него мы вложили весь опыт команды проектировщиков, аналитиков и оунеров, исследования и результаты тестирований гипотез.

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

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

Читать далее
Всего голосов 20: ↑18 и ↓2 +16
Просмотры 2.5K
Комментарии 24

В поисках потерянного битрейта

Блог компании МТС Высокая производительность *Работа с видео *Программирование *

Привет, Хабр! Мы – техническая команда «МТС веб-сервисы», работаем с направлением ТВ-решений для онлайн-кинотеатра KION: Андрей Агарков – эксперт в области видеокодирования и CDN, Дмитрий Пискунов – team lead группы технического сопровождения и Александр Шаталов – главный эксперт в области ТВ-платформ. В этой статье расскажем о поисках золотой середины между качеством видео и техническими ресурсами на его кодирование, хранение и доставку по транспортным сетям до клиентского устройства.

Добро пожаловать под кат!

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

HTML, CSS: какие символы можно использовать в названиях классов CSS

Веб-дизайн *Разработка веб-сайтов *CSS *HTML *

При разборе кода HTML-страницы возникает вопрос: какие символы можно использовать в названиях классов CSS? Например, можно ли названия классов писать по-русски? Или китайскими иероглифами? Или с помощью эмодзи? В этой статье я разбираю этот вопрос со ссылками на действующие стандарты HTML и CSS, даю ответы, привожу примеры с проверкой соответствующими валидаторами.

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