- •Дмитрий кирсанов
- •Глава I. Техминимум 18
- •Глава II. Основы дизайна 56
- •Глава III. Дизайн веб-сайтов 131
- •Глава IV. Веб-графика 175
- •Оглавление
- •II.1 Пространственные отношения (78)
- •II.10 Нюансировка (172)
- •V.3 Галерея (323)
- •Предисловие
- •Что здесь есть и чего здесь нет
- •Примеры
- •Соглашения
- •Сверим часы
- •Как выбрать дизайнера
- •Почему эта тема?
- •Сам себе Гутенберг
- •Глава I. Техминимум
- •Кодировки текста
- •Однобайтовые кодировки
- •Семейство 8859
- •Двухбайтовые кодировки
- •История
- •В начале был sgml
- •Прикладная философия
- •Золотой век
- •Html плюс
- •Идолы рынка
- •Бяки и буки
- •Три, четыре...
- •Синтаксис
- •Подстановки
- •Минимальный документ
- •Текстовая разметка
- •Ссылки и привязки
- •Изображения и объекты
- •Национальные особенности
- •Согласование кодировок
- •Среды и доступность
- •Доступность: таблицы
- •Как писать alt-тексты
- •Доступность: изображения-карты
- •Мета-данные и поиск
- •Мертвая зона
- •Принципы
- •Возможности
- •Модульный html
- •Режем по живому
- •Сборно-панельный сайт
- •Например
- •Синтаксис
- •Уровни соответствия
- •Конверсия
- •Надстройки
- •Графика
- •Вектор в Интернете
- •На все четыре стороны
- •Палитры
- •Системы представления цвета
- •Программирование
- •Динамический html
- •Модульные технологии
- •Динамические страницы
- •Глава II. Основы дизайна
- •Как учиться дизайну
- •Дизайн и «чужое творчество»
- •Материалы и инструменты
- •Пространственные отношения
- •Относительность размера
- •Форма и размер
- •Искусство выравнивания текста
- •Цвет и размер
- •Текстура и размер
- •Пропорции
- •Золото и пластмасса
- •Пропорций простота
- •Микропропорции
- •Размещение
- •Одноуровневые элементы
- •Разноуровневые элементы
- •Плотность
- •Пол и характер
- •Плотность текста
- •В нужное время и в нужном месте
- •Дизайн Пизанской башни
- •Прямоугольники
- •Круги и закругления
- •Кривые Безье
- •Бесформенность
- •Как устроен цвет
- •Прогулка по цветовому кругу
- •Главные цвета
- •Восприятие цвета
- •Сочетаемость цветов
- •Текст и фон
- •Текстуры
- •Плоский цвет
- •Геометрические текстуры
- •Пиксельные текстуры
- •Фотографические текстуры
- •Материальные текстуры
- •Шрифт и текст
- •Элементы шрифта.
- •Гарнитура, начертание, шрифт
- •Виды начертаний
- •Шрифты и время.
- •Переходные шрифты
- •Новая антиква
- •Кларендон
- •Новые рубленые
- •Маятник гуманизма
- •Подбор Шрифтов
- •Единство противоположностей
- •Слишком декоративные шрифты
- •Развивая тему
- •Шрифты и названия
- •Параметры Набора
- •Прописные и строчные
- •Интервалы
- •Выравнивание и отступы
- •Размещение
- •Чья случайность лучше?
- •Текст как текстура
- •Единство
- •Академический стиль
- •В полный рост
- •Размещение
- •Текстура
- •Центр масс системы
- •Правило рычага
- •Контраст
- •Контраст — это продолжение единства другими средствами
- •Одномерный контраст
- •Многомерный контраст
- •Аспекты контраста
- •Расстояние
- •Расположение
- •Текстура
- •Динамика
- •Динамика явная
- •Ветер по Гауссу
- •Динамика совсем явная
- •Динамика неявная
- •Нюансировка
- •Пространственные отношения
- •Глава III. Дизайн веб-сайтов
- •Преграды и препоны
- •От общего к частному
- •Типы сайтов
- •Первый шаг
- •В мире .Org
- •Скорей любите нас
- •Бесплатный сыр
- •Устройство сайта
- •Неупорядоченный континуум
- •Топология сайта
- •Распределение материала
- •Фреймы и окна
- •Первая страница
- •Всплеск и вскрик
- •Формат страницы
- •Заметки о полях
- •Во первых строках
- •У голубого экрана
- •Если тебе дадут линованную бумагу — пиши поперек
- •Ступеньки ригидности
- •Заглавия и заголовки
- •Заглавие
- •Заголовки: логика
- •Заголовки: дизайн
- •Разделители
- •Баннеры
- •Навигация
- •Общий обзор
- •Семантика
- •Разновидности одинаковости
- •По ту сторону кнопок
- •Символы и метафоры
- •Особые случаи
- •Динамическая навигация
- •Блоки текста
- •Коренные шрифты
- •Все шрифты ношу с собой
- •Осторожно: кириллица
- •Другие параметры
- •Правила набора текстов
- •Расстановка пробелов
- •Неразрываемые пробелы
- •Текстовые выделения
- •Спецсимволы
- •Позиционирование
- •Дурная наследственность
- •Двойное дно
- •Белое место
- •Фэйсом об тэйбл
- •Позиционирование в css
- •Глава IV. Веб-графика
- •Техника
- •Палитра и диффузия
- •Цветовые границы
- •Экранный анти-алиасинг
- •Пиксельные эффекты
- •Оптимизация
- •Взболтать и настоять
- •Чудное мгновенье
- •Функции
- •Выставочная графика
- •Как не надо делать фон
- •Прогладить с изнанки
- •Одномерные фоны
- •Одним куском
- •Логотипы
- •Диалектика формы
- •На единицу площади
- •Про что картинка?
- •Символ и слово
- •Аспекты логотипа
- •Текстура
- •Баннеры
- •Сколько натикало?
- •Форматы
- •В нужное время и в нужном месте
- •Слева при входе
- •В начале было что-то
- •Собственная гордость
- •Удар ниже пояса
- •Смена поколений
- •На килограмм живого веса
- •Рынок визуалов
- •Трехмерность
- •Император иллюзий
- •Пластмассовый призрак
- •Скульптура или барельеф
- •Искусство искажений
- •Нетекстурирующие эффекты
- •Текстурирующие эффекты
- •Логотип
- •Цветовая схема
- •Входные цвета
- •Информационные цвета
- •Первая страница
- •Карты на стол
- •Навигация
- •Логотип
- •Первая страница
- •Внутренние страницы
- •Галерея
- •15. (Книги России 1) www.Books.Ru
- •Индекс Символы.
- •А(латиница).
Глава IV. Веб-графика 175
Техника 176
Палитра и диффузия 177
Цветовые границы 178
Рис. 55 179
Рис. 56 180
Экранный анти-алиасинг 180
Из-под пятницы суббота 180
Пиксельные эффекты 181
ОПТИМИЗАЦИЯ 182
JPEG 182
Взболтать и настоять 184
Чудное мгновенье 185
Рис. 57 185
Blow up 185
Функции 186
Выставочная графика 186
Фоны 187
Как не надо делать фон 187
Прогладить с изнанки 188
Рис. 58 189
Рис. 59 189
Одномерные фоны 190
Одним куском 191
Рис. 60 191
ЛОГОТИПЫ 192
Диалектика формы 193
На единицу площади 194
Про что картинка? 194
Символ и слово 195
Аспекты логотипа 196
Форма 196
Рис. 63 196
Рис. 64 197
Рис. 65 197
Шрифт 198
Рис. 66 199
Текстура 200
Рис. 67 200
Баннеры 200
Сколько натикало? 201
Форматы 202
В нужное время и в нужном месте 202
Слева при входе 203
Рис. 68 205
В начале было что-то 206
Собственная гордость 207
Рис. 69 207
Рис. 70 208
Рис. 71 208
Удар ниже пояса 208
Смена поколений 209
На килограмм живого веса 209
Acknowledgements 210
Рис. 72 211
Визуал 211
Рынок визуалов 212
Рис. 74 213
Приемы 213
Трехмерность 213
Император иллюзий 214
Пластмассовый призрак 214
Скульптура или барельеф 215
Рис. 75 216
Искусство искажений 216
Нетекстурирующие эффекты 217
Текстурирующие эффекты 220
Рис. 76 «Большой, но за пять или маленький, но за три» 220
Примеры 222
www.kirsanov.com 222
Логотип 223
Рис. 77 Генезис логотипа 224
Рис. 78 (см. цветную вкладку, стр. 335) 224
Цветовая схема 224
Входные цвета 225
Рис. 79 (см. цветную вкладку, стр. 335) 226
Информационные цвета 226
Первая страница 226
Рис. 80 227
Карты на стол 228
Навигация 229
Рис. 81 229
Рис. 82 229
www.quiotix.com 230
Логотип 230
Рис. 83 231
Рис. 84 231
Рис. 85 232
Первая страница 233
Рис. 86 Эволюция буквы «Q» 233
Рис. 87 (см. Цветную вкладку, стр. 336) 233
Рис. 88 (см. цветную вкладку, стр. 336) 233
Рис. 89 234
Внутренние страницы 235
Рис. 90 (см. цветную вкладку, стр. 336) 235
Рис. 91 236
Miscellanea 236
Рис. 92 237
Рис. 93 237
Галерея 237
1. www.avsi.com/avalanche/company/index.html 238
2. www.elliottdickens.com 238
3. www.elliottdickens.com/browser.cgi 238
4. www.finemagazine.com/fine1/music/torih.htm 239
5. www.prophetcomm.com/iconoclast/ 239
6. www.metadesign.com 240
8. www.aboutus.miningco.com 240
7. www.metadesign.com/metawho/index.htm 241
9. www.microsoft.com/license/opendrive/ 241
10. www.splashtech.com 242
11. www.supercede.com/prodserv/scfjava.html 242
12. www.wps.ru 243
13. www.bdaweb.com 243
14. www.capstonestudio.com 244
15. (Книги России 1) www.books.ru 245
16. www.ideo.com/net3/ideo.htm 246
17/ www.chess.ibm.сom/learn/html/e.html 246
18.www.tlg.com 247
19. www.verso.com 248
20. www.vivid.com 249
Рис. 19 249
Рис. 20 249
Рис. 22 (к стр. 114) 250
Рис. 21 250
Рис. 43 250
Рис. 78 250
Рис. 79 250
Рис. 87 251
Рис. 88 (к стр. 318) 251
Рис. 89 (к стр. 319) 252
Рис. 90 (к стр. 320) 252
Рис. 91 (к стр.321) 252
Рис. 92 (к стр. 322) 252
Индекс 252
Символы. 252
А(латиница). 253
B. 254
С. 255
D. 255
E 256
F 256
G 257
Н. 257
I. 258
J. 259
К. 259
L. 259
М 259
N. 260
O. 260
Р 261
Q. 261
R. 261
S. 261
Т. 262
U. 262
V. 263
W. 263
X. 265
Z. 265
Б. 267
В. 269
Г. 270
Д. 272
Е. 273
Ж. 274
3. 274
И. 275
К. 275
Л. 279
М. 280
Н. 281
О. 282
П. 283
Р. 286
С. 288
Т. 290
У. 293
Ф. 293
Х. 294
Ц. 295
Ч. 296
Ш. 296
Э. 297
Я. 297