Главная > Книга


Некоторые иллюстрации я взял в интернете

Номер страниц предшествует тексту

Серия «Библиотека дизайнера»

Дмитрий КИРСАНОВ

Веб-дизайн: книга Дмитрия Кирсанова

Главный редактор

Дизайн книги, иллюстрации

Верстка, корректура, индекс

Александр Галунов

Дмитрий Кирсанов

Алина Кирсанова

К43 Кирсанов Д.

Веб-дизайн: книга Дмитрия Кирсанова. — СПб: Символ-Плюс, 1999 — 376 с.: цв. ил.

ISBN 5-93286-003-0

Книга автора бестселлера «Факс-модем: от покупки и подключения до выхода в Интернет» - Дмитрия Кирсанова (www.kirsanov.com ) - первый полный курс веб-дизайна на русском языке, написанный профессиональным дизайнером. От теоретических основ визуального дизайна до интернетовских технологий и приемов практической работы над сайтом - все это есть в книге, написанной по­нятно, подробно и увлекательно. Издание будет полезно не только начинающим создателям сайтов, но и дизайнерам, работающим в более традиционных облас­тях, специалистам по рекламе и маркетингу, художникам, программистам, - и, конечно же, всем творческим и любознательным людям.

ISBN 5-93286-003-0

©Дмитрий Кирсанов, 1999

© Издательство Символ-Плюс, 1999

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

Издательство Символ-Плюс

193148, Санкт-Петербург, ул.Пинегина, 4. тел. (812) 567-8775 Лицензия ЛП №000054 от 25.12.98

Подписано в печать 24 .02.99. Формат 70X90 '/16. Бумага офсетная

Печать офсетная. Объем 23 п.л. Тираж 4000 экз. Заказ № 65

Отпечатано с готовых диапозитивов в Академической типографии «Наука» РАН 199034, Санкт-Петербург, 9 линия, 12

оглавление 8

Предисловие 9

Что здесь есть и чего здесь нет 9

Примеры 10

Соглашения 10

О вас 11

Сверим часы 12

Как выбрать дизайнера 12

Обо мне 13

Почему эта тема? 14

Сам себе Гутенберг 14

Глава I. Техминимум 15

Кодировки текста 15

ASCII 16

Однобайтовые кодировки 16

Семейство 8859 17

Двухбайтовые кодировки 17

ISO 10646 и UTF-8 17

HTML 18

История 18

В начале был SGML 18

Прикладная философия 18

Золотой век 19

HTML плюс 20

Идолы рынка 20

Бяки и буки 20

Те же и Microsoft 21

Три, четыре... 21

Синтаксис 22

Подстановки 22

Минимальный документ 23

Текстовая разметка 23

Ссылки и привязки 23

Формы 23

Изображения и объекты 24

Таблицы 24

Фреймы 24

Национальные особенности 24

Согласование кодировок 25

Среды и доступность 25

Доступность: таблицы 26

Как писать alt-тексты 26

Доступность: изображения-карты 26

Мета-данные и поиск 27

Мертвая зона 27

CSS 28

Принципы 29

Возможности 29

Модульный HTML 30

Режем по живому 30

Сборно-панельный сайт 30

Рис. 1 31

Например 31

XML 32

Синтаксис 32

DTD 32

Уровни соответствия 33

Конверсия 34

Надстройки 34

XLL 34

XSL 35

Графика 35

Вектор 36

Вектор в Интернете 37

Растр 37

На все четыре стороны 38

Цвета 38

Палитры 39

Системы представления цвета 39

Программирование 40

JavaScript 40

Динамический HTML 40

Модульные технологии 41

Динамические страницы 43

Глава II. Основы дизай­на 44

Как учиться дизайну 45

Дизайн и «чужое творчество» 45

Материалы и инструменты 46

Пространственные отношения 46

Размер 46

Относительность размера 46

Форма и размер 47

Рис. 2 47

Рис. 3 48

Искусство выравнивания текста 48

Рис. 4 48

Цвет и размер 48

Текстура и размер 48

Рис. 5 49

Пропорции 49

Рис. 6 49

Золото и пластмасса 49

Пропорций простота 50

Рис. 7 50

Микропропорции 50

Размещение 51

Одноуровневые элементы 51

Рис. 8 52

Разноуровневые элементы 53

Плотность 53

Пол И характер 53

Плотность текста 54

В нужное время и в нужном месте 54

Форма 55

Рис. 9 55

Прямые 56

Рис. 10 56

Рис. 11 57

Рис. 12 57

Дизайн Пизанской башни 57

Прямоугольники 58

Круги и закругления 59

Рис. 14 60

Кривые Безье 60

Рис. 15 61

Бесформенность 61

Рис. 16 61

Рис. 17 62

Цвет 62

Рис. 18 63

Как устроен цвет 63

Рис. 19 64

Прогулка по цветовому кругу 65

Ну и что? 66

Главные цвета 66

Восприятие цвета 66

Сочетаемость цветов 67

Рис. 20 68

