Разделы  

  Исследования
Персоны
Пресс-релизы
Разное
Словарь
Ссылки
Статьи
Файлы
Форумы
Фоторепортажи

3D Графика
Adobe Photoshop
Brand marketing в интернете
CSS
Customers Relations Management
DHTML
Direct Marketing
E-commerce
Email-маркетинг
Flash
HTML
IT и авторское право
JavaScript
PHP
PR в интернете
Rapid development tools
Usability в интернет
XML
Агентирование продаж
Администрирование
Баннерные сети
Баннеры
Безопасность
Безопасность PHP
Брендинг
Верстка
Выбираем исполнителя
Графические пакеты
Графические форматы
Дизайн
Документооборот
Должностные инструкции
Заметки маркетолога
Звук в интернете
Интернет и классические медиа
Интернет как инструмент маркетинга
Интранет
Исследования
Исследования и интернет
Исследования регионального интернета
Компьютерные игры
Креатив
Листы рассылки
Маркетологу
Медиабайнг в интернете
Медиапланирование
Менеджеру
Менеджмент студии
Мультимедия технологии
Наружная реклама
Обзоры IT рынка
Оборудуем рабочее место
Оптимизация программирования для web
Основы интернета
Персонал
Платежные системы
Поисковые машины и каталоги
Правила русского языка
Прикладное ПО
Программирование
Программирование, основы
Проектирование сервера
Психология в маркетинге
Работаем над текстом на сервере
Разное
Разработчику
Региональный интернет
Реклама
Реклама в интернете
Сетевые протоколы
Создаем контент-проект
Сопровождение и поддержка
Статистика
Структурное программирование на PHP
Технические вопросы
Управление проектами
Участие в организациях
Хостинг
Шрифты

Все авторы


Наиболее подробные разделы
1Adobe Photoshop76
2Direct Marketing68
3Управление проектами33
4Исследования и интернет32
5Проектирование сервера31
6HTML27
7Графические пакеты25
8Заметки маркетолога23
9Дизайн23
10JavaScript23
Наиболее подробные разделы
1Adobe Photoshop76
2Direct Marketing68
3Управление проектами33
4Исследования и интернет32
5Проектирование сервера31
6HTML27
7Графические пакеты25
8Заметки маркетолога23
9Дизайн23
10JavaScript23
Наиболее обсуждаемые статьи
1Концепция создания контент-проекта.17
2Тонкая голубая линия10
3Предложения10
4Как разрабатывался слоган8
5Заголовок страницы7
6Animatek World Builder 2.0 (или AWB 2.0)6
7Немного о хостах6
8Зачем необходим сайт?6
9Правильные таблицы стилей5
10Снежинки на вашей странице4

 
 
Поиск по сайту:

Подписка на анонсы
Новости выходят раз в неделю по понедельникам.
Введите Ваш email

Режим



А в это время в других разделах: Last 10 person
Ящук Вера
Шанаев Григорий
Шуленин Михаил
Шиденко Кирилл
Шабшин Илья
Сорокина Елена
Семеновская Светлана
Сидорова Ирина
Серов Владимир
Слепнев Сергей

Last 10 topic
Явный отказ
Эффективность услуги
Эксперт по аттестации лаборатории
Цепочка поставки
Устранение несоответствия
Услуга
Усиленный контроль
Усеченный контроль
Уровень качества
Управление качеством

Полезная мудрость:










Создание сервера:



 

Особенности WEB-дизайна  

 
Однолетков Павел

Молодой специалист, работающий в области электронной коммерции и маркетинга.
Автор нескольких статей в помощь людям, столкнувшимся с изобретательскими
задачами.

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

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

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

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

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


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

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

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

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

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

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

Всем, кто занимается web-дизайном, а также менеджерам и руководителям проектов я хочу порекомендовать прочитать книгу Дмитрия Кирсанова "Основы веб-дизайна". Это, пожалуй, самая сильная публикация по основам графики, шрифтологии и искусству Web-дизайна.
Однолетков Павел
sinnero@beep.ru
2001-10-01 17:57:58


А может обсудим статью в форуме? Там собралась отличная компания
 




© 2001 авторский проект Алексея Волкова :: О проекте :: Перепечатка материалов приветствуется при ссылке на www.marketer.ru