Можно ли мы дадим вам свой дизайн?

Да, можно. Если будут выполнены следующие условия.

Требования к макетам сайтов

Формат файлов

Adobe Photoshop (.psd), Figma (.fig). Желательно предоставить style guid.

Требования к макетной сетке

  • Макеты, желательно, сделать по стандартной 12-колоночная сетке Bootstrap 5.
  • Рекомендуемые ширины макетов (с учетом отступов слева и справа): 320px, 540px, 720px, 960px, 1140px.

Если дизайн не меняется на каком-то из данных размеров, то такой макет рисовать не требуется.

Требования к активным элементам

К активным элементам относятся: кнопки, изменяемые или реагирующие на поведение пользователя элементы.

  • Все активные элементы должны быть представлены во всех возможных состояниях. Состояние в фокусе тоже должно быть.
  • Для ссылок показать состояния: обычные (не посещенная), при наведении, посещенные, активные, в состоянии фокуса. Необходимо показать эти состояния в текстовом блоке так же.

Форма ввода данных

  • Форма ввода данных должна быть заполнена и дополнена всеми сервисными сообщениями (о некорректном заполнении поля формы, об успешной отправке формы, о неудачной отправке формы).
  • Для элементов формы, предназначенных для ввода данных, необходимо показать как должен выглядеть текст в заполненном поле (шрифт, размер, цвет, отступы).
  • Показать внешний вид поля ввода в различных состояниях.

Требования к текстовым элементам

  • Показать внешний вид списков, ссылок, заголовков различного уровня (1-6).
  • Показать текст, выделенный жирным шрифтом.
  • В заголовках, подписях к снимкам в галерее и в других элементах показать как должен выглядеть текст, фон (если используется) при появлении второй, третьей и т. д. строк.
  • В блоках типа карточек, например, список товаров на странице Каталога магазина, список новостей на странице Новостей, показать варианты с различным количеством содержимого (заголовки в 1-2-3 строки, описание в 1-2-3 и т.д. строк). Чтобы понимать логику поведения этих блоков.

Требования к изображениям

  • Такие элементы дизайна, как иконки и т.п. должны быть выполнены в формате svg.
  • Контентные картинки должны иметь формат .jpg.

Добавить комментарий