Design on Павел Королев

Про фронтенд дизайн скилл и границы слопа

Wed, 15 Apr 2026 19:55:12 +0500

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

Глава четыре. Иконки приложения

Mon, 05 May 2025 00:00:00 +0500

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

Идём в New → Image Asset в студии, добавляем их, смотрим на превьюшку. И всё не так, конечно же. Прикрепил скриншот для сравнения того, что получилось на этом этапе с тем, что должно быть.

Глава три. Шрифты

Sat, 26 Apr 2025 00:00:00 +0500

Исторически у нас в проекте был везде зашит Roboto. Теперь вместо него появились две новых гарнитуры: одна для заголовков, другая – для всего остального. Казалось бы, изменилось не очень много. Просто подкладываешь файл гарнитуры в ресурсы и меняешь начертания в Typography из Compose-темы. Ну я так думал, по крайней мере. 😰

Скачал файлы вариативных шрифтов с Google Fonts, подложил, указал в теме. И вижу, что всё слиплось нафиг, леттерспейсинг меньше нужного, интерлиньяж не тот, жирность букв – тоже мимо. Начал дебажить, сделал Compose-превьюшки на все веса от 100 до 1000 поверх макета из фигмы и понял, что вариативный шрифт просто не работает. Ну то есть как не работает – работает, но только как Regular (до 500) и как Bold (выше 500). Попутно ещё все остальные параметры у начертания применяются неправильно.

Глава два. Градиенты

Tue, 22 Apr 2025 00:00:00 +0500

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

В Compose есть две основные сущности, описывающие как делать какую-либо заливку – это Color и Brush. Первый – это когда вам надо что-то в один цвет покрасить, второй – для любого другого случая, в частности для градиентов.

И если вы почему-то думали, что вы просто так можете Material компонентам сказать, что они теперь должны залиться градиентом – это не так. Единственное место, где вы можете безболезненно заменить Color на Brush – это Modifier.background() или другие похожие функции из foundation. У них почти всегда есть версия и для того и для другого. А у любой фигни из Material типа Button, Surface, CircularProgressIndicator, Switch и других в параметрах всегда только Color. 🔫

Про редизайн

Sun, 20 Apr 2025 00:00:00 +0500

У нас запустился довольно большой редизайн и ренейминг приложения "Мой Beeline" в "Janymda". Если смотреть только на техническую сторону вопроса, то это в основном стилевые изменения, почти не затрагивающие продуктовую вёрстку. В комментах накидаю всяких скриншотов для контекста. Недели три мы синхронно работали практически вообще не отвлекаясь ни на что другое. По этому поводу много мыслей, возможно даже на серию постов какую-то. Много прикольной специфики и впечатлений, которые мне интересно по результатам отрефлексировать. 🪖

Про поиск

Fri, 03 Jan 2025 00:00:00 +0500

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

Предыдущие были несколько лет назад больше в формате подготовки к судному дню. Что-то меня триггерило и я шёл переключаться на какой-нибудь DuckDuckGo, который как выглядел, так и выглядит таким линуксом из мира поисковиков. Ну то есть нормально ничего не искал, зато весь в белом пальто такой независимый. Пару недель мучался и возвращался обратно.

Новый дизайн Google Play Console

Thu, 03 Oct 2024 00:00:00 +0500

Гугл вчера раскатил обновлённый дизайн в консоли. И это какой-то позор. Давайте посмотрим на новое боковое меню.

Первое и самое прекрасное в нём – на ховер теперь стабильно появляется скроллбар, из-за которого доступная контенту ширина уменьшается. Для понимания, этот блок фиксированный, динамически ширину у него менять нельзя,. Когда размер контента меняется для текста не всегда хватает места и некоторые пункты начинают переноситься. Это спишем на длинность слов в русском языке, в английском ведь такого нет. Открытые в соседних окнах гитлаб и телеграм ведут себя абсолютно адекватно.

