Индекс

Символы.,

и кавычки в английском языке 232правила расстановки пробелов 228

.и кавычки в английском языке 232правила расстановки пробелов 228

..., правила расстановки пробелов 228:

во французском языке 230правила расстановки пробелов 228

;во французском языке 230правила расстановки пробелов 228

?в адресе ссылки в HTML 30в адресе ссылки в XML 53во французском языке 230правила расстановки пробелов 228

!во французском языке 230правила расстановки пробелов 228

« » 232во французском языке 230, 232вокруг шрифтового выделения 230правила расстановки пробелов 229

", обозначение дюйма 232" ", вокруг значений атрибутов 28, 51‘ ’, английские одинарные кавычки 232“ ”, английские двойные кавычки 232,, “, немецкие кавычки 232( )

вокруг шрифтового выделения 230правила расстановки пробелов 229

[ ], в alt-текстах 36—, длинное тире

в кодировках кириллицы 231правила расстановки пробелов 229

–, короткое тире 231#

в адресе ссылки в HTML 30, 187в адресе ссылки в XML 53в числовых подстановках 29

&, в подстановках 29§, знак параграфа 229, 232

©, знак авторского права 230, 232№, знак номера 229, 233

A (латиница).A, тег 30

адрес назначения см. адрес назначениягиперссылки

атрибут name 30атрибут target 190

aboutus.miningco.com 93, 94, 327Acrobat Reader, программа 58ActiveX, технология 70Add Noise, растровый фильтр 302Adobe, фирма

Acrobat Reader, программа 58Garamond, гарнитура 137Illustrator, графический редактор 56Jenson, гарнитура 128Multiple Masters, технология 221PDF, формат 58Photoshop, графический редактор 101, 122, 249,

293, 295, 299PostScript, формат 12, 56, 60

Aladdin GhostScript, программа 12Alien Skin Black Box, набор фильтров 295alt-текст 35, 228, 256

баннеров 276, 278в виде всплывающей подсказки 37, 314заголовков 201кнопок навигационной панели 36, 314маркеров элементов списка 36при указании габаритов изображений 236пустой 36разделительных линий 36распорок 36, 237указание объема файлов 36

Alta Vista, поисковая система 39anti-aliacing см. анти-алиасингApple, фирма 16

логотип 267AREA, тег 37Arial, гарнитура 132, 136, 219, 311ASCII, кодировка 15ASP, язык 72AT&T, логотип фирмы 270, 275Aurora, редактор 12

338 индексB.banners см. баннерыBIG, тег 216Bitstream, фирма 222Blending, растровый фильтр 296Bodoni, гарнитура 81, 130, 136, 137BODY, тег 49, 223

атрибут background 259атрибуты leftmargin и topmargin 194

bold см. начертания шрифта, жирноеBookman, гарнитура 131books.ru см. www.books.ruBorjomi, гарнитура 138BR, тег 226, 238branding см. впечатывание образа фирмыbrowser-safe palette см. безопасная палитраbrowsers см. броузерыbullets см. маркеры элементов списка

C.CERN см. Европейский институт физики частицCGI, стандарт 71, 276class, атрибут 41«click here», влияние на CTR баннера 169, 281CMYK, система представления цвета 63, 105, 274CODE, тег 217color blenders см. смесители цветовcondensed fonts см. шрифты, сжатыеConference Tracker 287control characters см. управляющие символыCore Fonts for the Web см. шрифты, Microsoft для

веб-страницCorelDRAW, графический редактор 104CorelXARA, графический редактор 12, 104, 249Courier, гарнитура 137, 219

курсив 125CP1251, кодировка 16, 231CP866, кодировка 16, 231CSS 23, 40, 53

CSS1 41, 42, 240CSS2 42, 65, 140, 218, 221, 240встраивание шрифтов в документ 221выравнивание кегля 140, 218использование с XML 41, 53как альтернатива фреймам 241кегль шрифта 218отмена подчеркивания в гиперссылках 225отступ красной строки 226оформление заголовков 201оформление элементов списка 322позиционирование 43, 59, 66, 235, 240свойства margin-left и margin-top 195свойство font-family 219свойство font-size-adjust 218свойство font-size 218

синтезирование шрифтов 221установка величины полей 195фоновые изображения 241

CTR, параметр баннера 277влияние анимации 280влияние вопросительного предложения 282влияние надписи «click here» 169, 281влияние объема графического файла 286влияние предложения бесплатных услуг 283при расположении баннера у полосы

прокрутки 279снижение со временем 286

Cutout, растровый фильтр 301

D.DAIMAS’97, конференция

логотип 143, 266обложка сборника тезисов 81, 143, 145

demi-bold см. полужирное начертаниеDiffuse, растровый фильтр 302dithering см. диффузияDmitry’s Design Lab 2, 73dmitry@kirsanov.com 75!DOCTYPE, тег 29, 49DOM, спецификация 66dpi 176drop caps см. буквицыDSSSL, язык 53DTD 29, 48, 151dvips, программа 12

E.ECMA, ассоциация 67ECMAScript, язык 66EM, тег 34, 45em dash см. длинное тиреemTeX, программа 12en dash см. короткое тиреencodings см. кодировкиEncynova, логотип фирмы 317entities см. подстановкиErika, гарнитура 317expandable outlines см. раскрываемые оглавленияexpanded fonts см. шрифты, растянутыеExpression, графический редактор 101, 104extra bold см. начертания шрифта, сверхжирноеEye Candy, программа 290

F.ficus-www.cs.ucla.edu 12Find Edges, растровый фильтр 301fixed width fonts см. моноширинные шрифтыfloating tips см. всплывающие подсказкиFONT, тег 151

атрибут color 224

индекс 339

атрибут face 217, 218атрибут size 216, 217

font см. гарнитураfont embedding см. встраивание шрифтов

в документfont face см. начертания шрифтаfont family см. гарнитураfont size см. кегль шрифтаfont synthesis см. синтезирование шрифтов в CSSFORM, тег 31forms см. формы (бланки)Fractal Design, логотип фирмы 112FRAME, тег 195frameset document см. корневой документ набора

фреймовFreehand, графический редактор 104Freeset см. Frutiger, гарнитураFresco, растровый фильтр 301Fresh Eye, программа 12Frutiger, гарнитура 133, 137, 311Futura, гарнитура 131, 136

G.Garamond, гарнитура 128, 137

курсив 128, 306, 311generated content см. генерируемое содержимоеGeneva, гарнитура 219GIF, формат

анимированные файлы 169, 255, 256анти-алиасинг 249в баннерной рекламе 280диффузия 245, 250, 301количество цветов 61оптимизация 255, 302палитра 62, 245, 253прозрачность 249

GML, язык 19GOTO, оператор 204GSView, программа 12

H.H*, теги заголовков 200HEAD, тег 49headings см. заголовкиHelvetica, гарнитура 132, 135, 136, 219

курсив 125high color, режим монитора 61, 102, 118, 249HLS см. HSVhome pages см. личные страницыHomeSite, редактор 46HR, тег 36, 93, 203

атрибуты noshade, size и width 204HSB см. HSVHSV, система представления цвета 63, 103HTML, тег 49

HTML, язык 22HTML+ 23валидаторы 48версия 1.2 22версия 2.0 22, 32, 151, 197версия 3 23версия 3.2 26, 151версия 4.0 18, 27, 32, 49, 151, 195, 227, 231, 232динамический 65, 186, 214идеология 150, 152использование с XML 54история разработки 19минимальный документ 29модульный 44, 51, 54недостатки 27переход на XML 28, 47, 48, 51, 152разлиновка ячеек таблицы 95синтаксис 27стандартная кодировка 18, 32установка кегля шрифта 199, 216

HTTP-заголовок 33hue, в системе HSV 103hyphen см. дефис

I.I, тег 34, 49ICQ 284id, атрибут 41IIS, сервер 72image maps см. изображения-картыIMG, тег

атрибут align 241атрибут alt см. alt-текстатрибут src 31, 276атрибуты height и width 235, 237, 256в XML 51

Impact, гарнитура 220Initial Caps см. заглавные буквы, первые значимых

