Описание проекта
Сайт услуг живёт у нас третий год, и иконки в нём собирались стихийно: часть взяли из бесплатного набора, часть нарисовал верстальщик на скорую руку, часть осталась от старого лендинга. Рядом друг с другом они выглядят чужими: разная толщина линий, разные скругления, одна залита, соседняя контурная, а значок корзины сидит на два пикселя ниже остальных. На карточках разделов это просто неряшливо. В прайсе и в мобильном меню это уже мешает: человек тормозит, ищет подпись глазами и в итоге звонит спросить, о чём раздел.
Хотим один набор, нарисованный под нас и по одной сетке, и чтобы он закрывал сайт, а не демонстрационный экран. Сорок пиктограмм по нашим услугам и разделам, одинаковый оптический вес у каждой и поведение, которое переживёт живое использование: мелкий размер в меню, крупный на карточке, светлый фон, тёмный фон, состояния наведения, нажатия и недоступности у всего, что кликается. Сорок честных иконок, которые держатся вместе, нам нужнее восьмидесяти, красивых только в сетке презентации.
Три вещи для нас принципиальны, и мы просим согласовать их до начала работы. Иконки рисуются с нуля: чужие наборы не перерисовываются, не обводятся и не «дорабатываются» под нас. Смысл иконки проверяется на людях, а не угадывается — соберём коллег и посторонних, покажем пиктограммы без контекста и спросим, что это; что не прочиталось, перерисовывается, а непонятная пиктограмма всегда идёт с подписью. И размер с толщиной линий проверяются на экране в реальном масштабе, а не только на увеличенном макете: иконка, изящная в 400 пикселей и превращающаяся в кашу в 20, не готова.
Что ждём на выходе:
— 40 пиктограмм на единой сетке, с единой толщиной линий и общей логикой скруглений;
— варианты всего набора для светлого и тёмного фона;
— состояния наведения, нажатия, фокуса и недоступности у интерактивных иконок;
— исходные векторные файлы, вычищенные и названные по одному правилу;
— иконочный шрифт (или равноценный спрайт) и демо-страница со всем набором;
— проверка читаемости на живых страницах в самом мелком используемом размере;
— короткая письменная инструкция, как рисовать новые иконки в том же стиле.
Хотим один набор, нарисованный под нас и по одной сетке, и чтобы он закрывал сайт, а не демонстрационный экран. Сорок пиктограмм по нашим услугам и разделам, одинаковый оптический вес у каждой и поведение, которое переживёт живое использование: мелкий размер в меню, крупный на карточке, светлый фон, тёмный фон, состояния наведения, нажатия и недоступности у всего, что кликается. Сорок честных иконок, которые держатся вместе, нам нужнее восьмидесяти, красивых только в сетке презентации.
Три вещи для нас принципиальны, и мы просим согласовать их до начала работы. Иконки рисуются с нуля: чужие наборы не перерисовываются, не обводятся и не «дорабатываются» под нас. Смысл иконки проверяется на людях, а не угадывается — соберём коллег и посторонних, покажем пиктограммы без контекста и спросим, что это; что не прочиталось, перерисовывается, а непонятная пиктограмма всегда идёт с подписью. И размер с толщиной линий проверяются на экране в реальном масштабе, а не только на увеличенном макете: иконка, изящная в 400 пикселей и превращающаяся в кашу в 20, не готова.
Что ждём на выходе:
— 40 пиктограмм на единой сетке, с единой толщиной линий и общей логикой скруглений;
— варианты всего набора для светлого и тёмного фона;
— состояния наведения, нажатия, фокуса и недоступности у интерактивных иконок;
— исходные векторные файлы, вычищенные и названные по одному правилу;
— иконочный шрифт (или равноценный спрайт) и демо-страница со всем набором;
— проверка читаемости на живых страницах в самом мелком используемом размере;
— короткая письменная инструкция, как рисовать новые иконки в том же стиле.
Дизайн и Мультимедиа Наличные, Банковский перевод
