Вам никто не запрещает использовать шрифт одной гарнитуры для всего сайта. Однако применение комбинации нескольких шрифтов для различных ситуации (один — для заголов­ков, другой — для надписей и врезок, а третий — для основного текста) — более подходя­щий вариант. Использование более трех-четырех разных шрифтов утомляет пользователей. Выберите несколько разных шрифтов для вашего сайта. Определите гарнитуру шрифта для каждого типа элементов интерфейса и используйте эти шрифты согласованно — каждый для своего типа элементов. Например, всегда оформляйте заголовки шрифтом одинаковой гарни­туры, размера и цвета. Другой размер шрифта или цвет используйте для подзаголовков.

Рационально используйте графические элементы

В дизайне печатных изданий можно широко использовать графические элементы. Однако в Web-дизайне большие фотографии и сложная графика, которая занимает всю Web-страницу, могут оказаться "неуклюжими слонами" для пользователей с низкой скоростью ин­тернет-соединения. Большие фотографии предполагают большой размер файла, который бу­дет медленно загружаться.

Читать полностью

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

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

Используйте с умом свободное пространство. Свободное пространство — это области белою цвета или светлых тонов вокруг ваших элементов дизай­на. Это, как свежий воздух для человека, который дает ощущение комфорта. Неплохо было бы оставить свободным от графики низ страницы. Еще один совет: оставьте побольше места вокруг наиболее важных областей страницы, что позволит выделить их визуально. Web-сайт фирмы Apple www.apple.com знаменит широким использованием свободного пространства.

Читать полностью

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

Выберите цвет, подходящий к предметной области сайта

Например, если Web-сайт ориентирован на продажу элитных домов, приглушенная цвето­вая палитра и классические цвета подойдут гораздо больше, чем светло-розовый или зеленый цвет. Конечно, это лишь рекомендации. Если сайт ориентирован на продажу восхитительных современных архитектурных строений, здесь нужен аккуратный дизайн, где будет много бе­лого цвета и чуть-чуть салатового и кораллового. Для начала можно продумать список прила­гательных, которые бы использовал заказчик для описания своего бизнеса, а затем уже вы­брать цветовую палитру, которая соответствует этим прилагательным.

Читать полностью

При проектировании Web-страницы рассмотрите возможность распрелеления доступного пространства на три области: крупная — для самых главных элементов, средняя — для эле­ментов, расположенных ниже по приоритету важности, и оставшееся Пространство страни­цы — для наименее важных элементов. Когда вы мыслите в терминах крупных, средних и мелких областей страницы, вы автоматически ограничиваете уровни детализации для наиме­нее важных элементов страницы. Например, область, содержащая информацию о создателях сайта, является наименее важным пунктом на странице, поэтому вы можете не использовать в ней изображение. Достаточно будет краткого заголовка и последовательности переходов, ко­торая приведет к другой странице с более детальной информацией.

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

Использование стратегии "крупный, средний, мелкий" ограждает вас от назна­чения одинакового приоритета всем элементам на странице, помогает сделать страницу удобной для чтения и навигации.

Читать полностью