словinline images см. графические вставкиINPUT, тег 31Intellihance, растровый фильтр 299«Internet», логотип журнала 137, 147, 272Internet Explorer, броузер

ActiveX, технология 70alt-текст как всплывающая подсказка 37, 314DOM, спецификация 66JScript, язык 65абсолютное позиционирование 242версия 2.0 25версия 3.0 26, 65, 234версия 4.0 37, 65, 71, 215, 222, 226, 231, 242,

314встраивание шрифтов 222динамическая навигация 215

340 индексдинамический HTML 65несовместимость с броузером Netscape 27печать страниц 224поддержка CSS 41, 201, 226поля страницы 194таблицы 234тег HR 203тире 231трансляция XML в HTML 55шрифты Microsoft для веб-страниц 220

IRC 284ISO, организация 180ISO 10646, кодировка 18ISO 8859, серия кодировок 17ISO 8859-1 см. Latin-1, кодировкаIspell, программа 12italic см. курсивITC Garamond, гарнитура 137

J.Java, язык

апплеты 25, 69виртуальная машина 69кофейная чашка 264

JavaScript, язык 25, 43, 64взаимодействие с полями форм 64перекатывание (rollover) 213управление окном броузера 64, 190, 198, 325управление фреймами 64

Jenson, гарнитура 128JPEG, формат 120, 252, 295JScript, язык 65

K.Kai’s Power Tools, набор фильтров 295kerning см. кернинг

L.LATEX, система верстки 12Latin-1, кодировка 17, 33, 230

мнемонические подстановки 29LAYER, тег 242LI, тег 49, 322light см. начертания шрифта, светлоеLINK, тег 222Linux, операционная система 26Lucent Technologies, логотип фирмы 270, 272Lynx, броузер 36, 180

M.Macromedia, фирма

Director, программа 58Freehand, графический редактор 104Shockwave Flash, формат 58, 66, 70

MAP, тег 37

MathML, язык 48Mercedes Benz, логотип фирмы 269META, тег 33, 192

атрибут content 39атрибут name 39

MetaCreations, фирмаExpression, графический редактор 101, 104Painter, графический редактор 101, 104

Microsoft, фирма 23, 25, 30, 183, 287ActiveX, технология 70ASP, язык 72IIS, сервер 72Internet Explorer см. Internet Explorer, броузерлоготип 269сайт см. www.microsoft.comшрифты для веб-страниц 220

modern typefaces см. новая антикваMonotype Garamond, гарнитура 137

курсив 128, 306, 311Mosaic, броузер 22motion blur см. размывки, со смазываниемMotion Blur, растровый фильтр 168, 300MS DOS (операционная система), кодировка

кириллицы 16MSIE см. Internet Explorer, броузерMultiple Masters, технология 221

N. , неразрываемый пробел 226, 229, 238NCSA см. Национальный центр

суперкомпьютерных приложений СШАNetscape, фирма 23, 24, 287Netscape Communicator, броузер 24

alt-текст как всплывающая подсказка 37, 314абсолютное позиционирование 242встраивание шрифтов 222динамическая навигация 215динамический HTML 65открытость исходных текстов 26поддержка CSS 226поля страницы 195тире 231

Netscape Navigator, броузер 24JavaScript, язык 25, 43, 64, 190, 198, 325версия 2.0 24, 25, 64, 234, 259версия 3.0 65версия 4.0 см. Netscape Communicator, броузернесовместимость с броузером Internet Explorer

27печать страниц 224поддержка CSS 41таблицы 234тег HR 203

New Century Schoolbook, гарнитура 131NOBR, тег 235

индекс 341

O.OBJECT, тег 28, 31oblique см. начертания шрифта, перекошенноеOfficina Sans, гарнитура 133OL, тег 49Old Style см. гуманистическая антикваopen source software

Aladdin GhostScript, программа 12dvips, программа 12Fresh Eye, программа 12GSView, программа 12Ispell, программа 12Linux, операционная система 26Netscape Communicator, броузер 26Perl, язык 71TEX, система верстки 12

Optima, гарнитура 316, 319Opus, гарнитура 138OS/2 (операционная система), кодировка

кириллицы 16

P.P, тег 45, 226Painter, графический редактор 101, 104PDF, формат 58, 227Perl, язык 71Photoshop, графический редактор 101, 249, 293,

295меню Filters 299подключаемые модули 122

pixels см. пикселыplug-in modules см. подключаемые модулиPNG, формат 250, 254PostScript, формат 12, 56

конвертация в PDF 58совместимость с векторными редакторами 60

pull-out quotes см. «выдернутые» цитаты

Q.Quiotix, фирма

логотип 174, 266, 315сайт см. www.quiotix.com

R.regular expressions см. регулярные выраженияresolution см. разрешениеRGB, система представления цвета 62, 104, 105rollover см. перекатываниеroman см. начертания шрифта, прямое

S.SAMP, тег 217sans serifs см. рубленые шрифтыsaturation, в системе HSV 104SCRIPT, тег 64

scrollbars см. полосы прокруткиsectio aurea см. золотое сечениеserifs см. с засечками шрифтыSGML, язык 19

ортогональная разметка 44реализация идеологии в модульном HTML 43

Shockwave Flash, формат 58, 70сравнение с динамическим HTML 66

sites см. сайтыslanted см. начертания шрифта, перекошенноеSMALL, тег 216small caps см. начертания шрифта, малые

прописныеsplash page см. сплэш-страницаSplash, фирма

визуал 288, 327логотип 327

SSI, технология 32, 71, 285STRONG, тег 45

T.TABLE, тег 25, 32

атрибут border 226атрибут width 239атрибуты cellspacing и cellpadding 237атрибуты frame и rules 227

tags см. тегиTD, тег

атрибуты colspan и rowspan 238атрибуты height и width 32, 238

TEX, система верстки 12, 43логотип 240

thumbnails см. «ноготки»TIFF, формат 63, 252Times Roman, гарнитура 81, 129, 132, 134, 136, 219

курсив 125, 306TITLE, тег 29, 199title см. заглавиеTM 233Toyota, фирма 60Trace Contour, растровый фильтр 301tracking см. трекингtransitional typefaces см. переходная антикваtrue color, режим монитора 61, 102, 118TrueDoc, формат 222TrueType, формат 220typeface см. шрифты

U.UL, тег 322Unicode, кодировка 17, 18

в числовых подстановках 29, 33спецсимволы 29, 230

UNIX (операционная система), кодировкакириллицы 16

342 индексURL-адрес

баннера 276в гиперссылке см. адрес назначения

гиперссылкиизменения 188сайта 190список посещенных адресов 190страницы документа со фреймами 32, 190

Usenet (телеконференции), кодировка кириллицы16

UTF-8, кодировка 19

V.valid documents см. валидные XML-документыvalue, в системе HSV 104Verdana, гарнитура 220VGA, графический адаптер 194visuals см. визуалыVML, язык 59VRML, язык 59

W.W3 Consortium, W3C см. Консорциум W3web rings см. «кольца» сайтовWebTV 196

отсутствие горизонтальной прокрутки 197формат экрана 196

weight см. насыщенность шрифтаwell-formed documents см. правильно

структурированные XML-документыwidth см. шрифты, ширинаWind, растровый фильтр 300Windows, операционная система

заставка во время загрузки 319кодировка кириллицы 16системные шрифты 136, 248экранный анти-алиасинг 249

Word, текстовый процессорименованные стили 44неортогональность разметки 21

www.allaire.com 46www.alphaworks.ibm.com 137www.att.com 270www.avsi.com 323

полностраничный фон 236разделительные линии 93

www.bdaweb.com 329заголовки 202логотип 143силовые линии восприятия 167цветовая схема 116

www.books.ru 330асимметричная линейка 94выделение строк в таблице 227интегрирование баннера 205, 279

левая фоновая полоса 158размещение логотипа 250

www.capstonestudio.com 297, 329www.chess.ibm.com 331

визуал 289дуга 98, 168изображение движущегося объекта 168полосатая текстура 118соединительные линии 94цвета 115

