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

На главную о дизайне | Готовый дизайн | Уникальный дизайн | Собственный дизайн | Логотип

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

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

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

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

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

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