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

Дизайн

Дизайн спасёт мир

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

Основы BDUI для продуктовых дизайнеров. Шпаргалка

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

Большая статья в двух частях о самом важном, что нужно знать и учитывать продуктовому дизайнеру, если проект, над которым он работает, будет реализован на BDUI: 

— в чём его суть и чем он отличается от классического подхода в разработке;
— что такое контракт экрана и контракт компонента, почему они главный источник истины в BDUI подходе, и как с ним работать дизайнеру;
— как дизайнеру читать JSON, разберём ключи и значения.

Статья будет не только теоретической. Поделимся своим опытом внедрения BDUI в дизайн-процессы с примерами и иллюстрациями и оставим несколько рекомендаций для тех, кто только начинает делать это у себя в продукте или команде.

Читать далее
Всего голосов 20: ↑20 и ↓0+24
Комментарии0

Новости

Как романтизм Эпохи Тайсё повлиял на современную Японию

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

В любой стране существуют периоды истории, которые обрели в глазах современности особый романтический флёр — ковбойский Дикий Запад в Штатах, Викторианская Англия, Ренессанс в Италии (и не только в ней)… У Японии тоже есть такие излюбленные времена — и даже несколько. В эпоху Хэйан — расцвет древней аристократии и «высокой» культуры, бурная на события Эпоха воюющих провинций, период Эдо, где набрала силу городская культура… Такие временные отрезки в истории часто делают местом действия игр, фильмов, аниме и книг, вокруг них строится культура фанатов, которые коллекционируют сувениры, связанные с любимым периодом, учат его историю, имеют любимчиков среди известных личностей того времени и проводят свои мероприятия. В этой статье мы поговорим про эпоху Тайсё. 

Читать далее
Всего голосов 19: ↑15 и ↓4+15
Комментарии5

Как рисовать пиктограммы, если сроки поджимают: пошаговая инструкция

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

Привет! Меня зовут Ксюша Ершова, я начинающий UX-проектировщик в Selectel. Моя миссия в компании — сделать интерфейс панели управления удобным и интуитивно понятным для пользователя. А если говорить про локальные задачи, я исследую пользовательский опыт, проектирую интерфейсы, тестирую их и анализирую метрики.

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

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

Дисклеймер: мы будем рисовать пиктограмму Тирекса потому, что мне нравится Тирекс :) Эта иконка не пойдет в продакшн в Selectel, я создаю ее специально для материала в качестве наглядного примера.
Читать дальше →
Всего голосов 26: ↑26 и ↓0+34
Комментарии5

Что общего у дизайна и фастфудной

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

Меня зовут Лёша, я дизайн-лид канала Альфа-Бизнес, курирую создание лучшей дизайн-системы для бизнеса. Сегодня расскажу вам, как дизайн-система работает на этапе Discovery.

Я не отказываю себе в удовольствии заглянуть в фастфуд. У продуктовой разработки и у ресторанов быстрого питания много общего. Мы следуем выстроенному процессу, соблюдаем стандарты, чтобы удовлетворять потребности клиента и приносить прибыль бизнесу.

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

Читать далее
Всего голосов 9: ↑8 и ↓1+11
Комментарии0

Истории

Как GPT-4o помог мне создать плагин для After Effects: экономим часы на нейминге слоев

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

В индустрии анимации и визуальных эффектов время — бесценный ресурс. Работая над проектами, содержащими сотни или даже тысячи слоев, переименование каждого слоя вручную превращается в изнурительную задачу, способную занять часы. Это не просто утомляет — это выбивает из творческого потока и негативно сказывается на качестве работы. Время, которое могло быть потрачено на создание анимации, уходит на приведение проекта в состояние, когда с ним «хоть как‑то можно начать работать».

Читать далее
Всего голосов 12: ↑11 и ↓1+17
Комментарии6

Как делать чистые градиенты

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

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

В работе над редизайном приложения Почты России мы пробовали разные способы подчеркнуть в визуальной коммуникации нашу уникальность. В том числе думали о градиентах. Под градиентами мы понимаем любые объекты, в которых один цвет переходит в другой. К ним можно отнести и тени. Оказалось, с градиентами связано много вопросов (вроде использования их в тёмной теме), и часть из них мы рассмотрели в этой статье.

Читать далее
Всего голосов 39: ↑38 и ↓1+53
Комментарии14

«Киотский ар-деко» от загадочного Кобаяси Каити и эволюция японской гравюры

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

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

Читать далее
Всего голосов 28: ↑25 и ↓3+31
Комментарии5

Апериодический монотайл

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

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

Вам нужно только одну форму? Тогда только призрак. Романтичный вариант названия – «привидение».

Читать далее
Всего голосов 23: ↑21 и ↓2+29
Комментарии10

Мультипродуктовая дизайн-система: как сделать так, чтобы она реально работала

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

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

Главный минус — невозможность удовлетворить все потребности всех продуктов (особенно если речь идет о десятках и сотнях), в результате чего неизбежно возникают форки, собственные разработки и другие расхождения, постепенно отдаляющие продукты от единой дизайн-системы.
Выходит, что мультипродуктовые дизайн-системы работают, но с большими оговорками. Можно ли сделать так, чтобы они работали лучше?

Меня зовут Анастасия Кабалкина, я руковожу дизайном направления FinOps в VK Tech. В этой статье мы с вами разберем проблемы мультипродуктовых дизайн-систем и попробуем их решить небольшой доработкой архитектуры. А если не решить, то хотя бы минимизировать :)