Рис. 21 68

Текст и фон 69

Рис. 22 69

Текстуры 70

Плоский цвет 71

Геометрические текстуры 72

Пиксельные текстуры 72

Рис. 25 72

Фотографические текстуры 72

Рис. 26 73

Материальные текстуры 73

Шрифт и текст 74

Элементы шрифта. 75

Гарнитура, начертание, шрифт 75

Systema naturae 75

Виды начертаний 76

Рис. 27 76

Шрифты и время. 76

Рис. 29 77

Рис. 30 77

Рис. 31 78

Переходные шрифты 78

Новая антиква 79

Рис. 32 79

Кларендон 79

Новые рубленые 80

Маятник гуманизма 80

Рис. 33 80

Рис. 34 81

Рис. 35 81

Подбор Шрифтов 82

Единство противоположностей 82

Слишком декоративные шрифты 82

Развивая тему 83

Шрифты и названия 84

Рис. 36 84

Параметры Набора 84

Кегль 84

Прописные и строчные 85

Интервалы 86

Рис. 37 86

Рис. 38 86

Выравнивание и отступы 87

Размещение 88

Рис. 39 89

Чья случайность лучше? 89

Цвет 89

Текст как текстура 90

Единство 90

Content is king 91

Академический стиль 91

В полный рост 92

Форма 93

Размещение 93

Цвет 93

Шрифт 93

Текстура 93

Баланс 94

Центр масс системы 94

Правило рычага 95

Рис. 40 95

Контраст 96

Контраст — это продолжение единства дру­гими средствами 96

Одномерный контраст 96

Многомерный контраст 97

Рис. 41 97

Рис. 42 97

Рис. 43 98

Аспекты контраста 98

Форма 99

Размер 99

Расстояние 99

Расположение 99

Цвет 99

Текстура 99

Шрифт 99

Динамика 100

Рис. 44 101

Динамика явная 101

Ветер по Гауссу 101

Динамика совсем явная 102

Динамика неявная 102

Рис. 45 103

Нюансировка 103

Пространственные отношения 104

Цвет 104

Шрифт 105

Глава III. Дизайн веб-сайтов 105

Преграды и препоны 105

От общего к частному 106

Типы сайтов 106

Первый шаг 107

Рис. 46 107

В мире .org 107

Скорей любите нас 108

Бесплатный сыр 108

Устройство сайта 109

Неупорядоченный континуум 109

Топология сайта 110

Рис. 47 110

Распределение материала 111

Фреймы и окна 112

Первая страница 113

Всплеск и вскрик 113

Формат страницы 114

The frame of reference 114

Заметки о полях 115

Во первых строках 115

У голубого экрана 116

Если тебе дадут линованную бумагу — пиши поперек 116

Ступеньки ригидности 116

Заглавия и заголовки 117

Заглавие 118

Заголовки: логика 118

Заголовки: дизайн 118

Разделители 119

Рис. 48 120

Баннеры 120

Навигация 121

Общий обзор 121

Семантика 122

Дизайн 122

Рис. 49 123

Разновидности одинаковости 123

По ту сторону кнопок 123

Символы и метафоры 124

Рис. 50 125

Особые случаи 125

Динамическая навигация 126

Рис. 51 126

Блоки текста 126

Кегль 127

Шрифт 128

Коренные шрифты 129

Все шрифты ношу с собой 129

Осторожно: кириллица 130

Цвет 130

Ссылки 131

Другие параметры 132

When all else fails 133

Правила набора текстов 133

Расстановка пробелов 134

Неразрываемые пробелы 134

Текстовые выделения 134

Спецсимволы 134

Позиционирование 136

Таблицы и распорки 136

Дурная наследственность 137

Двойное дно 137

Белое место 138

Фэйсом об тэйбл 139

Рис. 52 139

Позиционирование в CSS 140

Глава IV. Веб-графика 141

Техника 141

Палитра и диффузия 142

Цветовые границы 143

Рис. 55 144

Рис. 56 144

Экранный анти-алиасинг 145

Из-под пятницы суббота 145

Пиксельные эффекты 146

ОПТИМИЗАЦИЯ 146

JPEG 146

Взболтать и настоять 147

Чудное мгновенье 148

Рис. 57 148

Blow up 148

Функции 149

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

Фоны 150

Как не надо делать фон 150

Прогладить с изнанки 151

Рис. 58 152

Рис. 59 152

Одномерные фоны 152

Одним куском 153

Рис. 60 153

ЛОГОТИПЫ 154

Диалектика формы 155

На единицу площади 156

Про что картинка? 156

Символ и слово 157

Аспекты логотипа 157

Форма 157

Рис. 63 158

Рис. 64 158

Рис. 65 158

Шрифт 159

Рис. 66 159

Текстура 160

Рис. 67 161

Баннеры 161

Сколько натикало? 161

Форматы 162

В нужное время и в нужном месте 162

Слева при входе 163

Рис. 68 165

В начале было что-то 165

Собственная гордость 166

Рис. 69 166

Рис. 70 167

