|
Композиция (компоновка— общий вид страницы).
Композиция - это соотношение между различными объектами, их позиции. Страница не должна «разваливаться» на отдельные части, при первом взгляде на нее должно создаваться впечатление единого целого. Добиться этого можно грамотным размещением элементов дизайна и оформления на странице. Нужно учесть, что на странице будут некоторые служебные компоненты: элементы навигации, рекламные баннеры, выбор кодировки, формы для взаимодействия с пользователем, надписи и пр.— все это должно уложиться в общую композицию страницы. С помощью предложенного табличного варианта размещения элементов сайта Вы сможете решить эту проблему.
Цветовая гамма
Нужно определиться с цветами. Выбор цветов зависит от личных предпочтений и концепции сайта. Рекомендуем ограничить палитру цветов и выбрать один цвет и «размывать» его от темного до светлого + один контрастный цвет. Учтите, что чем меньше используемых цветов, тем меньше размер файла, тем быстрее он загружается.
Шрифты
У разработчика страниц пока что нет широкого выбора шрифтов для использования, но даже из имеющегося набора нужно определить: какие шрифты использовать и где. В пределах сайта или типа страниц должны быть одинаковые стили оформления текста (заголовки разных уровней, эпиграфы, цитаты, ссылки).
Читать текст с экрана – изощренная пытка, если пользователю приходиться всматриваться в ярко-белый, фосфоресцирующий экран, пытаясь разглядеть мельчайшие буквы. Так же с помощью различных вариантов шрифтов можно передавать радость, досаду, а так же профессионализм и др.
Шрифты с засечками – маленькими черточки по краям букв – создают впечатление стабильности, безопасности, профессионализма – это лучший выбор для серьезного сайта. Шрифты с засечками так же хороши для больших фрагментов текста.
Шрифты без засечек создают впечатление передового мышления, стремительности. Шрифты без засечек подходят для заголовков и небольших фрагментов текста.
Таблица 3. Шрифты, которые можно использовать в Веб.
шрифт с засечками
НЕ нашли? Не то? Что вы ищете?
| шрифт без засечек |
Times New Roman Georgia Bookman | Arial Verbana |
В пределах одного сайта не обязательно использовать шрифты, только одного типа. Лучше всего использовать несколько шрифтов в зависимости от назначения: один – для заголовка, другой – для подзаголовков, еще один – для основного текста. Но применять больше трех-четырех шрифтов нецелесообразно. Определите стиль для каждого из описанных выше элементов, и последовательно используйте его на всех страницах сайта.
Цвет шрифта. Обычно темный текст на светлом фоне читать легче, чем светлый текст на темном фоне. Шрифт приглушенного тона читать легче, чем фосфоресцирующий. Используйте яркие цвета только для заголовков и подзаголовков, а спокойные приглушенные тона – для основного текста. Учтите, цвета шрифтов не должны выбиваться из основной цветовой гамы вашего сайта!
Навигация и субнавигация
Элементы навигации (ссылки) должны быть органично вплетены в оформление страницы. Субнавигация— это навигация в пределах одной страницы, ссылки на начало/конец страницы, на какие-либо места/пункты. Способ отображения кнопок (или текстовых ссылок) и их месторасположение на странице существенно влияют на качество сайта. Если пользователь не может найти кнопку, поскольку ни один элемент страницы на кнопку не похож, скорее всего, он откажется от дальнейшего просмотра сайта. Кроме того необходимо помнить не только о внешнем виде интерактивных элементов, но и об их месторасположении на странице.
Графика
Использование графики должно быть оправданным, графика должна четко соответствовать содержанию сайта. Переизбыток графики и анимации отвлекает от основного содержания, переключая внимание посетителей сайта, затрудняет загрузку страницы. Графика обязательно должна быть оптимизирована! Желательно также использовать как можно больше одинаковых или повторяющихся изображений. Например, одна и та же панель навигации, когда пользователь переходит на новую страницу, панель навигации быстро загружается, так как она находиться в памяти.
Графические элементы создаются в графических редакторах, для этого нужны специальные навыки. К графическим элементам относятся и элементы навигации (кнопки), и линии, и фотографии, и рисунки. Графические средства могут являться элементами для разделения страницы на отдельные информационные части и привлекать внимание пользователей к отдельным ее деталям.
В веб-дизайне большие фотографии и сложные рисунки, занимающие весь экран, выглядят неуклюже. Кроме того, большие фотографии будут долго загружаться. Чаще всего сканированные изображения или полученные из Интернета графические объекты нуждаются в дополнительном редактировании в графическом редакторе (Adobe Photoshop).
Под редактированием изображения понимается:
· Обрезка части изображения;
· Регулировка контрастности и яркости;
· Регулировка цветового баланса;
· Изменение размера изображения;
· Регулировка объема изображения.
Основная задачи при создании графических элементов для веб-сайта состоит в максимизации качества графики при минимизации размера файла – взаимоисключающие параметры. Чем выше качество изображения и, тем больше размер файла и больше время загрузки. В программе Adobe Photoshop есть возможность достичь компромисса между качеством изображения и его объемом, путем настройки параметров оптимизации в диалоговом окне специальной функции Save for Web (Сохранить для Веб).
Форматы файлов графических объектов
При работе с веб-графикой чаще всего применяются форматы GIF и JPEG. Выбор формата полностью зависит от типа сохраняемого изображения. Алгоритм сжатия JPEG, работает с изменением и усреднением цвета малых участков изображения. Этот метод уменьшает качество изображения и привносит шум, который называется артефактом. Артефакты не так заметны в фотографиях, как в иллюстрациях с большими однотонными участками. Поэтому формат JPEG применяют при сохранении фотографий, изображений с большим количеством цветов, градиентов, плавных переходов.
В формате GIF сохраняют рисунки с небольшим количеством цветов, сканированные таблицы, анимированные изображения. Сжатие файлов происходит за счет уменьшения количества индексированных цветов. Всего в формате GIF их 256, но иногда для рисунка бывает достаточно и четырех. Еще одна особенность формата GIF – возможность создания прозрачного фона. При экспорте графики в формат GIF можно установить прозрачный фон.
Наполнение сайта информацией
Очень важно, что увидит пользователь на Вашей домашней странице, как только попадет на сайт. Это должна быть или очень художественная (но отражающая основную идею Вашего сайта) страница, или же максимально информационная, с новостной лентой и сообщениями о последних добавлениях и обновлениях. На главной странице также может быть краткая аннотация Вашего сайта: для кого он предназначен, контактная информация или же информация об авторе (авторском коллективе) сайта. То есть посетитель сразу должен понять, куда он попал. В противном случае, он просто «пойдет» на другой сайт.
Сайт – это живой организм, которому необходимы регулярные обновления. Реализовывая возможность оперативного обновления, нужно четко представлять, в каких разделах и с какой периодичностью следует обновляться информацию на сайте, в соответствии с поставленной целью. Очень важно также следить за новостной лентой (если она размещена на странице сайта), она также должна постоянно обновляться.
Реклама сайта
Под рекламой сайта подразумевается его регистрация во всех известных поисковых системах, на образовательных порталах, размещение ссылок и баннеров на схожих по теме сайтах, реклама в сетевых форумах и телеконференциях (специально для этого предназначенных). Также очень эффективно использовать различные виды рекламы – от сетевой до печатной и т. д.
