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

Дизайн

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

Разбираемся в анимациях и временных переходах в CSS

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

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

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

Новости

Чем так хороши кликабельные прототипы

Дизайн мобильных приложений *Дизайн

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

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

Антикризисная workstation для ML с тестами на реальной задаче Text to Speech

Машинное обучение *Компьютерное железо Видеокарты Процессоры Голосовые интерфейсы *
Из песочницы

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

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

Дизайн уровней. Обучение игровым механикам

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

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

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

Разработка приложений со 100%-й кастомизацией. Customization Driven Development (CDD)

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

В данной статье я хочу поделиться своим опытом разработки интерфейсов с уровнем кастомизации вплоть до 100% (реальные 100%). При этом сохраняется обратная совместимость и возможность апдейтов. Магия? - Нет, это CDD!

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

EspMon: мониторинг CPU и GPU с помощью T-Display S3

Блог компании RUVDS.com C++ *Интерфейсы *C# *Программирование микроконтроллеров *
Перевод

Я любительница Fallout 4. Эту игру можно расширять бесконечно, поэтому мне до сих пор, даже спустя семь лет, интересно к ней возвращаться. Я постоянно что-то или в неё добавляю, или изменяю.

Когда у меня, наконец, появилась 2080ti, я смогла запустить её в 4К. Игра пошла настолько легко, что я решила нагрузить её вычислениями, добавив по всему ландшафту густой лес. В конце концов, я заметила, что карточка зашумела и начала потеть.

Но мне хотелось мониторить нагрузку не только по шуму системы охлаждения, а забивать экран всякими наложениями я не люблю. Поэтому я достала свой миниатюрный T-Display S3 и решила реализовать всё это на нем.
Читать дальше →
Всего голосов 21: ↑20 и ↓1 +19
Просмотры 2.4K
Комментарии 6

Чек-лист 3D-моделлера

Работа с 3D-графикой *CGI (графика) *

Чек-лист (check-list) представляет собой перечень пунктов, по которым проводится проверка. В контексте 3D графики, его удобно и главное нужно использовать при проверке своих моделей перед отправкой клиенту или лиду, если вы работаете в студии.

Чек-лист — это не список действий или пошаговый план, который нужно выполнить. Это своего рода реестр, по которому проверяется модель. Как правило, такой список включает в себя не 2 и не 5 пунктов, а 10-20-30 и более. По нему удобно отследить все ошибки при проверке. В отличие от плана действий или инструкции, последовательность пунктов в чек-листе не имеет значения. Это всего лишь поинты. Он создается для повторяющихся процессов и после создания редко требует обновления, однако снимает с вас необходимость запоминать, все требования.

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

Дневник разработки настольной игры по мотивам танчиков для Dendy. Точки фана Battle City и поиске их в настольной игре

Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *Игры и игровые консоли

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

Много текста о механиках игры...
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 1.2K
Комментарии 0

Как мы улучшили типографику на сайте Авито

Блог компании AvitoTech Типографика *Дизайн

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

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

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

Почему вам не нужна версия для слабовидящих

Блог компании Конференции Олега Бунина (Онтико) Веб-дизайн *Accessibility *

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

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

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

Рабочий процесс в команде UX писателей: от создания команды до влияния на ключевые метрики

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

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

Я Лиза, UX писатель в inDriver. В предыдущих статьях я рассказала про то, кто такой UX писатель, зачем он нужен продукту, и чем отличается UX писатель от копирайтера. Если пока не знаете ответов на эти вопросы, советую начать с этих материалов. Если вы уже погружены в сферу — приятного чтения!

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

Демейк интерфейсов — Figma CS2

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

Как выгладил бы интерфейс Figma существуй она в 2006 году.

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

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

Прогулка по изнанке «Спортмастера»: ножками и в приложениях

Блог компании Sportmaster Lab Разработка под iOS *Разработка мобильных приложений *Дизайн мобильных приложений *Дизайн
Мегапроект

Зашёл я (@Lavs) в «Спортмастер», чтобы купить себе футбольный мяч. В этом деле мне помогла сотрудница Ксения: задала пару вопросов, отвлеклась на смартфон и через минуту протянула подходящий мячик.

Я знал, что на экране у Ксении был не мессенджер с подружками, а внутренние приложения магазина. Дело в том, что в «Спортмастер» я пришёл не только за мячиком. Хабр отправил меня с редакционным заданием: разобраться, как устроена технологическая начинка магазина.

Ребята из SM Lab (IT-компания «Спортмастера») сейчас ищут Android- и iOS-разработчиков. Под катом речь пойдёт о том, чем занимаются команды мобильной разработки: а они ни много ни мало обеспечивают работу всех 533 розничных «Спортмастеров».