www.cnet.com 183www.coolarchive.com 153www.cooltype.com 293www.cs.wisc.edu/~ghost/ 12www.ctan.org 12www.dsiegel.com 91, 234www.elliottdickens.com 324

панорамные страницы 197указание размеров окна 198

www.finemagazine.com 325вспомогательные линии 202окна без элементов интерфейса 190, 199подчеркивание по базовой линии шрифта 94фон 300

www.highfive.com 163www.ibm.com

выпадающие меню 214навигационная панель 207

www.ideo.com 331горизонтальная размывка заголовка 300фон навигационной панели 210цвета 111, 154

www.internet.com 183www.iso.ch 180www.kirsanov.com 304

/fresheye/ 12/web.design/ 12внутренние страницы 312логотип 304навигационная система 312первая страница 309, 310сплэш-страница 307цвета 307, 309

www.latex-project.org 12www.lynx.browser.org 180www.macromedia.com 99www.metadesign.com 326

«выдернутые» цитаты 228гуманистический рубленый шрифт 133наложение объектов 90пустое пространство 90ссылки на оглавление страницы 195

www.microsoft.com 183, 327/license/opendrive/ 288внешние ссылки 186

индекс 343

www.mozilla.org 26www.naggum.no 152www.ntext.net 12www.oi.com 46www.olympic.org 58www.prophetcomm.com 122, 296, 325www.quiotix.com 314

внутренние страницы 320внутритекстовые заголовки 322заголовки 320логотип 315маркеры элементов списка 319, 322навигационная панель 318первая страница 317цвета 318

www.radicaleye.com 12www.revo.com 210www.splashtech.com 288, 327www.supercede.com 264, 328www.tlg.com 121, 332www.tug.org 12www.verso.com 332

гуманистический рубленый шрифт 133цвета 116

www.vivid.com 298, 333www.w3.org 180www.webreference.com

/dlab/ 2, 73навигационная панель 214«резиновый» дизайн 198

www.webtv.net 196www.wpdfd.com 119www.wps.ru 328

гротесковый рубленый шрифт 133прямоугольники с закругленными углами 99,

154прямоугольники с толстым контуром 97

www.xara.com 12www.yahoo.com 207, 211www.yandex.ru 94

X.XLL, язык 52XML, язык 47

адрес назначения гиперссылки 53валидные документы 50интернационализация 50использование CSS 41, 53использование с HTML 54переход с HTML 47, 48, 51правильно структурированные документы 50

XSL, язык 21, 53автоматическая нумерация заголовков 201

Z.Zapf Chancery, гарнитура 128, 134

А (кириллица).абзацный отступ 145, 238абзацы 144, 145, 226, 238абсолютное позиционирование в CSS 43, 59, 66,

235, 241абстрактность

в искусстве 92в логотипах 265, 267, 270, 315мышления 21символики 268

абстрактный экспрессионизм 271Авангард, гарнитура 136автоматические сборщики информации 34, 38,

216, 223, 228«вес» заголовков 20заглавие страницы 200недоступность фреймов 32, 189

автоматическое перенаправление 40, 188, 192авторского права символ 230, 232аддитивная система представления цвета 63адрес назначения гиперссылки 30

в XML 53передача параметров вызова программы 30с # 187

Академическая, гарнитура 131академический стиль 29, 90, 151, 179, 181

иерархия заголовков 200линейки-разделители 203объем файлов 187поля страницы 194размеры окна 197указание ширины и высоты изображений 236

активность объектов в композиции 79, 81, 106,206, 297, 300, 329, 333

альтернативная кодировка 16аморфность 86, 100, 259, 264

в логотипах 270влияние на восприятие размера 79и плоскоцветные фигуры 164рукотворная 271, 289

амперсанд, в подстановках 29английский язык

выравнивание строк в абзаце 144заглавные первые буквы значимых слов 140кавычки 232пробел в конце предложения 230разрядка 142сокращения 229тире 229, 231численные интервалы 231

344 индексанимация 169, 241

в баннерах 280в заголовках 202, 289, 291в иконках 153, 169в логотипах 289, 291в масштабированных GIF-файлах 256оптимизация GIF-файлов 255

аннотация сайта 39анти-алиасинг 118, 245, 248, 254, 295

в малоразмерной графике 251и диффузия 255и прозрачность 249экранный 249

античностьпропорции 82симметрия 98, 155шрифты 123, 128, 140

апплеты 25, 69аппроксимация плоским цветом 301Ариал, гарнитура 132, 136, 219, 311архиваторы 255Архимед 158асимметрия 2

в заголовках 140в композиции веб-страницы 157, 159, 313в логотипах 268, 315в современном дизайне 267в шрифтах гуманистической антиквы 128динамичность 166, 170левая фоновая полоса 158при размещении объектов 174треугольников 97

атрибуты тегов 28

Б.базовая линия шрифта 80, 94, 325базовый кегль текста в броузере 194, 216баланс 155баннеры 204, 275

alt-текст 276, 278CTR 277автоматическая смена 276англоязычные 284–286анимированные 280, 300динамика 280минибаннеры 262, 277, 287муляжи элементов интерфейса 284надпись «click here» 169, 281объем графического файла 286предложение бесплатных услуг 283проклик 277размещение 188, 195, 205, 279, 330русскоязычные 284, 286серии 286«скрытый смысл» 299

службы обмена 276составные 285«старение» 286сюжет 280текст 282форматы 277формулировка в виде вопросов 282

барельефная трехмерность 293, 301, 302Баскервилль, гарнитура 129безопасная палитра 177, 245, 246, 307

значения в системе RGB 247Безье, Пьер 99Безье кривые см. кривые Безьебелый цвет 108, 110, 112Бернштейн, Сергей 99бесплатная графика 8, 77, 153, 211, 293бесплатные услуги, влияние на CTR баннера 283беспроволочный телеграф 184бесформенность см. аморфностьБетина Скрипт, гарнитура 134бланки см. формыблок-схемы 93Блэк, Роджер 112Бодони, гарнитура 81, 130, 136, 137браузеры см. броузерыо. Браун 40броузеры 5

alt-текст как всплывающая подсказка 37, 314Microsoft Internet Explorer см. Internet Explorer,

броузерNetscape Navigator см. Netscape Navigator,

броузеравтоматическая загрузка изображений 85, 278базовый кегль текста 194, 216вывод графики на 256-цветных мониторах 246вывод таблиц 235вывод текста 43, 136заголовок окна 200звуковые (речевые) 20, 34, 36, 42, 178, 216, 223,

228изменение палитры для 256-цветных

мониторов 246кэш 213масштабирование изображений 198, 237, 256оба броузера 5окна без элементов интерфейса 190открытие документа в новом окне 64, 190, 198панели управления 196переключение кодировок 33печать страниц 193, 197подключаемые модули 68размеры окна 159, 192, 193, 198, 324список посещенных адресов 190строка URL 32, 190табличная верстка страниц 234

индекс 345

текстовые 20, 34, 36, 178, 213, 228фоновое изображение 259фреймы 64цвета текста, фона и ссылок 115, 223

буквицы 146

В.валидаторы 48валидные XML-документы 50веб-дизайн

академический см. академический стильжесткий табличный 198, 236, 239изменения сайтов 3, 323изнашивание со временем 183ограничения 176«резиновый» 191, 197, 239

веб-сайты см. сайтывеб-страницы

верстка с помощью таблиц 25, 35, 197, 234высота 159, 196заглавие 199загрузка по мере поступления из сети 43, 90,

170, 177, 235левая фоновая полоса 171, 224, 262, 279, 330объем файлов 177, 187открытие в новом окне 190открытие в окне с заданными размерами 198,

325панорамные 196, 324первая на сайте 190подключение программных объектов 67пустое пространство 89, 138, 144, 191, 326связи в пределах сайта 184цвет текста и фона 113, 223ширина 193, 197, 198

векторная графика 56аморфные формы 100аналогия со звукозаписью 60независимость от разрешения устройства

вывода 57объекты 56объем файлов 57трассировка 56, 100, 301трехмерные форматы 59фильтры 57форматы 56

