Технические требования к дизайн-макету

На главную о дизайне | Готовый дизайн | Логотип

Требования к дизайн-макету сайта

Обращаем внимание, что перечисленные ниже требования обязательны к соблюдению. Если какое-то требование не будет выполнено, то макет может быть отправлен на доработку. Пожалуйста, дайте своему дизайнеру ознакомиться со статьей.

Требования к файлу дизайн-макета 1. Формат файлов: Figma(.fig), Sketch(.sketch). 2. Цветовая схема – RGB. 3. Рекомендуемая ширина макета в пикселях: 1920 (HD-монитор). Рекомендуемая минимальная ширина области с контентом 1004 пикселя для сайтов с горизонтальным меню в шапке и 1260 пикселей для сайтов с вертикальным меню слева.

Требования к слоям и группам в дизайн-макете 1. Именование фреймов/групп/компонентов должно быть логичным и отражать суть содержимого. Все части одного логического элемента должны быть в одной группе/фрейме и не должны быть разбросаны по всему документу. 2. Эффекты для слоёв не должны быть растрированы. 3. В слоях и эффектах не использовать какой-либо режим наложения слоёв, кроме Normal. Исключением может быть только фрейм или группа, которые планируется экспортировать из макета как растровое изображение 5. Не следует оставлять в макете невидимых слоёв, которые использовались в процессе разработки макета, но не были включены в его финальный вариант. 6. Каждая страница макета должна находиться в отдельном фрейме (или монтажной области), который не должен располагаться поверх предыдущего. 7. Состояния и дополнительные положения элементов (раскрытые меню и т.п.) не должны перекрывать друг друга. В случае перекрытия необходимо разнести их на несколько фреймов.

Требования к текстовому содержимому 1. Используемые шрифты, за исключением Tahoma, Arial, Verdana, Times New Roman, Courier и шрифты Google Fonts, необходимо прикладывать к передаваемым материалам. Шрифт должен быть бесплатным или должна быть приобретена лицензия на его использование. 2. Лучше всего шрифты выбирать на сайте Google Fonts. Выбрав тут шрифты, можно без проблем подключить и использовать их на своем сайте. 3. Все текстовые элементы должны быть без сглаживания, т.е стандартный шрифт. 4. Размер шрифта должен быть указан в пикселях. Для указания размера шрифта использовать целое число, то есть не 12.5, а 12 или же 13. 5. Обязательно должно быть указано оформление следующих HTML-тегов: параграф, абзац (p), заголовки с 1 по 4 уровень (h1, h2, h3, h4), маркированный список, нумерованный список. 6. К текстовым элементам страницы не должно применяться масштабирование (вытягивание/сжатие), как по горизонтали, так и по вертикали.

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