Искусство оформления сайта. Практическое пособие

Аналогично меняем надписи сбоку на слова: «О сайте», «Фото», «Видео», «Контакты». Это будут рубрики нашего сайта. В завершение из озорства можете вставить где-нибудь сбоку милую картинку. Для этого кликните один раз на значок Image или воспользуйтесь панелью управления, проделав путь Insert › Image (Вставка › Изображение). Найдите на своем ПК оригинальную картинку и нажмите ОК. Вот только картинка эта разместилась как-то неудачно. Но это не проблема: наводим на нее курсор, захватим рисунок левой кнопкой мыши и перетащим в более подходящее на наш взгляд место.

Что получилось у меня, вы можете увидеть, когда подключитесь к Интернету и забьете в строку поиска URL-адресСоветую, во что бы то ни стало посетить этот ресурс, поскольку он является электронным приложением к настоящему пособию. Сайт «Образованные котята» содержит массу полезных советов, интересных статей, ученических страничек, галерею скриншотов и видео с изображением основных этапов работы по созданию сайта, а также большую коллекцию расходных материалов, которые вы можете совершенно бесплатно скачать и использовать при создании собственного веб-узла.

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

Глава 1. Веб-дизайн: искусство или ремесло

1.1. Веб-дизайн как ремесло

Является ли искусством веб-дизайн или это всего-навсего ремесло? Вопрос, надо заметить, отнюдь не праздный: от него зависит создание креативной концепции «сайтостроения», которой и будет руководствоваться мастер при разработке очередного проекта. Гений конструирования сайтов Якоб Нильсен полагает, что веб-дизайн – это в большей степени ремесло, поскольку именно техничность обеспечивает удобство пользователя в работе с сайтом. Однако Нильсен допускает, что артистический подход тоже оправдан. Соглашаясь в последнем пункте со своим гуру, спешу заметить, что ни один подход не должен превалировать, в веб-дизайне, справедливо равенство: «техника = искусству».

Очевидно, что живопись существует для того, чтобы главным образом радовать глаз, поэтому ее мы, не мудрствуя лукаво, относим к искусству. Но вот с архитектурой сложнее. Самое распрекрасное здание на свете сооружают не только для того, чтобы украсить город: всякая постройка выполняет чисто утилитарные функции. И тем не менее, архитектуру называют искусством. А современное автомобилестроение? Это Форд имел право гордо заявлять: «Вы можете купить у меня автомобиль любого цвета, при условии, что он будет черным». Сегодня сбыт автопродукции реален лишь при условии, что техническое совершенство «стальных коней» в равной степени дополнено изысками дизайна, причем не сводящегося исключительно к расцветке.

Говоря откровенно, споры о выборе в пользу техники или искусства столь же нелепы, как и спор «физиков и лириков», развернувшийся на рубеже 50-х и 60-х гг. прошлого столетия, по поводу которого Борис Слуцкий отреагировал знаменитыми стихами:

Что-то физики в почете,
Что-то лирики в загоне.
Дело не в сухом расчете,
Дело в мировом законе.

Всего – и артистичности, и техничности – должно быть в меру. Специальные исследования, проведенные в Израиле и Японии, показали, что человеку кажется более удобным из двух технически идентичных интерфейсов тот, который красив.

По всей видимости, веб-дизайн совмещает в себе признаки, как ремесла, так и искусства (чем похож на «застывшую музыку» – архитектуру). И свое знакомство с ним мы начнем с того, что рассмотрим те его свойства, которые выявляют в нем ремесло. Если занять такую позицию, то практическая польза от конструирования сайтов состоит в первую очередь в том, что эта деятельность имеет значение для маркетинга.

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