вензели 306видеопамять компьютера 61визуалы 191, 202, 288

иллюстративность 288, 327на внутренних страницах сайта 288, 327фотографические 212, 311, 324, 331, 332

визуальное форматирование 237в CSS 41в HTML 24, 27, 151

в XSL 54виньетки 92виртуальная машина Java 69висячая пунктуация 81Витгенштейн, Людвиг 49, 74возврата каретки символ 15Возрождения эпоха 128вопросительный знак

в адресе ссылки в HTML 30в адресе ссылки в XML 53во французском языке 230правила расстановки пробелов 228

восклицательный знакво французском языке 230правила расстановки пробелов 228

восьмибитные кодировки см. однобайтовыекодировки

впечатывание образа фирмы 181, 277, 284всплывающие подсказки 37, 314вспомогательные линии 94, 202, 325, 329встраивание шрифтов в документ 221«Вы», написание с заглавной буквы 283«выдернутые» цитаты 228, 326выключка по ширине 145выноски 94, 327выносные элементы букв 143, 273выпадающие меню в навигационной панели 66,

206, 214выравнивание

баннера с элементами композиции 205, 330влияние расстояния между объектами 85влияние формы объектов 80кеглей шрифтов 140, 217края текстовой строки 80надписей 209нюансировка 173объектов 85, 154, 164окружностей 98отцентрованных строк 144по прямой 85по точкам привязки 86строк в абзаце 144текста при помощи разрядки 142текстового блока по высоте 143

выставочная графика 257

Г.Гарамон, гарнитура 128, 137

курсив 128, 306, 311Гарамон, Клод 138гарнитура 124гауссовская размывка 120, 168, 300, 325, 326Гельветика, гарнитура 132, 135, 136, 219

курсив 125генерация страниц см. динамические страницы

346 индексгенерируемое содержимое 43, 44, 53геометрические текстуры 82, 118геометрические формы 56, 92, 118

в дорожных знаках 268в логотипах 265, 269в шрифтах 131и размытые фотографии 120

Гермес, гарнитура 133, 328гиперссылки 185, 224

автоматическое перенаправление 40, 188, 192адрес назначения см. адрес назначения

гиперссылкив XML 52в фоне веб-страницы 236, 263за пределы сайта (внешние) 186, 187, 190на оглавление страницы 195, 326на первую страницу сайта 208на подразделы сайта 195на почтовый адрес 208с # 187тег A 30, 190текстовые и графические 206, 209, 225цвет 113, 115, 223, 224

глифы 218глубина резкости 300, 331голубой цвет 63, 105, 106, 111Гольдфарб, Чарльз 19горизонтальная прокрутка 193, 198, 324ГОСТ на чертежные линии 94готический шрифт 125, 127гравюры 119градиент 120, 308

в ограниченной палитре 245, 255влияние на степень сжатия в GIF 255линейный 120прозрачности 120, 262, 289

границы между цветами 110, 247графика

бесплатные коллекции 8, 77, 153, 211, 293в навигационной панели 209, 211векторная 56, 100, 301выставочная 257малоразмерная 251, 253призаголовочная 202, 288растровая 56, 59, 100, 295рисованная 211, 289, 327форматы 56, 252

графические вставкиalt-текст 35автоматическая загрузка в броузере 85, 278масштабирование броузером 198, 237, 256«ноготки» (thumbnails) 190, 257, 258, 313объем файлов 37, 138, 177, 213оптимизация 252, 255, 286, 295, 302

подключение к документу 31размещение на странице 234степень сжатия в GIF 255степень сжатия в JPEG 252, 295тег IMG 228, 235, 241, 256указание ширины и высоты 235фрагментирование 37, 170, 213, 247

графические рабочие станции 194графические редакторы

Adobe Illustrator 56Adobe Photoshop 101, 122, 249, 293, 295, 299CorelDRAW 104CorelXARA 12, 104, 249Macromedia Freehand 104MetaCreations Expression 101, 104MetaCreations Painter 101, 104векторные 94имитация натуральных инструментов 101растровые 100

гуманизм в шрифте 128, 131гуманистическая антиква 81, 128, 137, 306

Д.даты 229движки см. полосы прокруткидвоеточие

во французском языке 230правила расстановки пробелов 228

двух щелчков правило 187двухбайтовые кодировки 18декадентский стиль 122, 296, 325, 328, 332декоративные шрифты 125, 134

в заголовках 202в логотипах 272, 305

декоративные элементы страницы 36, 309денежные знаки 119десатурация 103, 265, 273, 297дефис 231Дженсон, гарнитура 128дизайн 1

инструменты 2, 77информационный 76, 126, 170, 175, 294любительский см. любительский дизайнматериалы 2, 77, 154, 164, 173, 269обучение 75примеры 2, 4, 323профессиональный см. профессиональный

дизайнрекламный 169, 181, 206, 275, 277, 284современный 92, 259, 267, 268стоимость 9теория 6, 74философия 75

дизайнерские студиивыбор 8

индекс 347

сайты 9, 122, 182, 191, 258, 304, 310, 323–326,329, 331–333

динамика 166анимация 169в баннерах 280в логотипах 268восприятия 93, 138, 155, 167, 328, 329изображение движущегося объекта 167, 331линии 170направленная размывка 168, 300, 331постепенное получение данных из сети 177

динамические страницы 30, 71, 186, 285недоступность для роботов 38

динамический HTML 65, 186, 214дисплеи см. мониторыдиффузия 245, 254

и прозрачность 250длинное тире 18

в кодировках кириллицы 231правила расстановки пробелов 229

документыаннотация 39доступность см. доступность информациизапрет индексации роботами 40ключевые слова 38, 39неанглоязычные 27структура 19текстовый эквивалент информации 34

Дон Кихот 315дорожные знаки 268доступность информации 24, 27, 34, 178, 189, 213,

215, 223, 228, 287для роботов 38, 39заголовки 201перенесенной в фон веб-страницы 236, 263при табличной верстке 234

древовидная структура сайта 185навигация 206при разбиении окна на фреймы 188

