Дизайн

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

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

С выходом Blender 5.0 появилась долгожданная встроенная поддержка ACES. В интернете сразу появились восторженные посты и сложные технические обзоры. Ну и естественно я сразу побежал смотреть, а как мои рендеры будут выглядеть в новом свете (или цвете). Но как оказалось - ACES это не волшебная таблетка, хоть и это киллер фича Blender 5.0.

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

Форматы изображений и видео вроде JPEG, HEIC и AV1 давно стали частью нашей повседневности. Мы снимаем на смартфон, пересылаем фото в мессенджерах, заливаем видео в облако — и редко задумываемся, почему одинаковый кадр может весить в три раза меньше, но выглядеть так же.

Рассмотрим, как современные кодеки экономят место, почему файлы стали компактнее и зачем это вообще понадобилось. Детали под катом.

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

Привет, меня зовут Юля Карпова, я дизайнер в ОТП Бизнес, занимаюсь разработкой интерфейса для Daily Banking.

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

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

После публикации статьи «Электромагнитная совместимость при проектировании печатных плат» у некоторых читателей возник вопрос: зависит ли скорость сигнала от длины проводника на печатной плате.

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

Давайте разберем подробнее.

Недавно я задумался, а чем отличается условный VC.ru от других крупных статейных ресурсов. Оттого и захотел проанализировать их как с точки зрения обычного пользователя, впервые зашедшего на сервис, так и с точки зрения автора, который публикует свои статьи. Сверху решил приправить все это нашей самой старой рубрикой — «UX-патруль» и получилось то, что вы читаете прямо сейчас. Надеюсь, получилось интересно. Приятного чтения!

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

Привет, друзья! Если вы из тех, кто не боится нырять за результатом в глубины A/B-тестирования, то эта статья для вас. Меня зовут Максим, я продакт менеджер в Купере — сервисе доставки продуктов из магазинов и ресторанов. Зона моей ответственности — пользовательский опыт после оформления заказа: от активного экрана до функций вроде оценки, чаевых партнерам и добавления товаров в уже собранный заказ.

Этот материал — реальный кейс из нашей практики. Речь в нем пойдет о неудачных, «красных» A/B-тестах — после которых гипотезы отправляются в корзину. Один из таких провальных экспериментов мы достали из небытия, разобрали по косточкам и превратили в работающий продукт. Опыт работы с ним оказался полон инсайтов, о них мой рассказ. 

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

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

Привет всем, меня зовут Черныш Татьяна, я – веб-дизайнер в компании «Северсталь» и это рубрика «Опять что-то на дизайнерском».

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

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

Но как появляются пуши, которые вызывают у людей ощущение живого диалога? Как сделать кнопку, в которой пользователь найдёт не идеальный, а «свой» инструмент и расшарит скрины вашего приложения в соцсетях? Точно не по заказу. Такие тексты рождаются из эмоций и часто — когда уже нечего терять. Привет! Меня зовут Вика, сегодня расскажу о создании такой завирусившейся кнопки.

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

А давай кропнем видеопоток, а давай еще и выбросим заголовок…

Всем привет! Меня зовут Алёна Лагойкина, я дизайнер в AGIMA. Последний год я много экспериментировала с нейронками: пробовала создавать и редактировать самые разные артефакты — по работе и для себя. За это время у меня полетела видеокарта, я завела себе китайскую симку, достала китайский VPN и в целом начала учить китайский язык. И всё это — чтобы освоить искусство промтинга.

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

ИИ всё чаще обещает «заменить дизайнеров». Я решила проверить, насколько это правда. Не на красивых лендингах, а на честных B2B‑интерфейсах, где таблицы, фильтры и кнопки, а не эмоции и котики.

Взяла три инструмента Wireframe Designer, UX Pilot и Uizard и дала им одинаковый промт: создать страницу контрактного модуля для выдуманной корпоративной системы. Сравнила, кто из них действительно понимает, что такое интерфейс, а кто просто красиво рисует прямоугольники.

Привет! Меня зовут Тимофей, я продуктовый дизайнер в Альфа-Банке. Бывают ситуации, когда спроектировал сценарий и думаешь, точно ли всё ок, уверен ли я, что пользователи воспринимают дизайн так, как мы задумывали?

В статье пошагово рассмотрим как можно быстро протестировать интерфейс и иначе посмотреть на свои идеальные макеты.

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

Похоже, что в iOS 26 Apple начала ещё больше склоняться к визуальному дизайну и декоративным эффектам UI; но насколько плохо это скажется на юзабилити? На первый взгляд, система выглядит удобной и современной, но как только начинаешь ею пользоваться, мерцающие поверхности и анимированные элементы управления становятся помехой. Давайте сотрём глянец и посмотрим, как эти изменения влияют на реальный опыт пользования.

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

Best – галлерея сайтов по всем возможным направлениям. Фильтрация и превью карточек помогут найти проект по душе и задаче.

Spottedinprod – библиотека анимаций из мобильных приложений, идеально для UI-motion.

Startups – подборка лучших дизайн-стартапов

Designspiration – графический дизайн, типографика, и прекрасный визуал

Fuse – графика, сетки, шрифты, упорядоченный хаос

Mobbin – еще один ресурс с сайтами, тут нравится фильтрация по цвету

60FPS – шоты по мобилкам смотрит тут

SOOTWORLD – тут я смотрю не рефы а сам сайт (поймете когда зайдете)
О дизайне и опыте пишут тут, залетайте

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

Моя первая статья на данную тему вдохновила ребят из VK Видео, и теперь у миллионов пользователей стало меньше боли. Посмотрим, может данная работа принесет еще больше пользы.

Электромагнитная совместимость при проектировании печатных плат.

Электромагнитная совместимость (ЭМС) – это не просто этап проверки готовой печатной платы, а фундаментальный принцип, который должен быть заложен в процесс проектирования с самого начала.

Последствия игнорирования ЭМС на этапе проектирования:

1. Нестабильная работа устройства: сбои, зависания, самопроизвольные перезагрузки.

2. Помехи для другого оборудования: ваше устройство может «глушить»Wi-Fi,Bluetooth, создавать помехи другим радиоприборам.

3. Невозможность пройти сертификацию: устройство не получит разрешение на продажу (например, маркировку CE, FCC). В России сертификация ЭМС представлена техническим регламентом Таможенного союза ТР ТС 020/2011 «Электромагнитная совместимость технических средств». Документ действует в странах Таможенного союза (ЕАЭС).

4. Дорогостоящая коррекция: исправление ЭМС на готовой печатной плате – это добавление экранов, ферритовых колец, переразводка печатной платы, что ведёт к задержкам производства и росту стоимости.