Как стать автором
Поиск
Написать публикацию
Обновить

Дизайн

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

Несколько «добрых» слов о текущей версии редактора Habr

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров5.9K

"И так сойдет" ((c) М/Ф "Вовка в 3/9 царстве")
"Работает - не чини" ((c) вольный перевод афоризма Б.Ланса "If it ain't broke, don't fix it")

К появлению этой статьи привело совпадение нескольких событий.

Читать далее

Геометрия мягких ячеек

Время на прочтение5 мин
Количество просмотров6.7K

В октябре 2021 года я опубликовал на Хабре статью «Змей и дротик. От михраба до квазикристаллов», в которой кратко рассказал об апериодических мозаиках, в том числе, составленных Роджером Пенроузом и древнеперсидскими архитекторами. Не припомню, обращался ли я после этого в моём блоге к парадоксальным геометрическим проблемам. Но уже в конце октября текущего 2024 года нашлась ещё одна подобная тема, заслуживающая отдельной статьи на Хабре. Подсказал мне эту историю уважаемый Виктор Георгиевич Сиротин @visirok мой давний собеседник, который создал отличный блог на Хабре и размышляет о программировании и о программной архитектуре как о материализации идей — одноимённую группу он также ведёт в Телеграме. Статья же будет об удивительном сходстве между сегментами раковины наутилуса и очертанием мышечных волокон, которое недавно обнаружили венгерские учёные.

Читать далее

Как устроены тени в старых 3D-играх

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров13K

Ближе к концу превосходной ленты Вима Вендерса «Идеальные дни» главный герой Хираяма пьёт пиво под мостом после того, как увидел, как Бизнесмен ухаживает за девушкой, в которую влюблён Хираяма. Внезапно к нему подходит Бизнесмен. Всё оказалось не так просто, но их беседа приводит их к фундаментальным вопросам:

Бизнесмен: Тени. Становятся ли они темнее, когда накладываются друг на друга?
Хираяма: Не знаю.
Бизнесмен: Я не знаю ещё очень многого... Именно так заканчивается жизнь... Наверно.
Хираяма: Давайте узнаем прямо сейчас.
Бизнесмен: Что?

И они выходят на свет уличного фонаря, чтобы изучить свои тени (сцена целиком).

Хотя Бизнесмен и не видит разницы, Хираяма уверен, что пересекающиеся тени действительно становятся темнее. «Они должны становиться темнее, это логично». Очень сильная сцена.

К сожалению, Хираяма ошибается. Тени не становились темнее. Источник света всего один, и он довольно далеко, поэтому тень — это просто отсутствие света. Не важно, сколько раз перекрыт источник света.

В 3D-видеоиграх же тени — это нечто совсем иное. Очень легко нарисовать тёмное пятно под ногами персонажа и предполагать, что всё остальное освещено. Возможно, Хираяма вспоминал тень-пятно из Metal Gear Solid, которая становится темнее, когда накладывается на другие?

Читать далее

Тактильный отклик в мобильных приложениях: что это такое, когда использовать и зачем?

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров7.2K

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

Прочитать материал

Как ошибка в ТЗ сделала из тигра бобра, или Почему дизайн — пиковый туз в колоде цифрового продукта

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров2.7K

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

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

Читать далее

Изолируем Whatsapp с помощью Separated apps в KNOX Service Plugin (KSP)

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров1.5K

Допустим такой кейс: cотрудники компании использовали корпоративные устройства под управлением EMM системы (Enterprise Mobility Management), политики которой запрещали WhatsApp, что было неудобно сотрудникам, потому что партнёры и клиенты компании иногда предпочитали общение в этом приложении.

«Левым» приложениям не доверяют, потому что они могут совать нос в конфиденциальные данные компании или сканировать частную корпоративную сеть. Как тогда разрешить ситуацию? В конце статьи бонусом расскажу об условиях, при которых получение root прав или прошивка неофициальной ОС превращает смартфон или планшет Samsung в «кирпич»

