Дизайн страниц

Дизайн страниц

 

1. Минимальный стандарт

Для сайта (пример примера), у которого нет динамического контента или других особых потребностей, будут доставлены следующие PSD:

  • Модель для домашней страницы;
  • Дополнительная страница контента, определяющая стиль и положение текста , изображений и любых других элементов, которые не отображаются на домашней странице (поскольку сайт считается минимальным стандартом, означает, что все страницы будут созданы в этом стиле);
  • PSD с контактной страницей также доступен по желанию ( имеется в виду отображение статического текста ). Это нарисует текстовую позицию для контактной информации на странице.

2. Сайт с вводной страницей

В случае сайта, где первая доступная страница отличается от остальной части сайта, будут доставлены следующие PSD:

  • Модель для вступительной страницы;
  • Затем следуйте указаниям Стандартного минимума (см. Раздел 1. Минимальный стандартвыше ).

3. Сайт с формами

Если сайту требуются разные формы, будут указаны стили (см. Раздел 2. Сайт со вступительной страницей выше ).

Если есть необходимость в страницах форм (контакт, бронирование и т. Д.), Будет создан PSD, в котором они будут нарисованы.
Он будет рисовать положение формы на странице, положение и стиль различных полей, стиль надписей.

4. Фотогалерея сайта

Если сайту нужна фотогалерея, на этой странице будет создан PSD.

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

5. Сайт с информационными страницами и изображениями

Если сайт содержит информационные страницы с изображениями, для таких страниц будет создана PSD.

  • Он нарисует положение изображения / изображения и нарисует их стиль. Он укажет, являются ли изображение / изображения миниатюрами или нет. Если у изображения / изображения есть метка, он укажет его положение и стиль.
  • Нарисуйте поток текста вокруг картинки.

6. Портфолио сайта

Если на сайте есть портфолио, будут созданы два PSD.

PSD будет содержать страницу меню портфолио, где вы увидите любые бумаги или элементы портфолио.

  • Укажите, используются ли изображения, если да, нарисуйте их стиль, укажите, являются ли они миниатюрами или ссылками на страницу бумаги / элемента.
  • Укажите положение описательного текста и его стиль.

PSD для работы / элемента (в случае, если у них есть страница с дополнительными подробностями в меню).

  • Нарисуйте положение и стиль элементов.
  • Положение и стиль описательного текста будут нарисованы.
  • Если есть изображения, будет указано, являются ли они миниатюрами или встроенными изображениями.
  • Если это фотогалерея, следуйте инструкциям на сайте фотогалереи .

5. Сайт с каталогом продукции

Если сайт содержит каталог продукции, будет доставлено как минимум 2 PSD.

PSD со страницей меню каталога

  • Нарисуйте положение и стиль текста и изображений / изображений.
  • Укажите, являются ли изображения миниатюрными или встроенными.

PSD со страницей продукта

  • Положение и стиль текста и изображений будут нарисованы.
  • Если есть фотогалерея, следуйте инструкциям на сайте фотогалереи .

Если каталог продуктов категоризирован, страница PSD с категорией меню будет создана таким же образом.

Будет использована техника измельчения хлеба, подробно описанная в статье «Навигация».

6. Страницы, созданные с помощью параметров PHP

  1. Будут рассмотрены страницы, которые могут отображать несколько сообщений / шаблонов в зависимости от используемых условных структур PHP. В этом случае странице необходимо будет создать еще один PSD, который отображает стиль элементов, представленных в новой форме сгенерированной страницы.
    Например, после отправки контактного электронного письма вы можете увидеть сообщение об отправке электронного письма или сообщение об ошибках. В этом случае, кроме PSD с моделью страницы контакта, будут нарисованы два дополнительных PSD. Один отобразит модель сообщения об успешной отправке (стиль, позиция), а другой отобразит сообщение об ошибке (стиль, позиция).
  2. Если форма проверена, если она содержит ошибки, файл PHP может перезагрузить и отобразить поля, которые содержат ошибки или не были заполнены. В этом случае PSD будет нарисован рядом с PSD, который отображает стиль и положение на странице формы и полей.
    Он будет содержать стиль полей, содержащих ошибки, или сообщения, объясняющие ошибки. Для этих сообщений будет отображаться стиль и положение текста.
  3. Если форма подтверждена Ajax, действуйте как прежде.

7. Дополнительные соображения, эффекты.

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

примеры:

  1. Например, в случае раскрывающегося меню можно создать два PSD, один из которых будет содержать начальный статус меню, а другой — статус меню после отображения подменю.
    Оба состояния будут описаны как стиль и позиция . Оба меню и подменю. Кроме того, в случае анимации, он может описать эффект в текстовом файле.
  2. В других случаях могут быть скрыты другие части сайта, которые отображаются в действии пользователя (скрытые абзацы, информационные блоки, древовидные структуры, дополнительные детали, детали, которые появляются на мыши). Во всех этих случаях вы будете указывать стиль, положение и возможную анимацию для элементов, которые не отображаются в другом PSD.
  3. Для других эффектов, поговорите с разработчиками.
Нашли ошибку в тексте? Выделите ее и нажмите Ctrl + Enter

Добавить комментарий

Ваш e-mail не будет опубликован.

Система Orphus