.

Советы по графическому дизайну

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

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

Графический дизайн каждой Web-страницы должен служить двум задачам: обеспечивать профессиональный внешний вид страницы и (что более важно) указывать пользователям на то, как осуществлять навигацию по сайту. Эта большая ответственность возлагается на скромный графический интерфейс. Как уже обсуждалось в главе 5, от внешнего вида и расположения кнопок на экране (даже текстовых ссылок) может улучшиться или ухудшиться восприятие Web-страницы.

Ваш сайт не будет пользоваться успехом у пользователей, если они не смогут найти элементы навигации. Это может произойти из-за того, что элементы на странице не выглядят активными, или слишком долго загружаются, или размещены “ниже линии перегиба” Web-страницы. Пользователи могут просто запутаться. Обратите внимание на разницу между двумя кнопками, представленными 7.1. Верхняя кнопка больше похожа на обычный заголовок, а нижняя кнопка выглядит как трехмерный элемент, на котором так и хочется щелкнуть указателем мыши.

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

Разработка стратегии дизайна страницы

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

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

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



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×