Читать далее

Дизайн в условиях кризиса: как ошибались, но все же сделали редизайн интернет-банка

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров3.6K

Всем привет! На связи Маша Сафронова — дизайнер дебетовых счетов и карт. В этой статье я расскажу, как мы в Т-Банке сделали редизайн интернет-банка практически с нуля, с какими проблемами столкнулись в процессе адаптации мобильного приложения на веб и как их решали. А бонусом — что сделали бы по-другому, чтобы вы не набили наши шишки. 

Читать далее

Как работают и на что влияют UX-исследователи в большой компании

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров10K

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

Читать далее

Как мы делали Yandex Cloud на дизайн-системе Gravity UI доступнее

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров5.6K

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

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

Сайты — не исключение. И нам предстояло выяснить, насколько доступен Yandex Cloud для всех пользователей.

В Яндексе под доступностью мы подразумеваем то, что наши сервисы должны с комфортом использовать все, вне зависимости от временных или постоянных физических ограничений. Например, сейчас для незрячих пользователей адаптировано 16 сервисов Яндекса: Лавка, Go, Поиск, Браузер, Почта и другие. В работе над доступностью каждого сервиса помогает команда невизуального тестирования — и в кейсе, о котором расскажу в этой статье, без их помощи тоже не обошлось.

Читать далее

Пирамида кайфовости продуктового текста

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров2.8K

Привет, Хабр! Меня зовут Настя Фальковская, я руководитель UX-редактуры в МТС. Я работаю с текстом и контентом много лет и знаю, как сложно бывает его оценить. Особенно в интерфейсе, где субъективные критерии типа «красиво написано» и «круто звучит» совершенно не работают. Ведь текст в продукте должен нести пользу: служить навигацией, формировать удобный клиентский путь, приносить бизнесу деньги, в конце концов.

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

Читать далее

TWM — старый, лёгкий и классный оконный менеджер в *никсах

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров5.1K

Одной из привлекательных особенностей в Linux-ах и прочих unix-like системах является то что оконные менеджеры можно менять как перчатки! Все они, конечно, отображают пользовательские программы в графических окнах - но у каждого свои фишки, настройки и особенности, что вызывает непрестанные дискуссии "KDE против Gnome" и подобные.

Для демонстрации вот мини-обзор (и мини-тьюториал) по TWM - это дефолтный оконный менеджер в разных *nix системах, если ваш дистрибутив не содержал что-то более новомодное. Он очень легковесный, несколько непривычный в управлении - и притом хорошо конфигурируемый. Также в него вы попадаете в некоторых режимах восстановления системы - так что полезно будет узнать как им пользоваться и как из него выйти :)

Что же, посмотрим...

Софт из 90-х. Оболочка для DOS New Deal Office: начало

Время на прочтение6 мин
Количество просмотров4.6K

Привет, любители старого «железа». Это Антон Комаров, автор команды спецпроектов МТС Диджитал. Недавно я писал пост про Breadbox Ensemble. Потом решил, что есть смысл посмотреть, с чего все начиналось. Хотелось найти ответ на вопрос: почему одна и та же оболочка столько раз меняла свои названия? Так что на этот раз начну свой рассказ не с PC-версии, а с Commodore 64. Ведь именно для этой платформы Berkley Softworks подготовили целую операционную систему, которую назвали GEOS. Подробности традиционно под катом.

Читать далее

Как наши дизайн-митапы сделали команду сильнее, а процессы эффективнее

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров923

Если вы давно или вообще никогда не задавались вопросом: 'А насколько наши методы актуальны сегодня?', то с высокой долей вероятности вы рискуете погрязнуть в рутине! В то время, как каждый день появляются все более эффективные и полезные инструменты и подходы к работе.

Привет! Меня зовут Карен Ананян, я продуктовый дизайнер компании SimpleOne. Мы с дизайн-командой стараемся все время совершенствовать наши процессы и подходы к работе, и не хотели допустить рутинизации, поэтому начали проводить регулярные митапы.

