Опис проєкту
ПерекладСайт послуг працює в нас третій рік, а значки на ньому збиралися як доведеться: щось узяли з безкоштовного набору, щось нашвидкуруч намалював верстальник, щось лишилося від давно знятого лендингу. Поставлені поруч, вони одне одному чужі: різна товщина ліній, різні заокруглення, одна піктограма залита, сусідня контурна, а кошик чомусь сидить на два пікселі нижче за решту. На картках розділів це просто неохайно, а в прайсі та мобільному меню вже коштує грошей: людина гальмує, шукає очима підпис і врешті телефонує запитати, про що взагалі розділ.
Тому нам потрібен один набір, намальований саме під нас і за однією сіткою, до того ж такий, що закриє сайт, а не демонстраційний екран. Сорок піктограм за нашими послугами й розділами, однакова оптична вага в кожній та поведінка, яка витримає щоденне використання: дрібний розмір у меню, великий на картці, світле тло, темне тло, а також стани наведення, натискання й недоступності в усього, що клікається. Сорок чесних значків, які тримаються купи, нам потрібніші за вісімдесят, гарних лише в сітці презентації.
Три умови для нас принципові, і ми просимо узгодити їх до початку роботи. Іконки малюються з нуля: чужі набори не перемальовуються, не обводяться й не «допрацьовуються» під нас навіть частково. Зміст піктограми перевіряється на людях, а не вгадується — покажемо значки без контексту кільком колегам і кільком стороннім та запитаємо, що це; те, що не прочиталося, перемальовується, а незрозуміла піктограма завжди йде з підписом. І розмір разом із товщиною ліній перевіряються на екрані в тому масштабі, у якому іконка справді стоїть на сторінці, а не лише на збільшеному макеті, де гарно виглядає будь-що.
Що очікуємо на виході:
— 40 піктограм на єдиній сітці, з однаковою товщиною ліній і спільною логікою заокруглень;
— варіанти всього набору для світлого й темного тла;
— стани наведення, натискання, фокуса та недоступності в інтерактивних значків;
— вихідні векторні файли, вичищені та названі за одним правилом;
— іконковий шрифт (або рівноцінний спрайт) і демосторінка з усім набором;
— перевірка читабельності на живих сторінках у найдрібнішому вживаному розмірі;
— коротка письмова інструкція, як малювати нові іконки в тому самому стилі.
Тому нам потрібен один набір, намальований саме під нас і за однією сіткою, до того ж такий, що закриє сайт, а не демонстраційний екран. Сорок піктограм за нашими послугами й розділами, однакова оптична вага в кожній та поведінка, яка витримає щоденне використання: дрібний розмір у меню, великий на картці, світле тло, темне тло, а також стани наведення, натискання й недоступності в усього, що клікається. Сорок чесних значків, які тримаються купи, нам потрібніші за вісімдесят, гарних лише в сітці презентації.
Три умови для нас принципові, і ми просимо узгодити їх до початку роботи. Іконки малюються з нуля: чужі набори не перемальовуються, не обводяться й не «допрацьовуються» під нас навіть частково. Зміст піктограми перевіряється на людях, а не вгадується — покажемо значки без контексту кільком колегам і кільком стороннім та запитаємо, що це; те, що не прочиталося, перемальовується, а незрозуміла піктограма завжди йде з підписом. І розмір разом із товщиною ліній перевіряються на екрані в тому масштабі, у якому іконка справді стоїть на сторінці, а не лише на збільшеному макеті, де гарно виглядає будь-що.
Що очікуємо на виході:
— 40 піктограм на єдиній сітці, з однаковою товщиною ліній і спільною логікою заокруглень;
— варіанти всього набору для світлого й темного тла;
— стани наведення, натискання, фокуса та недоступності в інтерактивних значків;
— вихідні векторні файли, вичищені та названі за одним правилом;
— іконковий шрифт (або рівноцінний спрайт) і демосторінка з усім набором;
— перевірка читабельності на живих сторінках у найдрібнішому вживаному розмірі;
— коротка письмова інструкція, як малювати нові іконки в тому самому стилі.
Дизайн та Мультимедіа Готівка, Банківський переказ