Читать далее
Всего голосов 42: ↑40 и ↓2+42
Комментарии3

Дизайн интерфейсов в России и других странах. Бигтехи и супераппы

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

Про UX в России и мире. Мнение о том, что нас ждет завтра.

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

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

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

Открыть статью
Всего голосов 14: ↑13 и ↓1+14
Комментарии5

UI-паттерны. Зачем и как?

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

Привет! Меня зовут Ксения Толокнова, я продуктовый дизайнер и дизайн-лид с 12+ летним стажем. Пару лет назад я осознала что дизайн-система не всегда справляется со своими задачами, и сегодня я хотела бы обсудить, почему так происходит.

Запуск дизайн-системы и её поддержка — дорогое удовольствие. Когда компания решается на такой шаг, она точно хочет получить от этого прибыль. И всё же иногда происходит иначе.

В статье обсудим:

— Всегда ли наличие дизайн-системы гарантирует консистентность?

— Почему дизайн-система не панацея от всех проблем.

— Что с этим делать?

Читать далее
Всего голосов 18: ↑17 и ↓1+19
Комментарии5

План действий на 2024 для UX/UI-дизайнера и ссылки на статьи

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

UI/UX-дизайн — это перспективная сфера деятельности, которая удачно сочетает творческий подход и аналитическое мышление. Профессиональные дизайнеры UI/UX разрабатывают визуально привлекательные интерфейсы, делая их при этом удобными и интуитивно понятными.

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

Читать далее
Всего голосов 16: ↑15 и ↓1+15
Комментарии2

Создание пользовательского интерфейса на дисплее Guition с ESPHome и библиотекой LVGL

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

Недавно вышла обновленная версия ESPHome 2024.8.0, в которой появилась библиотека LVGL версии 8.4 для создания графических интерфейсов TFT-экранов. У меня был в наличии такой дисплей, и я решил воспользоваться новыми возможностями для создания интерфейса по управлению умным домом. Моя задача заключалась в том, чтобы наполнить недорогой дисплей необходимой функциональностью.

Читать далее
Всего голосов 15: ↑14 и ↓1+16
Комментарии10

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

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
20 – 22 сентября
BCI Hack Moscow
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
24 сентября
Astra DevConf 2024
МоскваОнлайн
25 сентября
Конференция Yandex Scale 2024
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн

Как UX-писателю защищать тексты. 5 советов из практики

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

Создавать тексты – лишь часть работы UX-писателя. Ему также приходится разбираться в разработке, дизайне и исследованиях, чтобы понимать, где лучше расположить текст на макете, можно ли реализовать задумку в коде и однозначно ли считывается фраза на кнопке. Но и это еще не все. Важно знать, как обосновать свою идею. Мало написать удачный текст – нужно уметь его защитить. А делать это приходится постоянно.

Под катом читайте, как UX-писателю убедительно и профессионально отстаивать идеи и на что опираться в своих аргументах.

Читать далее
Всего голосов 19: ↑18 и ↓1+18
Комментарии6

Создаём личный шрифт

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

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

Вместо использования готовых шрифтов я создала свой собственный, используя p5.js и JavaScript.

Читать далее
Всего голосов 36: ↑34 и ↓2+38
Комментарии7

Как я устроилась в крупную компанию: советы и хитрости для дизайнеров

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

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

Читать далее
Всего голосов 21: ↑17 и ↓4+18
Комментарии4

FLUX — новая нейросеть для генерации изображений от создателей Stable Diffusion

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

Всем привет!

Flux.1 D — это мощная модель для генерации изображений по текстовому описанию. Меня зовут Вандер, я куратор клуба по нейросети Fooocus и нейро-энтузиаст, и сегодня мы разберемся, почему вам точно стоит обратить внимание на свежеиспеченную Flux.

Разработчики Flux - бывшие создатели Stable Diffusion и Stable Diffusion XL - Робин Ромбах и Андреас Блаттман. Оба выступали за идею, но компания преследовала только коммерческие интересы Как итог - произошел конфликт и ключевые фигуры покинули Stability AI. Недавно ими была создана новая компания The Black Forest Team, которая и представила нам Flux.

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

Модель очень хорошо следует промпту и распознает текст.

В статье мы посмотрим, как запустить Flux онлайн и локально, а так же на ее возможности.

Читать далее
Всего голосов 55: ↑51 и ↓4+61
Комментарии45

Путь дизайнера: от фриланса до работы в штате крупной ИТ-компании

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

Привет! Я Дмитрий Чикунов, графический дизайнер в R-Style Softlab. Я работаю в сфере дизайна уже 17 лет. В статье расскажу о своем бэкграунде и дам несколько полезных советов по поиску работы.

Читать далее
Всего голосов 15: ↑14 и ↓1+19
Комментарии1

Эй, компьютер, создай-ка мне шрифт

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

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

Выше вы видите несколько примеров шрифтов, сгенерированных моделью FontoGen.

Ну а дальше я подробно опишу всю историю.
Читать дальше →
Всего голосов 40: ↑40 и ↓0+65
Комментарии10

2,5 тысяч экрано-состояний и тесты на сотнях устройств: как мы с нуля делали темную тему в приложении

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

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

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

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

Читать далее
Всего голосов 9: ↑9 и ↓0+12
Комментарии6
1
23 ...

Вклад авторов

Работа

Веб дизайнер
50 вакансий