Пожелания к разработке дизайна 2020
Инструменты
- Figma, Sketch (рекомендуется)
- Photoshop (рекомендуется в купе с плагином zeplin ). Статья про Zeplin на Habr
Контент
Изображения (использовать только эти типы)
- jpg
- не допустимо использовать для подложек (фон) большие изображения, т.к. страница становиться тяжеловесной и долго грузиться
- png
- рекомендуется использовать только при невозможности создать элемент в векторе
- svg
- рекомендуется использовать для значков, лого и подложек (фон)
- не допустимо использовать вложенные растровые изображения или зависимости от них
Видео (вставки и подложки)
- ogv
- mp4
- webm
- --- рекомендуется иные форматы преобразовывать в перечисленные сверху и делать копии во всех сразу
Шрифты
- рекомендуется использовать минимальное количество шрифтовых гарнитур
- рекомендуется использовать стандартные шрифты (Пример типов шрифтов, Описание с примерами на Habr)
- не рекомендуется использовать больше 3 шрифтов на сайте
Палитра цветов
- рекомендуется использовать цветовую схему и на протяжении проекта не нарушать ее
Отступы
- рекомендуется расстояние до одинаковых элементов, например от заголовка до контента должны быть одинаковые
- рекомендуется определять микро-модуль. Модульные сетки
Заголовки
- рекомендуется определить стили для всех типов текста
Состояния элементов
- рекомендуется определить все состояния элементов (выделенный, нажатый, активный)