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

Дизайн

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

Математика для 3D-приложений. Урок 1

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

Это первый, вводный урок по линейной алгебре для разработки 3D-приложений от Александра Паничева — ведущего разработчика логики в UNIGINE. В этом уроке разберемся зачем 3D-разработчикам вообще нужна линейная алгебра, а также рассмотрим основные операции над векторами.

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

Новости

6 советов по удобным интерфейсам за июнь

Веб-дизайн *CSS *Интерфейсы *HTML *Accessibility *

Хабр, привет!

Сегодня мы поговорим о том, зачем надо отделять код страны от основной части телефона, зачем сохранять фокус в поле ввода после валидации, какие проблемы могут вызвать моушен анимации, как связан Esc и выпадающие списки, как фокус ускоряет ввод почты и role="button" не всегда про доступность.

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

Дизайн система: Иконки

Веб-дизайн *Дизайн мобильных приложений *Дизайн
Из песочницы

Подготовка иконок к работе в дизайн системе

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

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

Как мы обучали детектор на синтетике

Работа с 3D-графикой *Машинное обучение *
Из песочницы

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

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

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

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

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

7 советов в помощь дизайнеру интерфейсов

Веб-дизайн *Разработка веб-сайтов *Интерфейсы *Дизайн мобильных приложений *Дизайн

Постаралась подобрать не менее важные с точки пользователя, и уж точно не менее полезные со стороны дизайнера СОВЕТЫ🧐, которые с уверенностью можно положить в верхний ящик вашего стола, и при необходимости быстро дергать их.

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

Крошечная библиотека TFT для микроконтроллеров ATtiny

Блог компании RUVDS.com Интерфейсы *Программирование микроконтроллеров *
Перевод
Библиотека TFT на ATtiny85, управляющая цветным дисплеем Adafruit 2.0" 320x240

В статье речь пойдёт о маленькой графической библиотеке, предназначенной специально для микроконтроллеров ATtiny, используемых с различными миниатюрными TFT-дисплеями, которые можно недорого приобрести на сайтах Adafruit, AliExpress или Banggood.
Читать дальше →
Всего голосов 54: ↑52 и ↓2 +50
Просмотры 4.3K
Комментарии 3

Системы частиц, освещение и Variance Shadow Maps

Работа с 3D-графикой *Разработка игр *CGI (графика) *
Из песочницы

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

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

Чек-лист по проектированию регистрации

Веб-дизайн *Разработка веб-сайтов *Интерфейсы *Usability *
Tutorial

В проектировании сложно давать универсальные советы. Сколько задач, контекстов и целевых аудиторий — столько и решений. Поэтому вместо чек-листа с рекомендациями предлагаю вашему вниманию чек-лист с вопросами. Сегодня на повестке вопросы, которыми я задаюсь при проектировании форм регистрации пользователей (которые сами по себе могут оказаться вершинами айсберга). Для новичков контент полезный. Для продвинутых — интересный (проверьте, сколько пунктов учитываете в работе вы сами). А для профессионалов — повод показать автору, что он упустил что-то важное, и утереть ему нос. Поехали.

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

Миниатюрные I2C процедуры для всех микроконтроллеров AVR

Блог компании RUVDS.com Интерфейсы *Программирование микроконтроллеров *DIY или Сделай сам
Перевод
Простой матричный термометр на основе ATtiny84, использующем библиотеку TinyI2C

В статье описывается набор минимальных процедур, позволяющих любому процессору Microchip/Atmel AVR подключаться к периферии по протоколу I2C. Для их демонстрации я спроектировал сканер портов, отображающий I2C-адрес сенсора на матричном дисплее, а также цифровой термометр, считывающий и отображающий температуру с I2C-датчика. Основное различие между моими процедурами и стандартной библиотекой Arduino Wire в том, что в них не используется буфер, то есть они не так требовательны к памяти и не накладывают каких-либо ограничений на передачу.
Читать дальше →
Всего голосов 37: ↑35 и ↓2 +33
Просмотры 3.7K
Комментарии 3

Alexa 35: всего лишь 4К в формате Super35?

Работа с видео *Фототехника Видеотехника

На прошлой неделе мы в подробностях разобрали, почему Alexa 35 – это первый принципиальный скачок по качеству изображения от ARRI с 2010 года. Но ирония состоит в том, что на качество изображения Alexa никто особо не жаловался, а вот других претензий к ней была масса. В этой статье мы посмотрим, как ARRI удалось на них ответить выпуском Alexa 35, какой ценой достаётся нам апгрейд по качеству, и попробуем дать оценку, насколько новая камера отвечает потребностям современного кинопроизводства.

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