Беды с состояниями

Tue, 16 Jul 2024 00:00:00 +0500

Мне сложно представить более болезненную проблему в современном софте, чем то насколько же всем пофиг на сохранение состояния в приложениях.

Мои ожидания от мира по этому вопросу выглядят примерно так:

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

Предположим, вы инстаграм, реддит или тикток. Я как пользователь листаю эту вашу бесконечную ленту на главном экране. Отвлёкся, ответил на звонок там, или вдруг поработать приспичило посреди рабочего дня пока рилсы листал. И, конечно же, развернув приложение через каких-нибудь полчаса я никогда в жизни уже не вернусь в это состояние, потому что вы решили мне вместо него навалить рандома и отмотать к самому верху. Буквально, я вижу в "недавних" в приложении какой-то пост, нажимаю на приложение, а внутри его нет. Это какой-то позор. Пример с лентами, наверно, самый показательный. На моей памяти только приложение твиттера в этом смысле делает то, что я от него ожидаю: оно меня оставляет именно в том положении скролла, в котором я был в последний раз. Я всё понимаю, алгоритмические ленты, пагинация, всё такое, сложно, но в моей картине мира в проектах с таким количеством пользователей и разработчиков это вообще базово необходимая вещь.

Иконки в шрифтах

Thu, 25 Apr 2024 00:00:00 +0500

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

Compose и дизайн-системы

Mon, 25 Mar 2024 00:00:00 +0500

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

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

Дизайн-система – это токены (цвета, шрифты…) и компоненты (кнопки, текстовые поля…). В этом смысле в любом проекте так или иначе есть дизайн-система, даже если она несистемная 🙃.

Так вот, Material – это уже дизайн-система, хотя про неё так думать почему-то не принято. И мы как сообщество не очень понимаем для кого она. Объективно говоря, миру вообще максимально плевать на какие-то дизайн гайдлайны от Google, особенно учитывая то, что от Apple есть другие. Любому бизнесу важнее собственная идентичность и идея загнать всех под одни правила от обеих платформ обречена на провал.

Умные люди обсуждают UX

Thu, 04 Jan 2024 00:00:00 +0600

Новый подкаст Бирмана напомнил мне, что я очень люблю слушать как умные люди обсуждают UX. Ну вот этот формат, когда они говорят очевидные вещи и возмущаются тем, что софт работает не так, а я такой "дааа точно, бесит".

Ну например, что Apple всех годами в HIG учили, что прерывать юзера нельзя, надо ему дать сделать то, зачем он пришёл в приложение. А теперь на старте своих же приложений показывает модальные "Что нового" или несколько запросов разрешений. Для своих же приложений, на своих же девайсах, да. 🤡

Нажмите ещё раз для выхода

Thu, 05 Oct 2023 00:00:00 +0600

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

Самое забавное что это ещё и плохо состарилось. Например, Тинькофф показывает тост "нажмите ещё раз", несмотря на то что уже лет пять у всех в телефонах управление жестами. Некоторые показывают алерты, это хоть и выглядит чуть лучше, но ещё больше блокирует меня от действия которое я хочу выполнить, это уже нужно на экране кнопку искать, которая меня выпустит.👮

UI/UX и Google

Mon, 23 Jan 2023 00:00:00 +0600

Заранее извиняюсь, развидеть это будет очень сложно 🙈.

На днях увидел в твиттере этот пример с главной YouTube и до сих пор не могу отойти. Воистину, меньше знаешь - крепче спишь.

YouTube search bar

Вот есть текстовое поле в котором написано "Поиск", рядом с ним кнопка с лупой, чтобы всем было понятно, что по введённому тексту можно что-то поискать.

Этого ведь мало, да? Вы решаете добавить в активном состоянии текстового поля иконку лупы ещё и слева. То есть, поле расширяется налево на величину этой иконки с отступами. Зачем? Почему? Почему я вижу это на одной из самых популярных страниц в интернете?