Художественно-проектная деятельность
Тёмная тема – это не просто модный тренд, а необходимость для металлургического производства. В этой статье мы расскажем о нашем опыте проработки тёмной темы для MES-системы, внедрённой на Череповецком металлургическом комбинате. Вы узнаете, почему мы вообще за неё взялись, что оказалось сложнее всего в процессе, и какие принципы проектирования мы сформулировали.
Привет, Хабр!
На связи Андрей, продуктовый дизайнер Garage Eight.
В октябре было что обсудить: новые айдентики, шрифт, редизайн Photos, ИИ-агенты и несколько заметных продуктовых релизов. Остальные находки месяца — ниже.
1. Новая визуальная айдентика Apple Music
2. Zohran for New York
3. Логотип и бренд «Лужников»
4. Новый открытый шрифт Medeo
5. Редизайн Photos для Windows 11
6. Dots — ИИ-агенты
7. Fizzy Kanban
8. MacBook Pro PROLED XDR
Перед нами стоял тот самый шкаф, который годами никто не разбирал. Вроде все нужное, но найти что-то стоящее уже отдельный квест. Мы пересобрали все: структуру, контент и дизайн, а после запуска получили +59% заявок, +37% к повторным визитам и +19% к общему трафику.
Рассказываем, как нам это удалось, почему обычный редизайн превратился в большую перестройку, и почему мы не могли поступить иначе. А в конце поделимся полезными советами от команды маркетинга для тех, кто затевает такую суету.
Если взглянуть на первые релизы фильмов на DVD, то мы увидим, что нередко в них было интерактивное меню, которое преподносилось как одно из главных достоинств. На фоне более старых VHS (или LaserDisc), где меню вообще отсутствовало, это действительно являлось прорывом, хотя интерактивные возможности встраивались не во все DVD-релизы. В самых первых или более дешёвых изданиях контент зачастую начинал воспроизводиться сразу после вставки диска в плеер.
Но по мере всё большего распространения DVD издатели начали полноценно задействовать все возможности нового формата. Появилась эта технология в 1996 году, но реальную популярность набрала только к 2000-м. Настоящий расцвет DVD-индустрии начался после того, как люди осознали все сильные и слабые стороны нового формата, плееры стали повсеместным явлением, а сопутствующие технологии окончательно дозрели. Ну а следом появились и те яркие, запоминающиеся интерактивные меню.
Трактор John Deere, уехавший в Аргентину, обязан предупредить фермера, что совать руки в этот вал не стоит. Тот же трактор в Индии должен сказать то же самое на хинди или тамильском, во Франции — на французском. И для каждой страны печатается своя наклейка, а переводчик всякий раз рискует перепутать «затянуть» с «отпустить». Генри Дрейфус, проектировавший эти тракторы, предложил нарисовать одну картинку для всех. Со временем экономия на наклейках разрослась до картотеки в двадцать тысяч знаков, «Справочника символов» 1972 года и мечты о языке, который понимают без переводчика от Аргентины до Финляндии.
Человечество выучило из этого словаря десяток ходовых слов вроде стрелки, кнопки питания и человечка на двери туалета и на этом успокоилось. Полвека спустя словарь снова понадобился, и теперь листать его будет машина. ИИ научился собирать интерфейс под каждый запрос, и пользователь всякий раз видит экран, которого минуту назад не существовало. Мы разберем, что прижилось из словаря Дрейфуса, где он поторопился и почему его старая картотека подозрительно напоминает техническое задание для генеративных интерфейсов.
Что на самом деле происходит с наймом дизайнеров: кого ищут корпорации и заменяет ли их искусственный интеллект
Простые джуны больше никому не нужны, и точка. И это не кликбейт, а реальное мнение рынка, которое мы слышим чуть ли не каждый день. И как бы ни писали онлайн‑школы, за 90 дней вы точно не сможете стать спецом, которого будут хотеть все студии и корпорации в мире. Но осталась ли возможность рассчитывать на нагретое место в корпочке или пора переквалифицироваться в мультиспециалиста, который закроет всё и везде?
Я решил опросить 8 крупных дизайн‑лидов и арт‑директоров из корпораций, чтобы вообще понять, стоит ли вам продолжать стучаться в большие корпоративные машины. Подборочка компаний знатная — Альфа‑Банк, ВКонтакте, Билайн, Dodo Pizza, Digital‑агентство Realweb (входит в группу RW+), Флаувау, Финтабло и ещё один банк из топ-10, который очень попросил его не называть [будет просто «один банк», как договаривались].
Я тут посмотрел на свои заметки и понял, что они как каша из терминов. А как бы я объяснил это своей бабушке? Вот, к примеру, векторные мультики на JavaScript / HTML, которые нейронки сейчас делают со скоростью 1 к 30 (за полчаса — минута анимации) и копеечной стоимостью. Как бы я объяснил, почему у меня радости полные штаны?
Привет, бабушка, я тут научился делать мультики на нейронке. Нееет, это не те, как кино со Штирлицем и котиками, которые разговаривают и ходят на задних лапах. Там специальные нейронки, они круто рисуют, но стоят дорого, понимаешь? Разориться можно, чтобы самому рисовать.
А тут я открываю и на своем компьютере набираю — сделай мне мультик как для детей. Не реалистичный, да, рисованный. Но делает она это очень дешево — вот я вчера делал минутные ролики на Claude Opus 5.5, а потом на ChatGPT Sol 6.1 — вышло копейки, по полчаса работы. Недельный лимит не потрачен практически, у Opus максимум 10 процентов ушло.
Вот пример — Котенок Фырфыр — не путать с котенком по имени Гав.
Я пишу вам эти строки из горящего дома - примерно так могла бы начинаться эта статья, если бы я слепо следовал инструкциям на упаковке.
Сегодня мы разберём печальный кейс когда промдизайн делают за копейки, а анекдот: — Что должен делать сотрудник за такую зарплату? — Ничего, и даже немножечко вредить.
походу нифига не анекдот.
Но зачем вредить конечному клиенту?
Я то тут при чём? А мои дети? :-\
Здравствуйте, меня зовут Дмитрий Карловский, и однажды я создал самый удобный редактор богатого текста. Попробовать его вы нигде не сможете, зато сможете узнать какого счастье вы лишились...
Сделал Android-приложение, которое одной кнопкой чинит YouTube, Discord и Telegram на телефоне и Smart TV.
Оно само подбирает рабочие настройки под вашего провайдера, отдельно для Wi-Fi и мобильной сети, а для Telegram поднимает свой прокси. Без консоли и без поиска строк аргументов в чатах.
Как это устроено внутри, под катом читайте далее 👇
Зачем нам свой улучшатор?
Мы живем в эпоху доступности генеративных нейросетей, однако большинство качественных инструментов улучшения качества фото и видео остаются либо платными SaaS-сервисами, либо сложными академическими проектами. Когда речь заходит об обработке больших объемов личных данных - будь то оцифровка семейных видеокассет или архива институтских пленок - возникает закономерный вопрос доверия и стоимости.
Мы поставили перед собой цель: автоматизировать процесс реставрации старых материалов, сохранив их аутентичность. Готовые решения зачастую применяют избыточную резкость или некорректно обрабатывают специфические дефекты пленки (например, царапины или цветовой сдвиг). Кроме того, изучение механики обучения и инференса подобных моделей требует полного доступа к весам и архитектуре, чего закрытые API предоставить не могут.
Формальная постановка задачи
В рамках данной статьи поставим задачу supervised image-to-image translation (обучение с учителем для преобразования изображения в изображение) для восстановления ретрофотографий и изображений очень низкого качества.
Формально задача выглядит так:
Вход: изображение низкого разрешения XLR ∈RH×W×3 с наложенным синтетическим шумом (гауссов шум, «соль и перец», квантование цвета и др.), имитирующим дефекты старой плёнки или цифрового сенсора.
Выход: изображение высокого разрешения YHR ∈R2H×2W×3, максимально близкое к эталону.
Функция потерь: комбинированная - L1 (MAE) для попиксельной точности + perceptual loss (на признаках предобученной VGG) для сохранения визуального качества.
Мудборд — то, что имеет дословный перевод как «доска настроения», — имеет некоторые проблемы с точки зрения собственной реализации, поскольку картинки, используемые в композиции, должны подходить по духу: причём как визуально, так и логически. Если целью является передача настроения, то необходимо внедрение и визуального стиля (создание единой цветовой концепции), и разработанная логическая составляющая, на поверхности которой она будет находиться.
Мы живём в эпоху цифровых технологий. Я в данный момент занимаюсь созданием пакета приложений на русском языке, распространяющемся по принципу открытого исходного кода по GPL-3.0 или MIT. Так или иначе текущее положение дел принуждает российского пользователя быть цифровым анархистом, находя всё новые и новые варианты решения текущих задач с помощью использования открывающихся средств, постепенно заменяющих предыдущие. Системы защиты современного так называемого закрытого ПО, как и парадигма, в которой работают частные компании, не позволяют массовому пользователю использовать предыдущие, уже некогда устоявшиеся решения на практике в работе или бизнесе, отчего юзер приходит к более узким инструментам. Именно такое настроение мне хотелось передать в мудборде, что станет «флагом» и символом моей текущей деятельности.
Прежде всего работа с образами: технологии, всемирная сеть (веб-сеть), сервера узкоспециализированных инструментов и масштабные дата-центры, метод блокчейна и криптовалюта как его следствие. Собственно, всё то, что сегодня преображается, приземляется в юридической плоскости, становится из анархистского инструментария частью повседневной жизни, находит инструменты своей регуляции и установления конкретного порядка. Если раньше любой мог запустить дома свой сервер, организовать пересылку веб-страниц через него к пользователям его личного веб-сайта на его домене, запустить майнинг криптовалюты на неком подобии тостера и хранить её на десятках разных децентрализированных кошельках, то сегодня гораздо более распространена аренда технических средств, работа через облако, начали торжествовать централизированные средства с понятными (прежде всего — привычными) механизмами своей работы. Я говорю о централизированных биржах и арендуемых сейчас веб-разработчиками (веб-мейкерами) дата-центрах, как о более перспективных средствах распространения цифровых решений в том смысле, что они создают относительно безопасную среду.
В моей прошлой статье мной был предложен и реализован программно алгоритм полного перебора всех схем степени 8(ссылка). Свой результат я оформил как препринт и опубликовал его здесь. Буду очень благодарен тому, кто мне поможет получить эндорсмент на Arxiv.org в разделе Math.CO (большая часть работы — это чистая комбинаторика) или в Math.AG. Платная проверка русской версии документа в системе Антиплагиат.ру дала 98,9% оригинальности и 0% ИИ‑генерации.
Будущее — это удел футурологов и фантастов. Последние мечтали в кино о межгалактических перелетах и противостояниях с глобальным злом. В этой схватке главным героям, конечно, помогали различные приспособления, выпущенные от всемирно известных брендов. О них-то мы и поговорим в нашем материале.
1975: японское пожарное ведомство начинает проводить специальные встречи по пиктограммам после двух больших пожаров в Осаке и Кумамото. Главная повестка: создание узнаваемого знака эвакуации.
Привет, Хабр!
На связи Андрей, продуктовый дизайнер Garage Eight.
В сентябре обновлений было много: новые модели, интерфейсные фичи, библиотеки и несколько свежих айдентик. Остальные находки месяца — ниже.
1. Иконки для Cursor
2. Opus 5.5 + GPT-6 Astra
3. iPhone Duo
4. iOS 27 updated icons
5. beUI Pro + GSAP + Torph
6. Figma releases
7. KEEN
8. Xsolla
Бренд — это в первую очередь средство индивидуализации компании в глазах потребителя. Фирменное наименование, товарные знаки и логотипы позволяют мгновенно провести ассоциацию продукта с имевшимся опытом. Именно поэтому над «обложкой» компании часто проводится существенная часть работы, а в её формирование вкладываются сотни тысяч и даже миллионы долларов. Впрочем, некоторые ребрендинговые кампании оборачиваются только неудачей и негативом.
Обычный скриншот превью из 3D-редактора выглядит плоско: однотонные заливки вместо материалов, схематичная растительность, грубый свет. Чтобы довести такой кадр до картинки уровня конкурса, раньше нужны были часы настройки света и шейдеров. Теперь путь занимает около минуты: берёте свой скриншот, подставляете референс с нужным настроением — и нейросеть переносит свет, палитру и материалы на вашу геометрию.
Суть приёма: геометрия ваша, свет и материалы — из референса
Форма здания, ракурс и композиция остаются строго из скриншота — модель их не перестраивает. А освещение, палитру и характер поверхностей она берёт из второй картинки — эталонного рендера. Поэтому в результате меняются даже материалы: на нашем исходнике крыша красная, после обработки по светлому референсу она становится медной, белые стены — тёплой бежевой штукатуркой. Это не искажение геометрии, а перенос стиля, ради которого всё и затевается.
Многие говорят о том, что современный пиксель‑арт часто выглядит неправильно. Например, пользователь TikTok mylifeisanrpg записал популярное видео, в котором объясняет, что раньше пиксельные художники учитывали физические свойства электронно‑лучевых трубок (ЭЛТ). Размытость ЭЛТ сглаживала грубые края пикселей низкого разрешения, благодаря чему объекты казались гораздо менее квадратными, чем на современных плоских дисплеях.
Это правда. Я тоже соглашусь, что современный блочный пиксель‑арт часто становится неточной, анахронической ностальгией. Однако у пиксель‑арта и старого игрового оборудования есть гораздо больше аспектов, чем просто размытие ЭЛТ.
Почему логотип Coca-Cola — не шрифт, зачем одной гарнитуре сотни знаков, почему хороший веб-шрифт надо проверять на плохом мониторе и что именно нейросети уже могут забрать у шрифтового дизайнера?
Я, Александр, автор телеграм-канала «Shulepov Code», поговорил с Александрой Корольковой — арт-директором Paratype, автором книги «Живая типографика» и YouTube-канала «Шрифтовой видеоблог», соавтором PT Sans, PT Serif и других известных шрифтовых систем. Обсудили историю профессии от металлических литер до веб-шрифтов, устройство работы шрифтовой студии, лицензии и цены, роль кириллицы, инструменты, заказные проекты, ИИ и довольно практичный ответ на вопрос, сколько шрифтов действительно нужно одному сайту.