Advertising sustains the DA. Ads are hidden for members. Join today

On this page

Глава 2. Проектирование сайта

2.2. Проектирование макетов сайта

Last updated on
14 April 2025

Цель

Планировать навигацию и макет сайта для мобильных и десктопных браузеров.

Необходимые знания

Шаги

Это отличная идея планировать макеты сайта перед тем как начать создание сайта и добавление контента; однако, ваш план может нуждаться в пересмотре также перед вы начали реализовывать сайт или после того как вы уже создали сайт с некоторым неопубликованным контентом, исходя из бюджета вашего проекта или отзыва клиента.

  1. Создайте список информации, которую ваш сайт должен представлять посетителям. В сценарии городской ярмарки, это может включать:

    • Адрес ярмарки, с планом проезда и картой
    • Часы и дни работы ярмарки
    • История ярмарки
    • Список продавцов
    • Подробности о каждом из продавцов
    • Поиск по списку рецептов
    • Подробности о каждом рецепте
    • Список с недавно добавленными рецептами

  2. Решить какая информация должна быть на следующих страница или типах страниц на сайте:

    Информация которая должна быть на всех страницах
    Адрес, часы, недавно добавленные рецепты
    Страницы с подробностью о продавце
    Информация о каждом продавце на своей странице
    Страницы с подробностью о рецептах
    Подробности о каждом рецепте на каждой странице
    Главная страница
    Адрес, карта, схема проезда и часы работы
    Страница о ярмарке
    История ярмарке
    Страница со списком продавцов
    Список продавцов с ссылками на страницу продавца с подробностями
    Страница со списком рецептов
    Поиск по списку рецептов с ссылками на страницу рецепта с подробностями
  3. Решить какая информация наиболее важная на каждой странице. Посетители сайта, использующие мобильные устройства или небольшое разрешение экрана, будут часто видеть только контент, который представлен первым и они могут не проскролить вниз и не посмотреть всю информацию на странице.
  4. Решить какие из вышеуказанных страниц должны появится в главном меню сайта. Например, главное меню может состоять из ссылок Главная, О Ярмарке, Продавцы и Рецепты.

  5. Сделайте грубый набросок дизайна для каждой страницы, показывая, как это может выглядеть просматривая сайт на маленьком экране, таком как телефон, также как и на больших экранах, как например на настольном компьютере. Полагая что большинство посетителей сайта будут использовать маленькие экраны, будет хорошей идеей начать с макета для телефонов и убедиться, что эти пользователи смогут найти информацию, которая им нужна без слишком большой прокрутки.

    В процессе создания планов для ваших страниц, вы возможно найдете, что вам необходимо и пересмотрите ваш план для информации, которая должна быть на страницах. Например, вы можете решить, что адрес, часы работы и недавно добавленные рецепты должны быть вынесены в правую колонку сайта на всех страницах, когда сайт просматривается с настольного компьютера. С другой стороны, вы можете решить, что мобильные браузеры, вы могли бы поместить адрес и часы работы в более коротком формате в начале каждой странице, однако только отображение списка последних рецептов перенести вниз главной страниц.

Улучшите понимание темы

Раздел 2.5, «Проектирование структуры контента»

Видео

Planning Your Site Layout

Авторы

Написано Jennifer Hodgdon

Переведено Абраменко Иван из DrupalBook.

 

This page is generated from AsciiDoc source from the User Guide. To propose a change, edit the source and attach the file to a new issue in the User Guide project. PDF and e-book formats are available on the User Guide project page.

Source file: planning-layout.asciidoc

Help improve this page

Page status: No known problems

You can: