Переделал иконки «Яндекс.Маркета» — Дизайн на 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»>
- Бесплатные векторы
- Яндекс Векторы
ЛицензияПодробнее
Свободно Для личного пользования. Требуется указание авторства. Стандарт Вы можете использовать вектор в личных и коммерческих целях. Расширенный Вы можете использовать вектор на предметах для перепродажи и печати по требованию.Тип лицензии определяет, как вы можете использовать этот образ.
| Бесплатно | Станд. | Расшир. | |
|---|---|---|---|
| Личное использование | |||
| Печатный/редакционный | |||
| Графический дизайн | |||
| Веб-дизайн | |||
| Социальные сети | |||
| Редактировать и изменять | |||
| Многопользовательский | |||
| Предметы перепродажи | |||
| Печать по запросу |
АтрибуцияПодробнее
Этот вектор можно использовать в любых целях , если вы четко указываете исполнителя.
Способы покупкиСравнить
Плата за изображение $ 14,99 Кредиты $ 1,00 Подписка $ 0,69Оплатить стандартные лицензии можно тремя способами. Цены $ $.
| Оплата с помощью | Цена изображения |
|---|---|
| Плата за изображение $ 14,99 Одноразовый платеж | |
| Предоплаченные кредиты $ 1 Загружайте изображения по запросу (1 кредит = 1 доллар США). Минимальная покупка 30р. | |
| План подписки От 69 центов Выберите месячный план. Неиспользованные загрузки автоматически переносятся на следующий месяц. | |
Способы покупкиСравнить
Плата за изображение $ 39,99 Кредиты $ 30,00 Существует два способа оплаты расширенных лицензий.
Цены $ $.
| Оплата с помощью | Стоимость изображения |
|---|---|
| Плата за изображение $ 39,99 Оплата разовая, регистрация не требуется. | |
| Предоплаченные кредиты $ 30 Загружайте изображения по запросу (1 кредит = 1 доллар США). | |
Дополнительные услугиПодробнее
Настроить изображение Доступно только с оплатой за изображение $ 85,00Нравится изображение, но нужны лишь некоторые модификации? Пусть наши талантливые художники сделают всю работу за вас!
Мы свяжем вас с дизайнером, который сможет внести изменения и отправить вам изображение в выбранном вами формате.
Примеры
- Изменить текст
- Изменить цвета
- Изменить размер до новых размеров
- Включить логотип или символ
- Добавьте название своей компании или компании
Включенные файлы
Подробности загрузки.![]()
