3) Дизайн сайта
3.1) Основная концепция дизайна сайта
Очень важно представить будущий сайт глазами посетителя.
Время и усилия, потраченное на разработку концепции WEB сайта, значительно поможет вам в достижении вашей цели.
Прежде чем обдумывать детали дизайна, задайте себе несколько вопросов относящихся к вашим посетителям.
Кто ваша целевая аудиенция?
Какую мысль вы хотите передать им?
Имеют ли они мощные компьютеры и быстрое соединение в Интернет? Если нет, то надо стремиться сократить время загрузки.
Какая их цель посещения сайта? Для получения информации? Для покупки чего-нибудь?
Пять принципов web дизайна
Уместность. Все мы хотим чтобы наши страницы были привлекательны, но главное не переусердствовать изысками дизайна в ущерб значимой информации. Информация всегда должна быть актуальной.
Информационность. Здесь надо помнить три вещи - содержание, содержание и еще раз содержание. Вам же есть что сообщить, не так ли?
Привлекательность. Домашние страницы должны быстро грузиться и быстро завоевывать внимание. Если ваш сайт содержит много графики, предоставьте ее или значительную часть для просмотра, после того как ваша страница поразит воображение посетителя.
Интуитивность. Сайт должен быть интуитивным. Ваши посетители все разные. У всех них разное восприятие и понимание. Содержание сайт должно быть понятно для всех.
Помните, что прелесть WEB'а в том что вы можете сделать то, что невозможно выразить на бумаге. (Это не значит что все это вместе должно быть на вашей странице)
2.2) Графика и программы для веб-дизайна
Существует два типа графики:
Растровое изображение — представляющее собой сетку пикселей или цветных точек (обычно прямоугольную) на компьютерном мониторе, бумаге и других отображающих устройствах и материалах (растр).
Важными характеристиками изображения являются:
количество пикселей — количество цветов. Может указываться отдельно количество пикселей по ширине и высоте (1024×768, 640×480, …) или же, редко, общее количество пикселей (часто измеряется в мегапикселях);
количество используемых цветов или глубина цвета (эти характеристики имеют следующую зависимость:
,
где
—
количество цветов, а
—
глубина цвета);цветовое пространство (цветовая модель) RGB, CMYK, XYZ, YCbCr и др.
разрешение — справочная величина, говорящая о рекомендуемом размере пикселя изображения.
Растровую графику редактируют с помощью растровых графических редакторов. Создается растровая графика фотоаппаратами, сканерами, непосредственно в растровом редакторе, также путем экспорта из векторного редактора или в виде [[Снимок экрана].
Достоинства
Растровая графика позволяет создать (воспроизвести) практически любой рисунок, вне зависимости от сложности, в отличие, например, от векторной, где невозможно точно передать эффект перехода от одного цвета к другому без потерь в размере файла.
Распространённость — растровая графика используется сейчас практически везде: от маленьких значков до плакатов.
Высокая скорость обработки сложных изображений, если не нужно масштабирование.
Растровое представление изображения естественно для большинства устройств ввода-вывода графической информации, таких как мониторы (за исключением векторных), матричные и струйные принтеры, цифровые фотоаппараты, сканеры, а также сотовые телефоны.