Можно ли мы дадим вам свой дизайн?
Да, можно. Если будут выполнены следующие условия.
Требования к макетам сайтов
Формат файлов
Adobe Photoshop (.psd), Figma (.fig). Желательно предоставить style guide.
Требования к макетной сетке
- Макеты, желательно, сделать по стандартной 12-колоночной сетке Bootstrap 5.
- Рекомендуемые ширины макетов (с учетом отступов слева и справа): 320px, 540px, 720px, 960px, 1140px.
Если дизайн не меняется на каком-то из данных размеров, то такой макет рисовать не требуется.
Требования к активным элементам
К активным элементам относятся: кнопки, изменяемые или реагирующие на поведение пользователя элементы.
- Все активные элементы должны быть представлены во всех возможных состояниях. Состояние в фокусе тоже должно быть.
- Для ссылок показать состояния: обычные (не посещенная), при наведении, посещенные, активные, в состоянии фокуса. Необходимо показать эти состояния в текстовом блоке так же.
Форма ввода данных
- Форма ввода данных должна быть заполнена и дополнена всеми сервисными сообщениями (о некорректном заполнении поля формы, об успешной отправке формы, о неудачной отправке формы).
- Для элементов формы, предназначенных для ввода данных, необходимо показать как должен выглядеть текст в заполненном поле (шрифт, размер, цвет, отступы).
- Показать внешний вид поля ввода в различных состояниях.
Требования к текстовым элементам
- Показать внешний вид списков, ссылок, заголовков различного уровня (1-6).
- Показать текст, выделенный жирным шрифтом.
- В заголовках, подписях к снимкам в галерее и в других элементах показать как должен выглядеть текст, фон (если используется) при появлении второй, третьей и т. д. строк.
- В блоках типа карточек, например, список товаров на странице Каталога магазина, список новостей на странице Новостей, показать варианты с различным количеством содержимого (заголовки в 1-2-3 строки, описание в 1-2-3 и т.д. строк). Чтобы понимать логику поведения этих блоков.
Требования к изображениям
- Такие элементы дизайна, как иконки и т.п. должны быть выполнены в формате svg.
- Контентные картинки должны иметь формат .jpg.