Последние публикации

  16 Июля, 2011
Взлом капчи
Разбираемся, как ломают капчи. Теория и практика


  17 Июня, 2011
Справочник по PHP
Синтаксис языка и операторы. Функции работы с данными. Файлы и сети. Управляющие функции. ..


  25 Января, 2011
Основы web-технологий.
С появлением высокопроизводительных серверов, сетевого оборудования и высокоскоростных каналов связи ..


  22 Января, 2011
Теоретические основы защиты информации.
В настоящее время и у нас в стране, и за рубежом достаточно много публикаций по современным ..


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

 

postheadericon Главная / web программирование / web технологии

Веб-дизайн


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

прочтение  материалы (буклеты, веб-сайты) обязаны иметь хоть что-то под сво­ей блестящей поверхностью — какой-то сюжет, интригу, «скрытый смысл», требующий для своего обнаружения не которого усилия мысли. Разумеется, эти глубинные слои должны работать на содержимое верхнего информационного  слоя,  делать более  явной  его  структуру,  облегчать его восприятие и делать его более интересным, а вовсе не обязательно «загадочным».

Есть такая «подкорка» и в дизайне моего сайта. Я поста­рался, однако, ограничить «пир подсознания» графической составляющей дизайна, оставив текст страницы оплотом однозначности. Фотографические визуалы, занимающие в композиции ключевое положение слева от описания ком­пании и сменяющие друг друга в зависимости от положения мыши (рис. 80), были подобраны таким образом, чтобы протянуть смысловые связи между четырьмя фрагментами

описательного текста справа и четырьмя разделами навигационной панели внизу. Итак, вот авторская интерпретация (лишь одна из возможных) главных смысловых связей страницы: 1

• Глаз — «we are» — «portfolio»: «Смотрите, кто мы такие * и что мы можем делать».

• Часы — «offering»

— «interested?»: «Если вы заинтересо­ваны, не тратьте время, напишите нам, чтобы обсудить наши предложения».

• Инструменты — «specializing» — «classes»: «Учитесь поль­зоваться дизайнерскими инструментами».

• Игрушечный самолет — «integrating» — «dmitry»: «По­знакомьтесь с автором и с его творчеством в разных жанрах».

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

• Одна сплошная светлая горизонтальная полоса вверху страницы (под «Dmitry Kirsanov Studio») уравновеши­вается тремя пунктирными параллельными полосами в навигационной панели внизу.

• Зона вытянутых по вертикали градиентов вверху страни­цы сменяется доминированием горизонтальных градиен­тов в центре и внизу.

• Широкая виньетка в самом верху, составленная из элементов логотипа, начинает собой диагональ, сходя­щую к выполняющей роль «подписи» копии логотипа в правом нижнему углу. Эта «зеленая» диагональ пе­ресекается с «текстовой» диагональю, протянутой от описания компании в правой половине центральной ча­сти к навигационной панели и далее к левому нижнему углу (в котором расположен перевешивающий все дру­гие по информационной насыщенности раздел portfolio и список latest additions).

Навигация

Все внутренние страницы сайта www.kirsanv.com следуют в своем дизайне общему плану, заданному на main.htmi. Возьмем для примера страницу с текстовым содержимым (рис. 81). Ее центральная часть разделена по вертикали на два неравной ширины столбца: пустой левый, отмеченный лишь уменьшенной копией фотогра­фии с первой страницы (а именно — изображением часов,

Рис. 81

Текстовая    стра­ница

Рис.

Дата публикации: 29 Октября, 2010
Автор: Кирсанов Д
Прочитано: 5554 раз

-  239  -

<1 | ... | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 |  239  | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251>

postheadericon Это интересно

Приемы раскрутки WEB-сайтов.

Обзор приемов раскрутки web-сайтов.

Свой WAP сайт.

Краткое руководство по созданию WAP сайта

Основы web-технологий.

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

Теоретические основы защиты информации.

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