Чек-лист

Типографика

● Дефисы и тире
● Кавычки
● Висящие предлоги
● Разбивка чисел пробелами
● Простыня текста? (сделай лид, колонки)
● Проверь​ межстрочник
● Разрядка капса
● Ненужные разделители в таблице?
● Иерархия акцентов
● Проверь​ хинтинг веб-шрифта
● Для надписей 16 px и меньше используем OpenSans

Адаптация под устройства

● Умещается ли самое важное в первый экран?

● Ширина макета — разрешение экрана минус скролл (24 пикселя)
● Что будет на 2500?
● Минимальный размер кликабельных элементов на мобилке 48 px
● Минимальный размер шрифта на мобилке — 20 px
● Черный (#000000) цвет текста в большинстве случаев слишком
контрастен
 ● Больше трех строк выровненных по центру – зло
● Какие элементы на макетах прилипают, как ведут себя при скролле

Масштабируемость под контент

● Что если заголовок увеличится?

● Что если будет больше пунктов меню?
● Как будет выглядеть английская версия?

Иллюстрации и фото

● Что-то рожа не русская

● Может фон размазать?
● Убрать все лишнее
● Звезда shutterstock
● Попадай в пиксельную сетку
● Плоские иконки в шейпах или смарт из иллюстратора
● Кнопки, фигуры - все в векторе
● Если в дизайне много тонких шрифтов и линий, то иконки строуковые.
Строук в иконках одного размера одинаковый. Если много жирных
шрифтов и залитых элементов, то иконки тоже контрастные.
Подготовка к верстке

● Файлы названы на латинице и не бездумно

● Внутри макета слои разбиты на группы
● Если макетов больше 10, то меню, футер и другие повторяющиеся
элементы в линках
● Ненужные слои убиты
● В смартах изображения разрешения 3х для ретины
● Favicon
● Убей multiply, overlay
● Техническое задание на анимацию
● GUI
● Прорисовать все состояния
● Приложить веб-шрифт
● Тексты имеют правильные боксы и выравнивания