Макетирование сайта

Анимаиия и видео на Web-странииах

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

На самом деле, порой, невозможно сосредоточить­ся на чтении текста, когда периферическим зрени­ем вы улавливаете где-то что-то перемещающее­ся. А как выводит из себя перемещающийся текст?

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

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

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

Сегодня видео применяют для рекламы кино­фильмов и прочих телевизионных программ, для демонстрации работы различных товаров. Более того, существует ряд как коммерческих, так и со­циально ориентированных сайтов, способных выз­вать интерес сюжетами своих видеоклипов. Та­кие видеоролики показывают рекламируемый продукт в комическом («прикольном») контексте, благодаря которому они (видеоклипы) распрост­раняются среди пользователей. Этот механизм распространения рекламной информации назы­вается «вирусный маркетинг».

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

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

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

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

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

Дата добавления: 2015-05-26