Рис. 71 167

Удар ниже пояса 167

Смена поколений 168

На килограмм живого веса 168

Acknowledgements 169

Рис. 72 169

Визуал 169

Рынок визуалов 170

Рис. 74 171

Приемы 171

Трехмерность 171

Император иллюзий 171

Пластмассовый призрак 172

Скульптура или барельеф 173

Рис. 75 173

Искусство искажений 174

Нетекстурирующие эффекты 174

Текстурирующие эффекты 176

Рис. 76 «Большой, но за пять или маленький, но за три» 176

При­ме­ры 178

178

Логотип 178

Рис. 77 Генезис логотипа 179

Рис. 78 (см. цветную вкладку, стр. 335) 180

Цветовая схема 180

Входные цвета 180

Рис. 79 (см. цветную вкладку, стр. 335) 181

Информационные цвета 181

Первая страница 182

Рис. 80 182

Карты на стол 183

Навигация 183

Рис. 81 184

Рис. 82 184

185

Логотип 185

Рис. 83 186

Рис. 84 186

Рис. 85 186

Первая страница 187

Рис. 86 Эволюция буквы «Q» 187

Рис. 87 (см. Цветную вкладку, стр. 336) 187

Рис. 88 (см. цветную вкладку, стр. 336) 187

Рис. 89 188

Внутренние страницы 188

Рис. 90 (см. цветную вкладку, стр. 336) 188

Рис. 91 189

Miscellanea 189

Рис. 92 190

Рис. 93 190

Галерея 190

1. /avalanche/company/index.html 191

2. 191

3. /browser.cgi 191

4. /fine1/music/torih.htm 192

5. /iconoclast/ 192

6. 193

8. 193

7. /metawho/index.htm 194

9. /license/opendrive/ 194

10. 195

11. /prodserv/scfjava.html 195

12. 196

13. 196

14. 197

15. (Книги России 1) 197

16. /net3/ideo.htm 198

17/ www.chess.ibm.сom/learn/html/e.html 199

199

19. 200

20. 201

Рис. 19 201

Рис. 20 201

Рис. 22 (к стр. 114) 202

Рис. 21 202

Рис. 43 202

Рис. 78 202

Рис. 79 202

Рис. 87 203

Рис. 88 (к стр. 318) 203

Рис. 89 (к стр. 319) 204

Рис. 90 (к стр. 320) 204

Рис. 91 (к стр.321) 204

Рис. 92 (к стр. 322) 204

Индекс 204

Символы. 204

А(латиница). 205

B. 206

С. 206

D. 207

E 207

F 208

G 208

Н. 208

I. 209

J. 209

К. 210

L. 210

М 210

N. 210

O. 211

Р 211

Q. 211

R. 211

S. 211

Т. 212

U. 212

V. 212

W. 212

X. 214

Z. 214

Б. 216

В. 217

Г. 218

Д. 219

Е. 220

Ж. 221

3. 221

И. 221

К. 222

Л. 224

М. 225

Н. 226

О. 227

П. 228

Р. 230

С. 231

Т. 233

У. 235

Ф. 235

Х. 236

Ц. 236

Ч. 237

Ш. 237

Э. 238

Я. 238



Скачать документ

Похожие документы:

  1. 9/29/13 Некоторые иллюстрации я взял в интернете Номер страниц предшествует тексту Дмитрий КИРСАНОВ

    Книга
    ... update 9/29/13 Некоторыеиллюстрации я взял в интернетеНомерстраницпредшествуеттексту Серия «Библиотека дизайнера» ДмитрийКИРСАНОВВеб-дизайн: книгаДмитрияКирсанова Главный редактор Дизайнкниги, иллюстрации Верстка, корректура ...
  2. 9/24/13 Некоторые иллюстрации я взял в интернете Номер страниц предшествует тексту Дмитрий КИРСАНОВ

    Книга
    ... update 9/24/13 Некоторыеиллюстрации я взял в интернетеНомерстраницпредшествуеттексту Серия «Библиотека дизайнера» ДмитрийКИРСАНОВВеб-дизайн: книгаДмитрияКирсанова Главный редактор Дизайнкниги, иллюстрации Верстка, корректура ...
  3. Техминимум кодировки ТЕКСТА ASCII | Однобайтовые кодиров­ки |

    Документ
    ... Веб-графика Противопоставле­ние текста и графики в объектах информационного дизайна возникло задолго до появления Интернета и веб-дизайна ... самого ДмитрияКирсанова, а не его дизайн- ... дизайна со ссылками (но­мерастраниц в скобках) на те разделы книги ...
  4. Техминимум кодировки ТЕКСТА ASCII | Однобайтовые кодиров­ки |

    Документ
    ... Веб-графика Противопоставле­ние текста и графики в объектах информационного дизайна возникло задолго до появления Интернета и веб-дизайна ... самого ДмитрияКирсанова, а не его дизайн- ... дизайна со ссылками (но­мерастраниц в скобках) на те разделы книги ...

Другие похожие документы..