Основы веб - дизайна. Понятия, правила, компоненты.

Основы веб-дизайна.

Веб-дизайн – это отрасль веб-разработки и разновидность дизайна, задачей которой является проектирование пользовательских веб - интерфейсов для сайтов или веб - приложений.

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

Выделим элементы, которые используются для создания стиля:

• шрифт - в пределах одного сайта не должен иметь много разногласий по таким характеристикам, как - гарнитура (написание), кегль (размер букв), цвет;

• абзац - желательно, чтобы имел преимущество какой-либо один из видов выравнивания на странице, например, отступление с левого края или выравнивание влево;

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

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

• цветовая гамма - она начинается с выбора тех трех цветов страницы, которые используются для представления основного текста, обычных и посещенных ссылок. Цветовая гамма повторяется, и таким образом у пользователя создается чувство связности, единства сайта.

Гармоничное сочетание всех элементов позволит предоставить страницам профессиональный вид и сделает информацию официального сайта доступной и полезной.

Как подобрать цвета для сайта?

Чтобы определить цветовое решение, важно помнить о следующем:

• яркость, тон и насыщенность цвета должны соответствовать фирменному стилю сайта;

• цвет следует подбирать с учетом ориентировки на аудиторию этого ресурса;

• количество используемых цветов по возможности не должна превышать трех;

• цвета, используемые на сайте, должны взаимодействовать и гармонировать между собой;

• применение цвета должно отвечать элементарным правилам логики.

Текст обязательно должен быть читаемым, но не обязательно черным. Достаточно, чтобы он был в контексте с другими цветами и не затмевался ними.

Цвета нужно использовать очень осторожно. Не следует брать слишком много цветов.

Возможны следующие методы сочетания цветов:

• метод использования прилегающих цветов (подбора цвета по визуальной совместимости);

• метод использования противоположных цветов, контрастность (сочетаются цвета, противоположные друг другу);

• метод использования природных сочетаний цветов (чтобы подобрать оттенки, нужно воспользоваться тем, что существует в природе);

• метод использования цвета разной степени насыщенности (сочетание разных оттенков одного цвета).

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

Основные правила дизайнеров.

Первое правило: Протестировать созданные страницы во всех популярных браузерах и их версиях.

Второе правило: Видение, как будут выглядеть созданные страницы с учетом цвета. Навигация должна оставаться простой и понятной

Третье правило: Использование только стандартных шрифтов, которые поставляются с Windows и гарантированно находятся на машине клиента. Это Arial, Times New Roman, Courier. Несоблюдение этого правила приводит к некорректному отображению содержимого страницы.