Макет сайта – это начальная графическая схема внешнего вида страниц сайта и конструирования его элементов. Представленная в виде изображения PSD файла.

Обычно выполняется с применением фотошопов и требует определенных навыков работы с графическими файлами.

Виды макетов сайта

  • Макет сайта с зафиксированной шириной. Все элементы входящие на страницу имеют фиксированную, неизменную область по горизонтали;
  • Резиновый макет сайта. Ширина страницы напрямую зависит от расширения экрана посетителя. От большого монитора до мобильного. Расположение элементов отзывается на ширину экрана, и страница видоизменяется для удобного просмотра;
  • Сохранение общего вида страницы при изменении шрифта и размера страницы в браузере;
  • Адаптированный макет сайта. При создании макета разрабатывается несколько видов сайта с разным расширением. В последствии при входе на сайт внешний вид подбирается автоматически под расширение экрана пользователя;
  • Комбинированный макет. Объединение свойств нескольких видов макета сайта в один.

Этапы создания макета

  • Утверждение размеров проектируемых веб-страниц. Опираться следует на наиболее распространенные расширение экрана у пользователей, интересующихся тематикой будущего сайта;
  • Выбор и установление общего фона для веб-страницы. Цветовая гамма должна соответствовать общему стилю сайта и тематике вею-страницы. С учетом ожиданий владельца сайта;
  • Проверка разметки страницы. При создании сайта весь проект делится на горизонтальные и вертикальные линии. Создающие ячейки. Или разделяется в процентном соотношении на области страницы. На проверочном этапе следует проверить не искажается ли внешний вид сайта в различных браузерах. Не происходит ли критического сдвига областей;
  • Разработка оглавления (шапки сайта);
  • Определение системы навигации. Разработка главного меню и каталогов сайта. Склеивание страниц ссылками по тематике. Усовершенствование удобства использования меню посетителем;
  • Заполнение основной части. Помещение текста в текстовые блоки, картинок- в графические;
  • Заполнение футера сайта;
  • Доработка и проверка.

Цели при создании

  • Положительное мнение посетителя о сайте и представляемой информации;
  • Простота структуры каталогов сайта;
  • Понятный интерфейс;
  • Удобство главного меню и системы перемещения по сайту.
Предыдущий постСледующий пост