Переделал иконки «Яндекс.Маркета» — Дизайн на vc.ru

Всем привет!

3237 просмотров

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

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

Ну и зачем тебе это?

Сразу оговорюсь, я люблю дизайн продуктов Яндекса, сам немножко там помогаю в Практикуме. А докопался именно потому что остальной дизайн, что вижу, уже вообще ничего не спасёт — хоть гранату кидай, хуже не будет.

Иконки Маркета меня бесят почти каждый день, в них есть незначительные (а в случае с купонами и значительные) косяки. На коммерческие показатели, я уверен, это никак не влияет, но Маркет же будет развиваться? Когда косяки накопятся, сколько будет стоить, например, перерисовать сотню кривых иконок в нормальный вид? А тысячу? Да ладно, шучу, немного будет стоить, но всё равно хочется повеселиться прямо здесь и сейчас.

Что не так с иконками

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

Штрихи

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

Это — нифига не целостно. Скриншот из фигмы, можно бить ногами, но не по лицу

С диагональными штрихами особо ничего не сделаешь, я не стал их сильно пинать. Тут только следить за тем, как они рендерятся в режиме pixel preview Фигмы.

Цвета

Предполагаю страшное: Дизайнер иконок тыкнул пипеткой в инфицированный джипегом скрин текста (там 222221) и цвет получился немного 222222. Ерунда, а бесит. Всё же оставлю основной цвет иконок таким, как получился, а не цветом текста.

Скриншот из фигмы, ну ты понял

Смыслы

Тут всё почти норм. Обмазал какашками то, что не нравится. Впрочем, как и обычно.

Тут речь только о смыслах

Оптическая компенсация

Пиксели

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

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

Чёткая иконка Автор — Саша, в связи с чем принимаю поздравления

Моё любимое занятие при ревью макетов. В США меня бы уволили за неполиткорректность

Процесс (нет)

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

В моих фантазиях это происходит как-то так

Всё же немного фарша покажу:

Ну и что в итоге?

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

И пара скринов, можно открыть на ойфоне:

Сами иконки:

Ееее, мазня от пережатия

Итог

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

Для дизайнеров маркета ссылка. Очень расчитываю, что кровь из глаз поубавится, как внедрят. Хотя, этож надо признаться в косяках. Смутно себе представляю, как дизайнер иконок придёт к тимлиду и скажет: «Я обмделалса, вот рамдомный чумвак почимнил наши икомки, дамвай замемим». Но всякое может быть.

Всем, кто дочитал до конца — вы лапочки. Пока!

Иконки Yandex — скачивайте бесплатно в PNG и SVG

Иконки

Иконки

Иллюстрации

Фото

Музыка

Все стили

Все типы

Все типы

Анимированные

Статичные

Все дизайнеры

Все дизайнеры

Icons8

Сторонние

Перекрасить

Yandex International

Yandex International

Yandex International

Яндекс логотип

Яндекс логотип

Yandex

Yandex

Yandex

Yandex

Yandex

Яндекс Драйв

Яндекс Драйв

Яндекс Драйв

Яндекс Драйв

Яндекс Драйв

Яндекс Деньги

Яндекс Деньги

Yandex Zen

Яндекс Деньги

Yandex Zen

Яндекс Деньги

Яндекс браузер

Yandex Zen

Яндекс Деньги

Yandex Zen

Яндекс Деньги

Яндекс Деньги

LastPass

Яндекс браузер

Яндекс браузер

Яндекс браузер

Яндекс браузер

Яндекс браузер

LastPass

Yandex Logo

Yandex Wallet

Yandex Maps

Yandex Browser

Yandex Music

Yandex Music

Yandex Wallet

Yandex Navigator

Yandex App

Yandex Mail

Yandex Browser

LastPass

Яндекс. Директ

Яндекс.Директ

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Yandex a Russian multinational corporation specializing in Internet-related products and services

Largest technology company and search engine in Russia

Largest technology company and search engine in Russia

Иконки Яндекса – Скачать бесплатно в PNG и SVG