дуги 56, 92, 98, 168, 210, 331дюйма обозначение (") 232

Е.Евклид 92Европейский институт физики частиц 22единицы измерения 229единство 149

букв в шрифте 123текстур 155форм 154цветов 110, 154шрифтов 134, 155

Ерофеев, Веничка 142ЕС ЭВМ 16

Ж.желтый цвет 63, 105, 107, 111, 319, 322жесткий табличный дизайн 198

указание ширины и высоты изображений 236ширина таблицы 239

З.заглавие 199, 259заглавные буквы

в аббревиатурах при стиле «все строчные» 322в заголовках 140в логотипах 273в надписях мелким кеглем 140, 332межбуквенные интервалы 142местоимение «Вы» 283первые значимых слов 140

заголовки 200автоматическая нумерация 43анимированные 289, 291в форме риторических вопросов 139внутритекстовые 88, 203, 322графические 201, 325двухцветные 147заглавные буквы 140кегль шрифта 138межбуквенные интервалы 143, 305отрицательный эмфазис 88, 138, 202, 307, 321,

325, 329размещение 88, 171размывка со смазыванием 168, 300, 331со сдвигом влево 88строчные буквы 141теги H* 200тени 301трехмерность 153, 289, 291центрирование 88, 144, 322шрифты 134, 166

заметность см. активность объектов в композициизападноевропейские языки 17запятая

и кавычки в английском языке 232правила расстановки пробелов 228

засечки 79, 133, 134, 316влияние на выравнивание 81переплетение 305

звуковые (речевые) броузеры 34, 178, 216, 223, 228CSS 42воспроизведение alt-текстов 36заголовки 20

зеленый цвет 62, 105, 107, 111, 298, 307, 317знаки препинания

в выделенных фрагментах 230расстановка пробелов 228

золотое сечение 82золотой цвет 107, 116, 320

348 индексИ.иерархическая структура сайта см. древовидная

структура сайтаиерархические стилевые спецификации см. CSSиероглифы 18изменения дизайна сайтов 3, 323изображения-карты 37иконки анимированные 153, 169имитация

мазка грубой кистью 271, 289материальной поверхности 117, 120, 153, 259металлической поверхности 106, 318типографского растра 264, 328

инициалы 229инструменты дизайнера 2, 77интерлиньяж 143, 148

нулевой 143увеличение с помощью распорок 238

интернационализация 50Интернет 10

англоязычный 6, 7, 9, 196, 284–286программирование 63русскоязычный 6, 7, 9, 16, 196, 217, 222, 284стандарты 19, 177технологии 1, 13

интернет-палитра см. безопасная палитраинформационный дизайн 76, 175, 243, 294

анимация 170эргономика 113, 126

искажения растровые 168, 301, 332и моноширинные шрифты 137

использованной литературы список 187

К.кавычки 232

внутри кавычек 232во французском языке 230вокруг значений атрибутов 28, 51вокруг шрифтового выделения 230правила расстановки пробелов 229

канал связи 43, 177, 245, 286капитель см. начертания шрифта, малые

прописныеквадратные скобки в alt-текстах 36квадраты 95

компактность 80кегль шрифта 126, 139

базовый в броузере 194, 216в навигационной панели 210выравнивание 140, 210, 217графических вставок и обычного текста 228крупный 81, 138, 141, 174, 321мелкий 81, 113, 133, 138, 140, 141, 148, 248,

251, 321, 332тег BIG 216

тег SMALL 216установка в CSS 218установка в HTML 199, 216

кернинг 142, 174в текстах, набранных курсивом 136

кириллица 16, 127, 132, 222, 230Кларендон, тип шрифтов 130классическая антиква см. гуманистическая

антикваключевые слова

в рекламных текстах 282документа 38, 39

«Книги России»логотип 158, 250, 330сайт см. www.books.ru

кнопки навигационной панели 209alt-текст 36в отдельных графических файлах 38, 213выравнивание 85, 209использование стилизованных рисунков 209,

211количество 207маркеры 86, 209, 210прикладная функция 208текст 141, 225текущая кнопка 212

кодировки 14ASCII 15CP1251 16, 231CP866 16, 231HTML-документа 18, 32ISO 10646 18ISO 8859 17Latin-1 17, 29, 33, 230Unicode 17, 18, 29, 33, 230UTF-8 19альтернативная 16выбор на сплэш-странице 192двухбайтовые 18западноевропейских языков 17кириллицы 16, 230КОИ8 16, 17, 231компьютеров Макинтош 16, 231однобайтовые 15переключение в броузере 33спецификация сервером 33указание в теге META 33четырехбайтовые 18шрифта 218

кодовые таблицы см. кодировкиКОИ8, кодировка 16, 17, 231коллаж 296«кольца» сайтов 207компактность 79

в логотипах 267

индекс 349

влияние на плотность размещения 89композиция 78

активность объектов 79, 81, 106, 206, 297, 300,329, 333

асимметрия 158, 159, 166, 174, 268, 313динамика 166, 177, 268иерархия объектов 297плотность 89, 156пустое пространство 89, 138, 144размер общий 79размер объектов 83размещение объектов 84, 164расстояние между объектами 164связи по вертикали 159фокус 157

Консорциум W3 152CSS 23DOM, спецификация 66HTML 2.0 22HTML 3 23, 25HTML 3.2 26HTML 4.0 27VML, язык 59XLL, язык 52XML, язык 47XSL, язык 53сайт 180спецификация встраивания шрифтов 221стандартизация 58, 178

конструктивизм 131контент-сайты 182

баннерная реклама 183, 188, 204навигационная система 207объем страниц 187, 278первая страница 191, 206применение модульного HTML 46раскрываемые оглавления 214«резиновый» дизайн 198

контраст 159гладкого контура и аморфного заполнителя 101динамичных и статичных объектов 169по нескольким аспектам 161, 320противоположных тонов 333размеров 160, 164размещения 163, 164текста и фона 113текстур 163, 165форм 164фотографики и плоского цвета 120, 155, 164,

165, 275фотографики и регулярности 210, 319, 331фотографики и узких полос 118фотографики и четких линий 164, 318цветов 110, 111, 161, 163, 165, 298шрифтов 134, 143, 163, 165, 298, 311

контурбукв текста 96выявление с помощью фильтров 301и аморфный заполнитель 101отображение на экране 247прямоугольника 96, 323, 328сглаживание см. анти-алиасингтекстура 117, 118

концертная звукозапись 60копирайта символ см. авторского права символкоричневый цвет 107корневой документ набора фреймов 188короткое тире 231корпоративные сайты 181

визуалы 191, 212объем страниц 187первая страница 191, 206

красной строки отступ 145, 238красный цвет 62, 105, 107, 111, 112кривые Безье 56, 99круги 95, 97

абстракция формы 270как маркеры элементов навигационной панели

209компактность 80

кубизм 92, 271кулинарные рецепты 48курсив 125, 136, 148

выделение знаков препинания 230гуманистической антиквы 128, 306заглавные буквы 140тег I 34, 49

Курьер, гарнитура 137, 219курсив 125

кэш броузера 213

Л.Лазурского, гарнитура 128, 129левая фоновая полоса 171, 224, 262, 279, 330лекальные кривые 99лингвистика 21линейки см. линии, разделительныелинейная структура сайта 185

навигация 207, 313линии 92

базовая шрифта 80, 94, 325в навигационной панели 209, 210восприятия 93, 138, 155, 167, 328, 329вспомогательные 94, 202, 325, 329выноски 94, 327динамика 170дуги 56, 92, 98, 168, 331и фотографические текстуры 318кривые Безье 56, 99лекальные кривые 99

350 индекснаклонные 94, 168, 308, 327, 331полосы 118, 168, 331прямые 56, 92разделительные 36, 93, 203, 323, 326размерные 94соединительные 93, 170, 249, 331строго горизонтальные и вертикальные 118, 255

литературно-музыкальная композиция 282личные страницы 6, 179логическая разметка см. структурная разметкалоготипы

Apple 267AT&T 270, 275DAIMAS’97 143, 266Encynova 317Fractal Design 112«Internet» 137, 147, 272Lucent Technologies 270, 272Mercedes Benz 269Microsoft 269Quiotix 174, 266, 315Splash 327TEX240www.alphaworks.ibm.com 137www.bdaweb.com 143, 329www.highfive.com 163www.kirsanov.com 304абстрактность 265, 267, 270, 315анимированные 289, 291двухцветные 147иллюстративность 267, 327как основа композиции страницы 264как ссылка на первую страницу сайта 208«Книги России» 158, 250, 330нюансировка 174, 270, 317Олимпиады в Нагано 271прием «доказательства от противного» 266, 298,

315, 333приемы оформления в веб-графике 275размещение на странице 262размещение текста относительно графики 268«скрытый смысл» 266, 268, 269, 274текстуры 274трехмерность 266, 274, 289, 291увеличенный размер 139формы 269цвета 265, 273, 317шрифты 134, 155, 166, 272

лозунги рекламные 147, 228, 282, 288любительский дизайн 6, 149, 179

анимация 153, 289, 290декоративные шрифты 202заголовки 202использование «чужого творчества» 76крупный кегль 138

материальные текстуры 87, 120, 153, 259радужные цвета 112, 153, 310растровые эффекты 295текстовые логотипы 305«текстурщина» 122, 294трехмерность 153, 289, 290фоны 87, 259

М.магазины онлайновые 7, 8, 186, 208мазки кистью 101, 271, 289Макинтош, компьютер

кодировка кириллицы 16, 231разрешение монитора 176, 193

Малевич, Казимир 271малоразмерная графика 251

выбор формата 253маркеры элементов списка 86, 97, 319, 322

alt-текст 36Маркс, Карл 179масштабирование графики 198, 237, 256математические тексты 48материалы дизайнера 2, 77, 154, 164, 173, 269материальные текстуры 120, 155, 289

в логотипах 274в фонах 117, 153, 259, 332контрастирование 165

межбуквенные интервалы 141отрицательные 143, 273, 305, 329

межсловные пробелы 238межстрочные интервалы см. интерлиньяжМета, гарнитура 133, 137, 326метаинформация

о документе 39об изображении 35

металлической поверхности имитация 106, 318миниатюры 79минибаннеры 287

размещение 262формат 277

МК-54, микрокалькулятор 292мнемонические подстановки 29, 231многозначные числа 229многоточие, правила расстановки пробелов 228модерн, стиль 99, 127, 130модульный HTML 44, 51, 54мониторы

256-цветные 61, 62, 177, 224, 246, 247, 249, 250вывод цветовых границ 248количество цветов 61, 107, 117, 176, 245размер пикселов 248разрешение 61, 117, 176, 190, 193, 245частота развертки 115, 119

монохромные изображения 62, 265, 273, 297

индекс 351

моноширинные шрифты 125, 137выбор в CSS 219выбор в HTML 217стандартный в Windows 219

монументальная живопись 78«Москва—Петушки» 142муар 119муляжи элементов интерфейса 284

Н.наброски от руки 101навигационная панель 206

в виде выпадающего меню 66, 206, 214в отдельном фрейме 189на левом поле 171перекатывание (rollover) 65, 212–214, 311размещение 208, 262ускорение загрузки 38, 213элементы см. кнопки навигационной панели

навигация на сайте 205, 312Нагано, логотип Олимпиады 271Наггум, Эрик 152наклонные линии 94, 168, 308, 331наложение

букв 143, 273, 305, 329объектов 89, 236, 241, 326с помощью CSS 43текста на размытые фотографии 259частично прозрачных изображений 296

наплыв 80, 128насыщенность цвета 104, 112, 307

изменение с помощью фильтров 296контрастирование 113повышенная 299фона 114

насыщенность шрифта 125рубленых 97, 135, 136, 143, 166, 272, 298

Национальный центр суперкомпьютерныхприложений США 22

начертания шрифта 124жирное 125курсив 34, 49, 125, 128, 136, 140, 148, 230, 306малые прописные 126, 325перекошенное 125полужирное 125, 148, 230прямое 125сверхжирное 126светлое 125

некоммерческие сайты 180немецкий язык

кавычки 232пробел в конце предложения 230

неразрываемые пробелы 229, 238имитация отступов красной строки 226мнемоническая подстановка 29

новая антиква 81, 130, 136изменение пропорций 139

«ноготки» (thumbnails) 190, 257, 258на сайте www.kirsanov.com 313

номера символ 229, 233нюансировка 154, 171, 329

в логотипах 174, 270, 317

О.оба броузера 5общего знаменателя принцип 177, 245, 246объекты

в векторной графике 56контуры 96, 101, 117, 118, 247, 301, 323, 328наложение 43, 89, 236, 241, 259, 296, 326обрезка фона 296отступы вокруг 240повторение 171размещение 85размывка со смазыванием 168, 300расстояние между 85, 164степень заметности в композиции 79, 81, 206,

297, 300, 329, 333тени 301

объем файловбаннеров 286векторной графики 57влияние диффузии 255влияние мелкого кегля 138влияние растровых эффектов 295влияние трехмерности 295влияние фрагментирования графических

вставок 37, 213графических вставок 177, 252навигационной панели 38, 213одной страницы 177, 187при табличной верстке 234программ 68сайтов с фреймами 189сплэш-страницы 192указание в alt-тексте 36

Обыкновенная новая, гарнитура 130однобайтовые кодировки 15однопиксельный GIF 237, 253окружности 92, 97

выравнивание 144как основа композиции логотипа 267, 268компактность 80размещение объектов по окружности 87

оливковый цвет 309, 331Олимпиада в Нагано, логотип 271оптимизация графики 252, 295, 302

баннеров 286программы-оптимизаторы 254с диффузией 255

352 индексоптические иллюзии 80, 154, 174оптический центр прямоугольника 96оранжевый цвет 107, 116, 158, 319, 329, 330ортогональная разметка 20

в XML 48в модульном HTML 43

открытые программы см. open source softwareотносительное позиционирование в CSS 235, 240отступ красной строки 145, 226, 238Оффицина Санс, гарнитура 133

П.палитра 62

безопасная 177, 245, 247, 307влияние на объем графики 255системная 246уменьшение 253

панели прокрутки см. полосы прокруткипанорамные страницы 196, 300, 324панорамные форматы 60параграфа символ 229, 232первая страница сайта 190

ссылки на подчиненные страницы 206перевода строки символ 15переднеплановость см. активность объектов в

композицииперекатывание (rollover) 65, 212, 311

с помощью JavaScript 213с помощью динамического HTML 214

переносимость см. доступность информациипереносы 144

межсловные 229«перепроявленность» 299, 333переходная антиква 81, 129, 136, 306

изменение пропорций 139печать веб-страниц 193, 224, 274

панорамных 197π, число 147Пизанская башня 94пикселы 59, 192пиксельные текстуры 119, 249пиксельные эффекты 251Пинк Флойд 141плавающее позиционирование в CSS 241плавный переход цветов см. градиентПлатон 74плоский цвет 117

и фотографические текстуры 120, 155, 164, 165,275

плотность размещения 89, 156в логотипах 267текста 90

«пляшущие» буквы 146повторение объектов 171подключаемые модули 25, 68, 295

подстановкимнемонические 29, 231числовые 18, 29, 33, 230

подчеркивание 209в гиперссылках 225по базовой линии шрифта 94, 325

позиционирование в CSS 240абсолютное 43, 59, 66, 235, 241относительное 235, 240плавающее 241фиксированное 241

поиск по ключевым словам 38поисковые системы 38, 182

«вес» заглавия 200«вес» заголовков 20ссылки на страницах с результатами 207статистика словоупотреблений 5

Поллок, Джексон 271полосы 118, 168, 331полосы прокрутки 193, 279

горизонтальная 193, 198, 324на баннерах 285

полужирное начертание 125, 148выделение знаков препинания 230

полявокруг текста 90, 96оставляемые броузером 194, 250, 264установка в CSS 240установка с помощью таблиц 197, 234установка с помощью фреймов 189, 195

посещенных адресов список 190почтовый адрес автора сайта 208правильно структурированные XML-документы 50Престиж, гарнитура 137призаголовочная графика 202, 288принтеры

воспроизведение цветовых границ 248входной формат 56печать веб-страниц 193, 197, 224разрешение 176

пробелы 228в конце предложений 230межсловные 238неразрываемые 29, 226, 229, 238

программывстраивание в веб-страницу 67номера версий 229свободно распространяемые см. open source

softwareпрозрачность 299

для интеграции фотографии в композицию120, 259, 289

для создания бесшовного фона 262и анти-алиасинг 249

проклик см. CTR, параметр баннера

индекс 353

прописные буквы см. заглавные буквыпропорции 82

букв 126, 139, 210, 273влияние размеров объектов 84золотое сечение 82кратные 83принцип ограничения «сверху» 83, 139, 270прямоугольников 95человеческого тела 84

пространственные отношения 78профессиональный дизайн 5

декадентский стиль 122, 296, 325, 328, 332жесткое позиционирование 91заголовки 202, 327, 329использование «чужого творчества» 76, 327контраст 160, 163контраст фотографики и плоского цвета 120,

275материальные текстуры 121, 332мелкий кегль 138плоский цвет 117примеры 2, 323–333прямоугольники 95радужные цвета 112«текстурщина» 122, 294толстый контур 97, 323, 328трехмерность 290, 294хаотическое размещение объектов 87, 146, 156,

260, 331, 332цвета 103, 108, 111, 331шрифты 127, 135

прямоугольники 92, 94как маркеры элементов списка 319, 322компактность 80контур 96, 323, 328оптический центр 96пропорции 95с закругленными углами 99, 154, 164, 323, 328

прямые линии см. линиипуансон 266пункты перечисления внутритекстовые 229пункты типографские 126пурпурный цвет 63пустое пространство 89, 138, 144, 191, 326Пушкин, А. С. 55

Р.радио 184радиосхемы 94, 331разделительные линии 93, 323, 326

alt-текст 36тег HR 93, 203трехмерные 203

размерв пропорции 84

влияние на восприятие цвета 109, 174, 251влияние формы объекта 79, 145воспринимаемый 78композиции 79контрастирование 160, 164координация с переднеплановостью 83сопоставимый с размером пиксела 251

размерные линии 94разметка

ортогональная 20, 43, 48структурная 19, 34, 44, 45, 47, 150, 201, 216, 226текстовая 29

размещениебаннеров 188, 195, 205, 262, 279, 330графических вставок 234динамических объектов 167заголовков 88, 171контрастирование 162–164линейное 85логотипов 262, 330навигационной панели 208, 262объектов в шахматном порядке 87одноуровневых элементов 85, 144плотность 89, 156по окружности 87разноуровневых элементов 88хаотическое 86, 87, 146, 156, 260, 331, 332элементов на веб-странице 91, 233

размывки 300, 329гауссовская 120, 168, 300, 325, 326краев 120, 289, 327, 331со смазыванием 168, 300, 331

разрешениелазерного принтера 176монитора 61, 117, 176, 193, 245растрового изображения 193

разрядка 141, 142, 148, 298, 321, 332имитация с помощью неразрываемых пробелов

238рамка см. контур, прямоугольникараскрываемые оглавления 214распорки 234

alt-текст 36имитация отступов красной строки 226, 238неразрываемые пробелы 229однопиксельный GIF 237, 253отладка 238увеличение интерлиньяжа 238

расстояние между объектами 85растровая графика 56, 59

аморфные формы 100аналогия со звукозаписью 60искажения 295форматы 60, 252

354 индексрастровые эффекты 295, 325

нетекстурирующие 296потеря информации 295текстурирующие 299

регистр буквв идентификаторах тегов HTML 28в идентификаторах тегов XML 51

регулярность 82, 118, 260регулярные выражения 46«резиновый» дизайн 191, 197

ширина таблицы 239реклама

анимация 169баннерная 183, 188, 195, 204, 275бесплатных услуг 283дизайн 275, 277, 284имиджевая 181, 277, 284лозунги 147, 228, 282, 288одинаковых по значимости объектов 206спам 180

Релком, компьютерная сеть 16речевые броузеры см. звуковые броузерырисованная графика 289, 327

в навигационной панели 211роботы поисковых систем см. автоматические

сборщики информациирозовый цвет 107рок-музыка 291Ротко, Марк 271рубленые шрифты 124, 134, 316

в логотипах 272выбор в CSS 219гротесковые 92, 130, 133, 328гуманистические 133, 326, 328, 332изменение пропорций 139кириллица 223конструктивистские 132повышенного кегля 139повышенной насыщенности 97, 135, 136, 143,

166, 272, 298стандартный в Windows 219

рукописные шрифты 125, 134, 136, 202, 325заглавные буквы 140

рукотворность 107, 271, 274, 289русский язык

выравнивание строк в абзаце 144заглавные первые буквы значимых слов 141знак номера 233кавычки 232названия цветов 106расстановка пробелов 228текстовые выделения 230терминология 4

рычага правило 157

С.с засечками шрифты 124, 134, 316

в логотипах 272выбор в CSS 219заглавные буквы 140переплетение засечек 306повышенного кегля 139размеры букв 79стандартный в Windows 219

сайты 184англоязычные 9, 196двухуровневая иерархия 210, 214дизайнерских студий 9, 122, 182, 191, 258, 304,

310, 323–326, 329, 331–333динамические 7, 8древовидная структура 185, 188, 206изменения дизайна 3, 323классификация 179контент-сайты 182, 187, 191, 198, 204, 206, 214корпоративные 181, 187, 191, 206, 212линейная структура 185, 207, 313личные 179навигация 205, 312некоммерческие 180разбиение содержимого на страницы 186русскоязычные 6, 7, 9, 16, 192, 196, 217, 222,

230статические 181тематические «кольца» 207траффик 40

сглаживание контуров см. анти-алиасингсерая шкала 103, 108, 265, 273, 297сервер WWW 184сжатие фотографий 120Сигель, Дэвид 91, 234, 237силовые линии восприятия 93, 138, 155, 167, 328,

329силуэты 91, 266символы 14

авторского права 230, 232возврата каретки 15неразрываемого пробела 29номера 229, 233отсутствующие на клавиатуре 230параграфа 229, 232перевода строки 15торговой марки 233управляющие 15

символьные подстановки см. мнемоническиеподстановки

симметрия 2в геометрических текстурах 118в геометрических фигурах 96, 97в композиции веб-страницы 157, 159

индекс 355

в логотипах 267в современном дизайне 156влияние на восприятие размера 80при размещении объектов 87центрирование заголовков 144, 322

симфоническая музыка 291синий цвет 62, 105, 106, 110, 111, 115, 158, 319,

330в логотипах 274, 317

синтезирование шрифтов в CSS 221системы представления цвета

CMYK 63, 105, 274HSV 63, 103RGB 63, 104, 105аддитивная и субтрактивная 63

скобкивокруг шрифтового выделения 230правила расстановки пробелов 229

скрытый смысл 173, 288, 311в баннерах 299в логотипах 266, 268, 269, 274

скульптурная трехмерность 293, 298, 333службы обмена баннерами 276случайность 87, 146, 148, 156, 260, 331, 332смесители цветов 247соединительные линии 93, 170, 249, 331сокращения 229составные баннеры 285спам 180спецсимволы 230сплэш-страница 192

выбор кодировки 192открытие документа в новом окне 198, 325указание размеров окна 192, 198, 324

средневековьебуквицы 146симметрия 98шрифты 123

ссылки см. гиперссылкистандарты Интернета и общепринятая практика

19, 177станковая живопись 78стилевые спецификации 20стрелки 97, 170

анимированные 169строчные буквы

в аббревиатурах 322в заголовках 141в логотипах 273межбуквенные интервалы 142

структура документа 19структурная разметка 19, 34, 44, 47, 150, 216

заголовки 201с помощью модулей 45членение текста на абзацы 226

студийная звукозапись 60субтрактивная система представления цвета 63сценарии см. Javascript, язык

Т.таблицы 32

интерпретация броузерами 238использование для верстки страниц 25, 35, 86,

197, 234объединение ячеек 238, 239отладка 239положение относительно границ окна броузера

235разлиновка ячеек 87, 95, 226расстояние между содержимым ячеек 237тег TABLE 25, 32тег TD 32, 238фон ячеек 87, 95

табуляция 15Таймс, гарнитура 81, 129, 132, 134, 136, 219

курсив 125, 306теги

атрибуты 28в XML 51визуально-ориентированные 24, 27, 54непарные 28обязательные 29парные 28, 51регистр букв в HTML 28регистр букв в XML 51с игнорируемым содержимым 28, 31

текстабзацы на веб-страницах 226, 238баннера 282в броузере 217, 226, 238в виде графических вставок 227в фоне веб-страницы 236, 263верстка в несколько колонок 191, 197, 234выделение случайных слов 147выключка строк 144выравнивание кеглей шрифтов 140выравнивание края строки 80гиперссылки 209, 224заглавные буквы 140, 332изменение ширины надписи 126, 210интерлиньяж 143комфортное чтение 90, 215контур букв 96крупный кегль 81, 138, 141, 174, 321межбуквенные интервалы 273, 305мелкий кегль 81, 113, 133, 138, 140, 141, 148,

248, 251, 321, 332наложение букв 143, 305, 329опечатки 228«пляшущие» буквы 146

356 индексподчеркивание 94, 209, 225, 325поля 90, 96правила набора 228разделение абзацев 145разметка в HTML 29разрядка 141, 142, 148, 298, 321, 332расположение по вертикали 145расположение по окружности 267, 268установка ширины колонки 234фон 113цвет 113, 147, 223шрифтовые выделения 148

текстовые броузеры 34, 178, 213, 228воспроизведение alt-текстов 36заголовки 20

текстовый эквивалент информации 34текстуры 116

в логотипах 266, 274в рисованной графике 289влияние на восприятие размера 81геометрические 82, 118декадентские 122, 325, 332контрастирование 163, 165контура 117, 118линии 93материальные см. материальные текстурыпиксельные 119, 249плоский цвет 117, 120, 155, 165, 275плотность 90полосатые 118, 168, 331принцип единства 155текста 148«текстурщина» 122, 294типографского растра имитация 264, 328трехмерные 292, 294фотографические см. фотографические

текстурытекущая кнопка 212тени

наклонность 94размытость 301

теория дизайна 74теплые цвета 81, 106, 116, 329, 332

в логотипах 274терминология 4, 184типографский растр 264, 328тон цвета 103, 111, 308

контрастирование 113торговой марки символ 18, 233точка

и кавычки в английском языке 232правила расстановки пробелов 228

точка с запятойво французском языке 230

правила расстановки пробелов 228точки привязки для выравнивания 86трассировка 56, 100, 301трекинг 142, 174, 305треугольники 97, 170

как маркеры элементов навигационной панели209, 212

трехмерность 59, 121, 290барельефная 293, 301, 302в заголовках 153, 202, 289, 291в логотипах 266, 274, 289, 291в шрифтах 125, 135линеек в таблице 95, 226разделительных линий 203скульптурная 293, 298, 333

тяжести сила 159

У.узел WWW 184уменьшенные копии изображений см. «ноготки»управляющие символы 15урбанистический стиль см. декадентский стильустав см. церковно-славянский шрифт

Ф.Фидо (компьютерная сеть), кодировка кириллицы

16фиксированное позиционирование в CSS 241филология 74философия

дизайна 75прикладная 21сравнение с теорией дизайна 74

фильтры см. растровые эффектыфиолетовый цвет 105, 107, 111, 115, 298, 318фирменный стиль 315фокус композиции 138, 155, 157фон 121, 259

бесшовный 261для текста 113, 119, 223для текста мелким кеглем 148звездное небо 87как носитель информации 236, 263координация с передним планом 194, 198, 264мрамор 117, 153, 259мятая бумага 87, 259, 300навигационной панели 210, 319, 331небо с облаками 259, 274, 319повторение узора 87, 259полностраничный 236, 263, 323, 328размер элементов 84размножаемый по вертикали 262размножаемый по горизонтали 263размытые надписи 139, 318

индекс 357

размытый фотографический 300, 325цвет 113, 147, 223ячеек таблицы 87, 95, 226, 330

формы 91в логотипах 269влияние на восприятие размера 79, 145геометрические 56, 92, 118, 120, 131, 265, 268,

269компактность 79контрастирование 164принцип единства 154симметричные 80фрактальные 91, 101ядро и оболочка 79

формы (бланки) 30посылка данных на сервер 31тег FORM 31тег INPUT 31

форточки см. фреймыфотографии 119

в визуалах 212, 289, 311, 324, 331, 332в кнопках навигационной панели 211в фоне навигационной панели 210, 319, 331глубина резкости 120, 300, 331глубина цвета 61сжатие 120черно-белые 324, 328

фотографические текстуры 119, 292, 327в логотипах 275и аморфность 100и диффузия 246, 254и моноширинные шрифты 137и плоский цвет 120, 155, 165, 275и соединительные линии 93и узкие полосы 118, 168, 331и четкие линии 318

фотонаборные автоматы 56фрагментирование графических вставок 37, 170,

213, 247фракталы 91, 101фрактура см. готический шрифтфранцузский язык

знак номера 233кавычки 232расстановка пробелов 230

фреймы 32, 188внешние ссылки 186, 190тег FRAME 195установка полей 195

фрески 79Фрисет см. Frutiger, гарнитураФурье ряды 120Футура, гарнитура 131, 136футуризм 131

Х.хаки цвет 107хаос 155, 173, 261хаотическое размещение объектов 86, 87, 146, 156,

260, 331, 332холодные цвета 81, 105, 116, 318, 332художественные училища 73

Ц.цвета

безопасная палитра 177, 245–247, 307белый 108, 110, 112в линии 92в логотипах 265, 273, 317влияние занимаемой площади 93, 109, 174, 251,

308влияние на активность объекта 297влияние на восприятие размера 81восприятие 93, 101, 105, 109, 174, 251гибридные из цветов безопасной палитры 247гиперссылок 113, 115, 223, 224голубой 63, 105, 106, 111граница цветов 110, 247желтый 63, 105, 107, 111, 319, 322зеленый 62, 105, 107, 111, 298, 317золотой 107, 116, 320изменение с помощью фильтров 296количество отображаемых компьютером цветов

61количество цветов в композиции 111, 154, 165контрастирование 110, 111, 161, 163, 165, 298коричневый 107красный 62, 105, 107, 111, 112насыщенность 104, 112–114, 296, 299, 307оливковый 309, 331оранжевый 107, 116, 158, 319, 329, 330плоские см. плоский цветпринцип единства 110, 154противоположные 111, 298пурпурный 63разложение на составляющие 62розовый 107самостоятельные и промежуточные в цветовом

круге 105серый 108синий 62, 105, 106, 110, 111, 115, 158, 274, 317,

319, 330сочетаемость 110текста 113, 147, 223теплые 81, 106, 116, 274, 329, 332тон 103, 111, 113, 308фиолетовый 105, 107, 111, 115, 298, 318фона страницы 113, 147, 223фона ячеек таблицы 87, 95, 226, 330

358 индексхаки 107холодные 81, 105, 116, 318, 332человеческой кожи 107черный 63, 108, 110, 112яркость 104, 112–114, 308

цветовой круг 104цветовой охват

модели CMYK 63, 274монитора 107, 117, 176, 245

цветокоррекция 299центр масс 156, 330центрирование 88

заголовков 88, 144, 322изображений 259страницы в окне броузера 198

церковно-славянский шрифт 125, 127церковные проповеди 48

Ч.человеческой кожи цвет 107черный цвет 63, 108, 110, 112чертежи 93, 94четырехбайтовая кодировка 18числовые подстановки 18, 29, 33, 230Чихольд, Ян 133«чужое творчество» 76, 123, 327

Ш.шестнадцатибитные кодировки см. двухбайтовые

кодировкиширина страницы 193, 197, 198Школьная, гарнитура 131Шпикерманн, Эрик 133, 326шрифтовые дескрипторы в CSS2 221шрифты 122

базовая линия 80, 94, 325базовый кегль в броузере 194, 216в композиции 133, 155в логотипах 155, 272в навигационной панели 210встраивание в документ 221выбор в CSS 43, 219выбор в HTML 218выносные элементы букв 273гарнитура 124готический 125, 127гуманистическая антиква 81, 128, 137, 306декоративные 125, 134, 272, 305искажение пропорций 126, 139, 210, 273, 305кегль см. кегль шрифтакернинг 142, 174кириллица 127, 132, 222Кларендон 130контрастирование 134, 163, 165межбуквенные интервалы 141

Microsoft для веб-страниц 220моноширинные 125, 137, 217на компьютере типичного пользователя 219названия 137наплыв 80, 128насыщенность см. насыщенность шрифтаначертания см. начертания шрифтановая антиква 81, 130, 136, 139оптические иллюзии 80отношение высоты строчных к высоте

заглавных 139переходная антиква 81, 129, 136, 139, 306по умолчанию в броузере 219принцип единства 134, 155растянутые 126рубленые см. рубленые шрифтырукописные 125, 134, 136, 202, 325с засечками см. с засечками шрифтысжатые 126, 139синтезирование в CSS 221системные Windows 248тег FONT 151текстура 148трекинг 142, 174, 305трехмерные 125, 135церковно-славянский 125, 127ширина 126

Э.электронная почта

кодировка кириллицы 16текст заглавными буквами 140

элементы HTML-документа 28, 240эмблемы см. логотипыэмфазис 34, 225

отрицательный в заголовках 88, 138, 202, 307,321, 325, 329

эргономика 113, 126, 171Эшер, Мориц 306

Я.языки

английский 140, 142, 144, 229–232западноевропейские 17немецкий 230, 232первобытных племен 21русский 4, 106, 141, 144, 228, 230, 232, 233с иероглифической письменностью 18французский 230, 232, 233

яркость цвета 104, 112, 308изменение с помощью фильтров 297контрастирование 113фона 114