Графический макет сайта (или веб-макет) – это визуальное представление дизайна веб-сайта, которое создается в процессе проектирования и разработки сайта. Этот макет представляет собой статическую картину или изображение, которое отображает расположение элементов на веб-странице, их структуру, цветовую схему, шрифты и другие дизайнерские аспекты.
Графический макет сайта представляет собой важный этап в процессе разработки веб-сайта, поскольку он позволяет дизайнерам и заказчику визуализировать, как будет выглядеть сайт перед его фактической реализацией и запуском. Это помогает уточнить дизайнерские решения, согласовать их с заказчиком и убедиться, что все структурные и визуальные элементы сайта соответствуют целям и требованиям проекта.
Графический макет сайта может быть создан с использованием специализированных программных инструментов для дизайна, таких как Adobe Photoshop, Adobe XD, Sketch и другие. После утверждения макета разработчики могут приступить к созданию кода и реализации сайта на основе этого дизайна.
Для успешной верстки макета сайта у нас установлены следующие правила:
- Макеты в актуальных размерах: Мы работаем с макетами, представленными для каждой страницы сайта в актуальных размерах по ширине. Обычно это 576, 768, 992 и 1200 пикселей.
- Единый цветовой профиль: Все макеты должны иметь единый цветовой профиль sRGB, чтобы обеспечить однородность цветов на сайте.
- Модульная сетка: Мы используем модульную сетку, рассчитанную на 8, 12, 16, 24 или 32 колонки, для обеспечения правильного размещения элементов на странице.
- Исключение эффектов Photoshop: Мы исключаем любые эффекты Photoshop, а также маски с корректирующими слоями. Каждый слой должен быть представлен как отдельная картинка.
- Активные элементы: Активные элементы, такие как кнопки или ссылки, должны дублироваться изображениями дополнительных состояний (hover, active, visited, focus, checked и disabled).
- Фон на основе текстуры: Фон, основанный на бесшовной текстуре, предоставляется отдельным файлом для обеспечения качественного отображения.
- Шрифты: Мы используем системные шрифты или шрифты от Google Fonts. Допускается использование не более 7 шрифтов, включая различные начертания (regular, semibold, bold).
- Дополнительные состояния элементов: Для всех активных элементов (ссылок, кнопок, инпутов) создаются дополнительные состояния, такие как hover, active, visited, focus, checked и disabled, чтобы обеспечить более интерактивный пользовательский опыт.
В дополнение к Техническому заданию, мы, предварительно обсудив и подтвердив с Заказчиком, также пропишем:
- Цветовое решение с указанием используемых цветов в формате RGB, чтобы создать гармоничный дизайн сайта.
- Информация для заголовка и подвала сайта, которую необходимо разместить в заголовке и подвале сайта, чтобы обеспечить информационную цельность сайта.
- Виджеты для сайдбара, чтобы обеспечить удобную навигацию по сайту.
С учетом соблюдения вышеприведенных правил, верстка сайта осуществляется с высокой эффективностью, обычно занимая 1 день на страницу. В среднем, для стандартного сайта, включающего "Главную страницу", страницу "Контакты", текстовые страницы, страницы-галереи и страницы продукта/товара/услуги, требуется одна неделя для полной верстки.
Мы гарантируем, что с нашей помощью ваш сайт будет выглядеть профессионально и функционально, соответствуя всем установленным стандартам и требованиям.