Определения графического дизайна

1. Стиль

Стиль элемента определяет:

  1. Шрифт : Шрифт означает: размер текста, шрифт текста , цвет текста, выравнивание и другие конкретные свойства , такие как линии, интервал-textindent , письмо-интервал, и т.д.
  2. размеры : Размер означает ширину и длину элемента на веб-странице. Эти значения должны быть 10 или 5 делимыми числами (например: ПРАВИЛЬНО: 200 пикселей, 125 пикселей, 75 пикселей НЕПРАВИЛЬНО: 72 пикселя, 201 пиксель, 19 пикселей) .
  3. Бордюры : если предмету нужны бордюры / бордюры, они будут выделены правильно, и будут указаны их цвет и размер.
  4. hover-state : состояние элемента, когда мышь находится над ним.
    Каждый элемент, для которого требуется состояние наведения, будет рисовать в своем обычном стиле (элементы, указанные выше) и вариант наведения (если применимо). Вариант наведения будет как можно более четко подчеркивать стиль, требуемый в этой ситуации

2. Миниатюра

Миниатюры — это маленькие картинки в теле сайта. Мы будем считать, что миниатюра — это ссылка на увеличенную версию отображаемого изображения. В противном случае изображения в теле сайта будут называться встроенными изображениями .

Миниатюрные изображения всегда будут иметь четко определенный размер, соответствующий стандарту размеров (деленный на 5 или 10).

Возможные размеры для размера миниатюры (не обязательны):

  • 160 х 160;
  • 75 х 75;
  • 200 х 160

При рисовании миниатюры будут указаны стиль и изображение при наведении курсора в соответствии со стандартами, указанными в разделе «Стиль, выделенный жирным шрифтом».

Наряду с набором PSD-файлов миниатюрные изображения и их большие варианты также будут названы в соответствии с заранее установленным соглашением. (Фактический формат используется: thumb_numeImage. *** для миниатюры и nameSign. ***).

В зависимости от механизма просмотра больших изображений (используется Actual Jquery Lightbox), размер большого изображения по выбору дизайнера будет указан в соответствии с исследованием разрешения.

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

Jquery Lightbox работает без JavaScript, в этом случае изображение просто откроет страницу.

Интерфейс Jquery Lightbox основан на 4 изображениях. Загружаемое изображение, заднее изображение, прямое изображение и кнопка закрытия.

Определения графического дизайна

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

Назад и вперед изображения будут заменены стрелками влево, вправо.
Закрытое изображение будет заменено изображением с текстом ЗАКРЫТО или X (по выбору дизайнера).
Загружаемое изображение также будет заменено анимацией .gif, которая может включать, например, логотип сайта (по выбору дизайнера).

Загрузка изображения имеет 32 х 32 пикселей.
Заднее и прямое изображения имеют размер 63 x 32 пикселя, а близкое изображение — 66 x 22 пикселя.

! Примечание: перед Jquery Lightbox является приложением третьей стороны, не относится к этим изображениям ExpertOnline клеящего правила.

Изображения лайтбокса будут доставляться напрямую под следующими именами:

  • Lightbox-ICO-loading.gif
  • Lightbox-БТН-close.gifl
  • ightbox-БТН-prev.gif
  • Lightbox-БТН-next.gif

При желании вы также можете указать стиль текста, который отображается внизу слева.

3. Перевернутые изображения

Свертывающиеся изображения — это изображения, которые изменяются, когда мышь над ними, и возвращаются к выходу мыши.
Свертываемые изображения реализуются с помощью методов CSS, а не JavaScript. Они будут следовать правилам определения размеров. В PSD состояние переноса будет отображаться для каждого набора одинаковых сменяемых изображений. Свернутые
изображения будут доставлены SEPARAT PSD в следующем формате. Правила ExpertOnline

 

example2

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

Если стандартный стандартный шрифт (указанный в Приложении) используется для переворачиваемых изображений, изображение будет доставлено не со шрифтом, а только с фоном, то есть текст в изображение будет реализован в CSS.

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

Нашли ошибку в тексте? Выделите ее и нажмите Ctrl + Enter

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

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

Система Orphus