Иконки

Иконки

Иллюстрации

Фото

Музыка

Все стили

Анимированные и статичные

Анимированный и статичный

Анимированный

Статический

Все дизайнеры

Все конструкторы

Иконки8

Независимый

Перекрасить

Yandex Logo

Yandex Logo

Yandex International

Yandex International

Yandex International

Yandex

Yandex

Yandex

Yandex

Yandex

Yandex Drive

Yandex Drive

Yandex Drive

Yandex Диск

Яндекс Диск

Яндекс Деньги

Yandex Money

Yandex Zen

Yandex Money

Yandex Zen

Yandex Money

Yandex Browser

Yandex Zen

Yandex Money

Yandex Zen

Yandex Money

Yandex Money

Yandex Browser

Яндекс Браузер

Яндекс Браузер

Яндекс Браузер

Яндекс Браузер

Логотип Яндекса

Yandex Wallet

Yandex App

Yandex Music

Yandex Wallet

Yandex Browser

Yandex Music

Yandex Maps

Yandex Navigator

Yandex Mail

Yandex Browser

LastPass

LastPass

LastPass

Яндекс Директ

Яндекс Директ

Яндекс российская многонациональная корпорация, специализирующаяся на интернет-продуктах и ​​услугах

Яндекс российская многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс российская многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс, российская многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс русский многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс российская многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс российская многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс российская многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс, российская многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Яндекс русский многонациональная корпорация, специализирующаяся на продуктах и ​​услугах, связанных с Интернетом

Крупнейшая технологическая компания и поисковая система в России

Крупнейшая технологическая компания и поисковая система в России

значок кнопки Яндекса роялти бесплатно векторное изображение

значок кнопки яндекс роялти бесплатно векторное изображение
    org/BreadcrumbList»>
  1. Бесплатные векторы
  2. Яндекс Векторы
ЛицензияПодробнее
Свободно Для личного пользования. Требуется указание авторства. Стандарт Вы можете использовать вектор в личных и коммерческих целях. Расширенный Вы можете использовать вектор на предметах для перепродажи и печати по требованию.

Тип лицензии определяет, как вы можете использовать этот образ.

Бесплатно Станд. Расшир.
Личное использование
Печатный/редакционный
Графический дизайн
Веб-дизайн
Социальные сети
Редактировать и изменять
Многопользовательский
Предметы перепродажи
Печать по запросу
АтрибуцияПодробнее

Этот вектор можно использовать в любых целях , если вы четко указываете исполнителя.

Способы покупкиСравнить
Плата за изображение $ 14,99 Кредиты $ 1,00 Подписка $ 0,69

Оплатить стандартные лицензии можно тремя способами. Цены $ $.

Оплата с помощью Цена изображения
Плата за изображение $ 14,99 Одноразовый платеж
Предоплаченные кредиты $ 1 Загружайте изображения по запросу (1 кредит = 1 доллар США). Минимальная покупка 30р.
План подписки От 69 центов Выберите месячный план. Неиспользованные загрузки автоматически переносятся на следующий месяц.
Способы покупкиСравнить
Плата за изображение $ 39,99 Кредиты $ 30,00

Существует два способа оплаты расширенных лицензий. Цены $ $.

Оплата с помощью Стоимость изображения
Плата за изображение $ 39,99 Оплата разовая, регистрация не требуется.
Предоплаченные кредиты $ 30 Загружайте изображения по запросу (1 кредит = 1 доллар США).
Дополнительные услугиПодробнее
Настроить изображение Доступно только с оплатой за изображение $ 85,00

Нравится изображение, но нужны лишь некоторые модификации? Пусть наши талантливые художники сделают всю работу за вас!

Мы свяжем вас с дизайнером, который сможет внести изменения и отправить вам изображение в выбранном вами формате.

Примеры
  • Изменить текст
  • Изменить цвета
  • Изменить размер до новых размеров
  • Включить логотип или символ
  • Добавьте название своей компании или компании
Включенные файлы

Подробности загрузки.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *