Если у вас магазин, оставляет серый кружок темы на вкладке: среди двадцати вкладок сайта нет. Если у вас студия или услуги, ставит тонкий серый знак на серое поле браузера — пятно, не бренд.
Что именно проверить
Если у вас магазин, смотрит макет главной и не смотрит ряд вкладок: «иконка потом». Если у вас студия или услуги, стыдится простого знака: хочет герб с тенями в 16 пикселях. Заявка и оплата живут в фоне, пока человек сравнивает ещё три сайта.
Серое пятно — это потерянный возврат к вам, не мелочь дизайнера. В волне про иконку вкладки как часть бренда уже сказано. Здесь другой страх: контраст к панели браузера, не «есть ли вообще иконка».
Готовый шаблон часто отдаёт серый дефолт или чужой знак демо. Адаптация обязана сменить его в первый день, вместе с логотипом. Индивидуальный макет ради геральдики во вкладке не нужен.
Нужен силуэт, который спорит с серым Chrome и с тёмной панелью.
Как это выглядит на практике
Если знак сливается, возвращаются поиском и могут не вернуться. Смена фавикона в теме — час и файл 32×32 плюс svg. Рисование герба с градиентом — день спора и всё равно каша в 16 пикселях.
Магазин с 40–80 карточками и студия с 8–15 услугами одинаково теряются в стае, если знак серый. Касса в соседней вкладке и форма заявки в соседней вкладке не дожидаются: человек закрывает то, чего не видит в ряду. Проверка стоит минуты: откройте свой черновик среди новостей и почты.
Нашли без чтения заголовка — знак живой. Счёт за «потом» — потерянные сессии кассы и формы; это не строка сметы, поэтому о нём забывают. Вёрстка должна получить иконку в пакете передачи, не «возьми из шапки сайта».
- Серый на сером во вкладке — вас нет.
- Герб с тенью в 16 пикселях не читается.
- Тема отдаёт чужой или пустой знак, его меняют в день один.
- Магазин и студия ищут себя в стае одинаково.
На чём считать результат
Вырежьте один силуэт: буква, простой знак, контрастный круг. Файл положите в папку запуска рядом с логотипом, не «потом дизайнер пришлёт».
- Соберите вкладку среди десяти чужих. Запишите, нашли ли без заголовка.
- Сделайте знак 32×32 и svg: два цвета максимум, без мелких линий.
- Смените дефолт темы и чужой знак демо в тот же день.
- Проверьте тёмную панель браузера: белый знак на белом тоже пятно.
- В пакете к вёрстке имя файла как в проекте, не IMG_favicon2.
Что сделать дальше
Приёмка — фото ряда вкладок, не слайд знака на 400 пикселях. Пример магазина: «Оранжевая буква на белом, среди вкладок видна, 50 карточек ни при чём». Пример студии: «Синий круг, тёмная панель не убивает, герб не пихаем».
Остановитесь, когда знак находят в стае светлой и тёмной панели. Не усложняйте «чтобы как большой бренд»: большой бренд в 16 пикселях тоже простой силуэт. На приёмке этот абзац читают вслух рядом с кассой магазина и формой студии.
Чужое «после» и чужой Pantone не заменяют оплаты или заявки. Уникал ради альбома сдвигает дату, а гость всё равно ищет цену и имя.
- Соберите вкладку среди десяти чужих. Запишите, нашли ли без заголовка.
- Сделайте знак 32×32 и svg: два цвета максимум, без мелких линий.
- Смените дефолт темы и чужой знак демо в тот же день.
- Проверьте тёмную панель браузера: белый знак на белом тоже пятно.
- В пакете к вёрстке имя файла как в проекте, не IMG_favicon2.
Назад в раздел