Создание и настройка диаграмм с помощью нового Swift Charts Framework

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

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

Для примеров будем использовать набор данных о популярных именах.

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

Наш мир нереален: для чего нужен геймдизайн филинга

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

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

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

Но все-таки — что это такое? В чем заключается работа дизайнера филинга?

Меня зовут Игорь Журавлев, и я геймдизайнер филинга в Allods Team. И чтобы ответить на вопрос из предыдущего абзаца, мы рассмотрим, как понятие филинга вырастает из феномена игры и какое место занимает в структуре геймдизайна.

Читать далее
Всего голосов 15: ↑14 и ↓1 +13
Просмотры 2.5K
Комментарии 3

Вавилонское сайтотворение: как фронтендеры и дизайнеры понимают друг друга

Блог компании ПСБ Веб-дизайн *Разработка веб-сайтов *CSS *HTML *Дизайн
Мегапроект

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

Но порой неизбежно вылезают различия. «Гражданский брак» значит разное для юриста и не-юриста. Обыватель назовёт цифрой то, что математик — числом. Слово «крайний» имеет особое значение для лётчиков и парашютистов.

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

Мы поговорили с сотрудниками Промсвязьбанка, чтобы составить небольшой… Нет, не разговорник. Понимайник. Возможно, кому-то он поможет общаться с коллегами по ту сторону HTML более конструктивно, эффективно, а главное — приятно.

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

Продвинутый левел-дизайн: киноприемы в играх, кор-луп и силуэты

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

Всем привет! Пришло время третьей, кульминационной статьи цикла про левел-дизайн. Ранее мы уже говорили об общих терминах и принципах производства локаций, но многим хотелось более существенного deep-dive. Сказано — сделано. Приготовьте блокноты, потому что местами придется записывать!

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

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

«Смартфон и его команда» или скрываем номер звонящего и управляем вызовом с помощью MTT API

Блог компании МТТ Программирование *API *Разработка систем связи *Голосовые интерфейсы
Tutorial

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

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

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

Естественно, в рамках нашей статьи мы не будем «выдумывать» целый сервис, но попробуем сделать систему общения с персоналом интернет-магазина удобной и защищенной от кражи персональных данных недобросовестными исполнителями. А поможет нам в этом Telecom API от компании MTT.

Сегодня мы с вами:

- используем API, для умной переадресации вызова;

- скроем номер звонящего, от некоторых сотрудников сервиса;

- разберемся с добавочными номерами;

- сделаем аудио сообщения из строки текста;

- обработаем вызовы REST API на сайте с помощью PHP;

- напишем на Kotlin простенький макет приложения для звонка.

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

10 распространенных ошибок в пользовательских интерфейсах

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

В творческой работе веб-дизайнера бывает непросто следовать каким-то общепринятым правилам. На самом деле, гораздо удобнее знать, «как не надо делать», и ориентироваться на это. По этой причине мы решили составить список грубых ошибок в дизайне интерфейсов. Хотите знать, какие серьезные оплошности допускают даже опытные дизайнеры? Тогда добро пожаловать в наш хит-парад.
Читать дальше →
Всего голосов 4: ↑3 и ↓1 +2
Просмотры 5.7K
Комментарии 1

Переход на UNIGINE с Unreal Engine 4: гайд для программистов

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

Специально для тех, кто ищет альтернативу Unreal Engine или Unity, мы продолжаем цикл статей про безболезненный переход на UNIGINE с зарубежных движков. В третьем выпуске рассмотрим миграцию с Unreal Engine 4 с точки зрения программиста.

Под катом: написание игровой логики, триггеры, ввод, рейкастинг и другое.

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

Вычисление касательного базиса налету

Работа с 3D-графикой *Разработка игр *Математика *
Перевод

Этот пост написан автором в далёком 2013 году как дополнение к статье из 2006 года. Тем не менее, предпосылки к отказу от хранения предрассчитанных касательных справедливы и в 2022, а вывод формул изложен понятно и без излишеств. В наше время расчёт касательных для каждого пикселя обычно работает быстрее чем их выборка из буфера вершин. Давайте же разберёмся как из интерполированной нормали, координат вершины и текстурных координат сделать правильный базис касательного пространства прямо во фрагментном шейдере.

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

Звонки в приложениях Авито

Блог компании Авито Usability *Дизайн

Звонки в приложениях Авито

Привет! Я Лиза Роднова, продуктовый дизайнер в Авито. Ранее я рассказывала о том, как мы делали конструктор для создания чат-ботов. Сегодня речь пойдёт о дизайне звонков через приложения Авито: зачем они нужны, на что мы смотрели на этапе исследования и с какими сложностями столкнулись во время работы.

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