Читать далее
Всего голосов 25: ↑23 и ↓2 +21
Просмотры 6.9K
Комментарии 5

Дневник разработки настольной игры по мотивам танчиков для Dendy. О пиксель-арте и визуальном стиле игры

Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *Игры и игровые консоли

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

Авторам оригинальной BATTLE CITY удалось несмотря на технические ограничения приставки NES-Famicon создать простую, но мгновенно узнаваемую картинку. Вы мгновенно распознаете даже в ходе очень динамичного геймплея: силуэты танчиков, типы местности и виды бонусов. Художникам удалось даже создать какую-никакую светотень на объектах, чтобы получилась уже не плоская картинка, а некое подобие top-down проекции. Все это нарисовали в разрешении 8х8 и 16х16 пикселей и цветовой палитре NES.

О поиске визуального стиля...
Всего голосов 5: ↑3 и ↓2 +1
Просмотры 1.2K
Комментарии 0

Неформальный Эксель: OpenGL, игры на GDI+ и инфографика теперь и в VBA

Ненормальное программирование *Визуализация данных *CGI (графика) *Инфографика Visual Basic for Applications *


На Хабре уже было довольно много интересных публикаций с неформальным использованием Экселя (списочек под катом). Этой статьёй мне хочется поделиться с сообществом красивыми результатами нашего французского коллеги. Автор, Тьерри Гасперм (Thierry Gasperment), создаёт подобную красоту на VBA под Excel / Access / Word и VB6. Увы, сайт на французском, а материалы, хоть и свободны для использования, но для просмотра и скачивания зачастую требуют регистрации. По этой причине я поместил наиболее интересные примеры на свой GitHub. Для тех, кто захочет "выйти за пределы шахматной доски", советую всё же потратить пару минут своего драгоценного времени и зарегистрироваться на сайте. Оно того стоит, так как количество и качество информации на сайте Тьерри заслуживают того. Для регистрации и просмотра рекомендую Chrome: автоматический перевод Edge порождает "гуртовщиков мыши" и прочие химеры вроде "glutMouseРазумный" и "Силовая установка" (PowerPoint).


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

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

Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *Игры и игровые консоли

Разработать настольную игру по мотивам компьютерной невозможно тупо перенеся геймплей или механики из компьютерной игры в настольную. Некоторые авторы годами пытаются создать настольные космические приключения как в древней игре Elite или "настольные" Heroes of Might and Magic, и сломали много копий на этом. Но настольных "героев" мы пока так и не получили. В тусовке разработчиков настольных игр "настольные герои" уже стали мемом.

Примеры, когда компьютерная игра стала хорошей настольной тоже встречаются. Например, одна из них настольная адаптация компьютерной игры This War of Mine.

Про основные механики...
Всего голосов 4: ↑3 и ↓1 +2
Просмотры 1.8K
Комментарии 3

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

Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *Игры и игровые консоли

Солнечное субботнее утро. Родители уехали на дачу. Китайская восьмибитная приставка, цветной телевизор "Рубин" и россыпь желтых картриджей в вашем полном распоряжении. Никто не скажет: "Посадишь зрение и кинескоп!" - играй хоть до посинения. Картридж уже в приставке, джойстик в руках, вы нажимаете "start" и из динамика телевизора раздается знакомая восьмибитная мелодия.

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

Взрослый человек, чье детство пришлось на 90-ые хоть одним глазком, но видел эту игру и слышал знакомую мелодию. Как правило картридж с этой игрой шел в комплекте с китайской приставкой-клоном знаменитой восьмибитной Dendy. На картридже была оптимистичная надпись "9999 games in 1". Правда, больше часть этих игр составляли взломанные копии тех самых "танчиков", типа Tank 1990, но кого это смущало.

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

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

Немного ностальгии...
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 1.3K
Комментарии 0

Простые, но приятные и воздушные тени вместе с Vue Box Shadows

Веб-дизайн *CSS *JavaScript *GitHub *VueJS *
Из песочницы

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

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

Повторил клип Foo Fighters из LEGO

Работа с 3D-графикой *DIY или Сделай сам

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

Foo Fighters - одна из самых популярных рок групп современности и одна из моих любимых групп. Посмотрев сотый раз клип на песню Pretender, я подумал: "А как бы выглядело это видео, если бы участники и декорации были из LEGO?".

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

Читать далее
Всего голосов 21: ↑19 и ↓2 +17
Просмотры 3.7K
Комментарии 9

Истории