Как это изменило нашу работу и к чему привело? Рассказываю в этой статье.

Читать далее

Ближайшие события

Экзоскелет «Норникеля»: ну, что там? Посмотрим

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров15K

Всем привет! Меня зовут Владислав Давыдов, я - главный менеджер управления инноваций и искусственного интеллекта компании «Норникель Спутник».

Возможно, из прошлых двух публикаций вы узнали, что «Норникель» ведет разработку промышленного экзоскелета. Уже закончил. Не прошло и пяти лет. Или прошло?

Не пошло? Каков наш взгляд на текущие обстоятельства? Каким представляем будущее?

Читать далее

Глассморфизм и SVG

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров2.6K

Всем привет. Я Андрей Осипов, фронтендер из Контура. Почти три года назад, когда у компании был еще старый фирменный стиль, мы столкнулись с проблемой экспорта из фигмы изображений в формате SVG. Сложность была с изображениями, где был эффект глассморфизма, он же эффект матового стекла (frosted glass).

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

Читать далее

Новые кассы самообслуживания в Магните: история редизайна интерфейса

Уровень сложностиПростой
Время на прочтение16 мин
Количество просмотров12K

Редизайн касс самообслуживания в «Магните» упростил процесс покупок и улучшил работу с товарами и бонусной картой Магнит Плюс. Оптимизация интерфейса сократила участие сотрудников, что повысило операционную эффективность. Все эти изменения улучшили клиентский опыт, увеличив средний чек и снизив затраты на обслуживание

Читать далее

Полезные рецепты ручного создания SVG

Уровень сложностиПростой
Время на прочтение19 мин
Количество просмотров5.6K



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


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


А как только освоишься, это занятие становится на редкость увлекательным и даже забавным.

Читать дальше →

Как мы делаем Автограф — «русское Visio»

Время на прочтение6 мин
Количество просмотров23K
image
Самая первая инженерная версия редактора, не самая удобная для конечных пользователей

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

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

Сейчас мы замещаем Visio в России и поддерживаем VSD/VSDX-форматы в обе стороны.

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

Сильно упрощая, каждая схема и в нашем движке, и в движке Visio состоит из векторных элементов. Пользователь перемещает окно с полем зрения по схеме, и для этого места идёт рендер — рисуются только те элементы, которые видно. Для каждого масштаба делается пререндер этого вектора с разной детализацией, то есть пользователь каждый момент времени работает со всего одной группой SVG-элементов. Всё остальное только кажется схемой из деталей, на самом деле — это единая отрендеренная большая картинка.
Читать дальше →

Stability AI представила Stable Diffusion 3.5: Тестируем новую модель на реальных задачах и сравниваем с SDXL и FLUX

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров19K

Привет, друзья, 22 октября Stability AI представила долгожданное обновление своей флагманской модели — Stable Diffusion 3.5. После не самого удачного релиза SD3 Medium в июне этого года, команда взяла паузу для серьёзной переработки архитектуры. Вместо быстрых фиксов разработчики потратили четыре месяца на фундаментальные улучшения. Меня зовут Илья, я основатель онлайн-нейросети для создания изображений ArtGeneration.me, техноблогер и нейро-евангелист и сейчас мы с вами вместе разберемся, что изменилось и действительно ли стоило так долго ждать.

Читать далее

Кейс: создание программно-аппаратного комплекса управления антенной для радиоспорта по КВ

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров1.9K

Разработка комплекса удаленного управления поворотом механического антенно-фидерного устройства (АФУ) весом более 3,5 тонн для радиоспорта – ключевой шаг к победе на соревнованиях. Решение должно обеспечивать плавный поворот антенны на необходимый угол и остановку в требуемом положении, управляясь по принципу «нажал и забыл» с любого устройства с доступом в интернет. В кейсе рассмотрим логику, этапы и результат разработки.

Читать далее