Основы web-дизайна

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

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

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

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

В-третьих, баланс графика/текст - очень тонкая штука. Текст должен быть удобочитаем, и Графические вставки не всегда этому способствуют.

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

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

Ниже Приведен Рекомендуемые к использование типы графический вставок в web-страницы.

Навигационные кнопки используются для содействия посетителя в Перемещение по сайту. Хорошо оформленные, они воспринимаются легче, чем текстовые линки.

Логотип Используется для идентификациы корпоративного стиля. Логотип может Существенно увеличить узнаваемость бренда или торговой марки. Маркеры фракции используются для привлечение внимания посетителей к узловым точкам документов. Также часто используются для разделение параграфов и абзацев в документе.

Титульная графика (мастхед) предоставляет посетителя информацию по web-ресурса. Также улучшает визуальное восприятие. Разделительные линии обычно используются для разделение текстов и облегчения их восприятия. Фоновые рисунки улучшают внешний вид страниц. Наиболее часто Используется горизонтальная двухцветная полоска. Графический заголовок позволяет использовать независящие от установленных на клиентском компьютере шрифты. Фотографии обычно используются для придания более доброжелательного внешнего вида странице. Взгляд посетителей естественным образом притягивается к фотоизображениям.

Все Графические изображения на сайте должны соответствовать выбранной цветовой гамме, используемым шрифтам и примененным эффектом. Для профессионально web-сайта минимальный набор графики составляет, как правило, Навигация, логотип, Маркеры фракции и мастхеды. Если эта графика НЕ Существенно увеличивает время загрузки страницы, можно добавлять прочие элементы. Оптимальный суммарный размер web-страницы составляет 40-60 Кб. Любая добавочная графика на странице должна служит функция, напрямую связанным с тематикой и контентом сайта.

В частности, дизайнерские фирмы выкладывают примеры графический работ - так называемые "портфолио". Иллюстрации также могут служит понимание разделов сайта. Сжимание же графический файлов НЕ должно снижать качества изображения.

Всем, кто занимается web-дизайном, а также менеджерам и руководителя проектов я хочу порекомендовать прочит книгу Дмитрия Кирсанова "Основы веб-дизайна". Это, пожалуй, самая сильная публикация по основам графики, шрифтологиы и искусство Web-дизайна.