В последние годы интерфейсы цифровых продуктов стали почти одинаковыми — похожие цвета, шрифты, компоненты и навигация. Это не случайность, а результат множества ограничений: от личных предпочтений дизайнеров до технологических трендов и ожиданий пользователей. В этой статье мы разберёмся, почему стандартизация так важна и даже полезна.
Привет, Хабр! Это Андрей, продуктовый дизайнер Garage Eight, и мой традиционный дизайн-дайджест под конец уходящего месяца.
В этот раз у нас 8 новостей:
1. Config 2025
2. Дизайн к 50-летию Microsoft
3. Expressive — обновление дизайн-системы Material Design от Google
4. Обновленное мобильное приложение Airbnb
5. Масштабное обновление брендинга корпорации Amazon
6. Новый значок Гугла
7. Дизайн-студия того самого Джонни Айва
8. Codex — продвинутый ассистент для написания кода от OpenAI
Как выйти на международный рынок в 2025 году и начать зарабатывать в валюте.
Этим гайдом я хочу поставить точку в вопросе, который мне задают с завидной регулярностью: как найти зарубежную удалёнку дизайнеру из СНГ. Без воды, максимально честно и информативно.
Меня зовут Артём Говердовский, я дизайн-директор Домклик Сбера. Год назад я выпустил статью «Шаг за шагом: как добиться синхронности в дизайн-команде за 9 месяцев», где описал структуру нашего отдела, ключевые направления работы и процессы, которые мы выстроили. С тех пор команда и доверие к нам только растут, а значит, пора двигаться дальше. Сейчас мы фокусируемся на стратегических задачах: прокачиваем не только дизайн, но и влияние на продукт в целом. В этой статье подведём итоги 2024 года, расскажем о новых целях и планах, а также о ключевых инициативах, которые мы запускаем. Среди них:
Стратегические задачи дизайна: как сделать вклад дизайна в бизнес измеримым и системным, внедряя delivery-driven подход и ускоряя циклы обновлений.
Влияние на продукт: через анализ метрик дизайн-системы и единый Look & Feel продукта во всех точках контакта с пользователем.
Эту статью можно считать прямым продолжением предыдущей — в ней я делюсь своим видением развития дизайн-команды и продукта, а также рассказываю, как мы ежегодно наращиваем темп, внедряя изменения в дизайн продукта на всех уровнях. Для полного понимания контекста советую сначала прочитать первую часть.
Я решил сделать уникальную колоду карт Таро. Заказывать их у фриланс-художников дорого: каждая карта стоит от 5 USD, так что для полной колоды из 78 карт это выходит 390 USD. Перебрав разные генераторы изображений, я остановился на модели GPT-Image-1 от OpenAI, поскольку она выдаёт максимальное качество и минимальный процент ошибок. В среднем генерация одной карты занимает около минуты. Создание одной колоды обошлось мне в $25. В итоге я сгенерировал три колоды с уникальными стилями и потратил на это в общей сложности 75 USD.
Вам когда-нибудь хотелось, чтобы можно было написать простой CSS для объявления цвета, после чего браузер сам бы определял, чёрный или белый должен сочетаться с этим цветом? Теперь это возможно благодаря contrast-color(). В статье мы объясним, как это работает.
Представьте, что вы разрабатываете веб-сайт или веб-приложение, и в дизайне требуется куча кнопок с разными цветами фона. Для обработки цвета фона можно создать переменную --button-color, а затем присваивать ей разные значения.
Иногда фон кнопки будет тёмным цветом, а текст кнопки должен быть белым для создания контрастности. В других случаях фон светлее, поэтому текст должен быть чёрным.
Магия «правильных» паттернов
Представьте: пользователь заходит в приложение и мгновенно чувствует — здесь всё "на своих местах". Никакого визуального шума, только приятное ощущение порядка. Секрет такого эффекта может крыться во фракталах с размерностью D 1.3–1.7.
Как практикующий UX/UI-дизайнер, я долго искал закономерности между успешными интерфейсами и их визуальными характеристиками. Оказалось, что лучшие работы часто содержат паттерны с определённым уровнем сложности — тем самым "золотым сечением" фрактального мира.
Мы обратили внимание, что проекты, которые заставляют страдать — те, в которых нет менеджера от клиента. При сильной команде и понятных задачах это превращает проект в хаос: срывы сроков, выход из бюджета, споры и правки в последний момент.
В статье — разбор причин, ловушек, типовых сценариев из практики и рекомендации, что делать, если проект уже идет, а менеджера все еще нет.
Текстовая инверсия (Textual Inversion) – это метод, который позволяет добавлять новые объекты или стили к имеющейся у нас модели. Файлы текстовой инверсии с объектами обычно имеют небольшой размер с расширением .pt или .safetensors. По сути, эти файлы являются дополнительными модулями для Stable Diffusion WebUI Forge и используемой нами модели FLUX.1 (например, flux1-dev-bnb-nf4-v2.safetensors), которые отображаются на закладке Txt2img / Textual Inversion.
Эта сложность возникает не только у вас — HDR сбивает с толку множество людей. В этом посте мы наконец объясним, что же такое HDR, расскажем о проблеме и трёх способах её решения.
В прошлом году мы объявили до добавлении в наше приложение для работы с изображениями фотографий с HDR, или «High Dynamic Range». Большинство пользователей это порадовало, кого-то сбило с толку, а некоторые проявили откровенное беспокойство. Это связано с тем, что HDR может означать два разных, хотя и близких, понятия.
Недавно Московский метрополитен опубликовал схемы метро на китайском и арабском. В статье рассмотрим особенности создания транспортных схем на иностранных языках, отличных от английского, а также разберём, что в московской схеме сделано хорошо, а что можно улучшить.
Начнём с того, что при создании версии схемы на иностранном языке не совсем корректно говорить о переводе. Перевод подразумевает замену слов одного языка на другой с сохранением смысла. Но карты и, в частности, транспортные схемы., полностью никогда не переводятся. Основная задача карт — упрощение навигации. Перевод топологических имен, например, таких как Красносельская, Сокольники или Новослободская задачу навигации никак не упрощает, а только усложняет. Поэтому для названий большинства объектов используют транслитерацию или транскрибация — запись слов с использованием символов другого алфавита для точной передачи звучания слова (без передачи значения). Помимо замены подписей есть ряд вопросов с адаптацией условных обозначений и графических элементов, о которых мы тоже поговорим. Таким образом, создание схемы на иностранном языке — это не просто перевод всех текстовых строк на иностранный язык, а задача, скорее, промышленного дизайна по выбору наиболее удобных форм представления различных видов информации с целью упрощения навигации.
После серии статей про svg-виджеты в tcl/tk, меня не оставляло чувство какой-то незавершенности. Всматриваясь в проект svgwidgets, стало понятно, что не хватает утилиты с удобным интерфейсом для генерации градиентной заливки.
Каждый из нас, Java-разработчиков, хоть раз задумывался: "А что, если взять и написать свою IDE?". Ну, может, не полноценную замену IntelliJ IDEA, но что-то компактное, для души, для изучения Swing или просто для фана. Сегодня я хочу поделиться именно таким проектом – JForge, простой IDE для Java, написанной полностью на Swing, с акцентом на приятный темный интерфейс и базовые, но необходимые фичи.
LoRA (Low-Rank Adaptation) – это вспомогательная модель, основное назначение которой заключается в ускорении обработки запросов (prompt) от пользователя и вычислений при генерации тех или иных специальных объектов на изображении.
Другими словами, когда мы с вами используем модель FLUХ.1, а нам надо детально прорисовать на нашем изображении руки или фигуру человека, мы используем дополнительно вспомогательную модель LoRA, которая выполняет только одну определенную ей задачу.
Также различные модели LoRA используют для усиления стилизации изображений. Например, если нам надо нарисовать персонажа в стиле одного из известных мультфильмов, то существует большое количество соответствующих специальных моделей LoRA.
Особенность моделей LoRA заключается в том, что они в несколько раз меньше по объему, чем основные модели, которые мы используем, и поэтому они работают значительно быстрее основных при выполнении специализированных задач.
Генеративные нейросети уже изменили мир цифрового искусства, но настоящая магия начинается, когда ты сам берешь их под контроль. Сегодня расскажу о своем эксперименте по обучению LoRA на стиле South Park — от сбора датасета до финальной модели. Поделюсь реальным опытом, техническими нюансами и самое главное — что конкретно сработало, а что оказалось пустой тратой времени.
Меня зовут Илья, я основатель онлайн-нейросети для создания изображений ArtGeneration.me, техноблогер и нейро-евангелист.
Идея обучить LoRA на стиле мультсериала пришла ко мне случайно. На глаза попался новый анимационный сериал "Ваш дружелюбный сосед Человек-паук", и я подумал: "Было бы классно обучить LoRA именно на этом стиле!" Я уже обучал LoRA на отдельных персонажах и простых стилях, но на таких сложных и комплексных особо ещё не тренировал.
Но стиль человека-паука показался мне слишком сложным для первого эксперимента такого рода. Решил сначала потренироваться на чем-то попроще. И тут удачно подвернулась спешл-серия South Park! Стиль South Park простой, узнаваемый, многие его любят (включая меня). На Civitai уже была одна LoRA South Park, так что я подумал — если смог кто-то другой, то и я смогу!
Спойлер: всё оказалось гораздо сложнее, чем я думал. Но обо всём по порядку.
Или как войти в IT из-за пьянки в общаге.
Мою первую работу дизайнером мне устроил… армянский коньяк. Не шучу. Сейчас расскажу.
Как мы с вами усвоили из прошлого урока, основная задача функции Hires.fix – не увеличение разрешения изображения, а улучшение качества мелких деталей финального изображения без изменения композиции.
Важно отметить, Hires.fix работает более эффективно, если с улучшением деталей вы одновременно увеличиваете разрешение изображения.
Но у Hires.fix есть и некоторые скрытые возможности, которые могут помочь изменить какую-то важную деталь нашего исходного изображения.
Давайте узнаем, как нам это сделать.
Для этого:
· Переходим на закладку «Settings».
· Находим слева в списке раздел «UI alternatives».
· Выбираем две опции: «Hires fix: show hires checkpoint and sampler selection (requires Reload UI)» и «Hires fix: show hires prompt and negative prompt (requires Reload UI)».
· Применяем настройки.
· Перезагружаем интерфейс.
Раскрываю ТОП-5 способов поиска талантливого специалиста, которые сэкономят вам 10+ часов и помогут избежать ошибок.
Этот материал будет максимально полезен тем, кто ищет диджитал-специалистов на аутсорс или в штат: графических дизайнеров, иллюстраторов, веб-дизайнеров, UX/UI специалистов, 3D-художников и т.д.
Привет, Хабр! Уже по традиции собрал семь новостей дизайна уходящего месяца, на которые обратил внимание сам, и теперь вам рекомендую.
1. Обновление приложения и сайта «Подружки»
2. Новая схема карты метро Нью-Йорка
3. Первоапрельское обновление главной страницы Яндекса
4. Игра «Thank Goodness you're here» от Panic
5. Обновление сайта Jitter
6. Новая айдентика Хельсинки
7. Раздел «Library» в ChatGPT
Всем привет, кроме работы DevOps‑инженером, я преподаю в детской школе программирования. У меня учатся детки разных возрастов, от 7 до 14 лет. И в процессе их обучения, я понял одну вещь — НУЖНО МЕНЯТЬ ИКОНКУ «СОХРАНИТЬ». Почему, спросите вы, ответ очевиден — нынешнее поколение детей, не знает, что такое «дискета» или floppy‑disk.
