Получать рассылку по электронной почте

Введите свой email-адрес:

Delivered by FeedBurner

Навигация

Как сделать макет сайта в Photoshop (общие советы)

макет

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

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

Внимание! Практический пример создания макета вы можете посмотреть здесь.

Общие требования к оформлению макета

Screenshot_41

Типографика и шрифты

Графика

Цветовая гамма

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

Фиксированный или резиновый макет сайта

Если у вас фиксированный макет, ширина выбирается в соответствии со стандартным разрешением экрана. Необходимо для начала определить, на какое минимальное разрешение  будет рассчитан макет . При этом надо учитывать, что ширина области просмотра браузера будет меньше на величину полосы прокрутки, равной примерно 20px.  Поэтому, например, для разрешения 1024 нужно рисовать макет шириной не более 1004 px, в противном случае мы получаем горизонтальную полосу прокрутки.

Если у вас резиновый макет, придется учесть ряд особенностей:

В следующих уроках мы рассмотрим практические примеры создания макетов сайтов в графическом редакторе в соответствии с этими правилами. А сейчас до новых встреч!

Понравилась статья?
Подпишитесь на RSS по e-mail
Поделитесь в социальных сетях
Вы можете также посмотреть
Комментарии
  1. Спасибо, блин это уже конец, а где примеры?. Без примеров и остальных сопроводительных от авторов руководств после статьи мне не справиться!.

      Цитата

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*