
- •Дмитрий кирсанов
- •Глава I. Техминимум 15
- •Глава II. Основы дизайна 44
- •Глава III. Дизайн веб-сайтов 105
- •Глава IV. Веб-графика 141
- •Оглавление
- •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. Веб-графика 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
www.kirsanov.com 178
Логотип 178
Рис. 77 Генезис логотипа 179
Рис. 78 (см. цветную вкладку, стр. 335) 180
Цветовая схема 180
Входные цвета 180
Рис. 79 (см. цветную вкладку, стр. 335) 181
Информационные цвета 181
Первая страница 182
Рис. 80 182
Карты на стол 183
Навигация 183
Рис. 81 184
Рис. 82 184
www.quiotix.com 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. www.avsi.com/avalanche/company/index.html 191
2. www.elliottdickens.com 191
3. www.elliottdickens.com/browser.cgi 191
4. www.finemagazine.com/fine1/music/torih.htm 192
5. www.prophetcomm.com/iconoclast/ 192
6. www.metadesign.com 193
8. www.aboutus.miningco.com 193
7. www.metadesign.com/metawho/index.htm 194
9. www.microsoft.com/license/opendrive/ 194
10. www.splashtech.com 195
11. www.supercede.com/prodserv/scfjava.html 195
12. www.wps.ru 196
13. www.bdaweb.com 196
14. www.capstonestudio.com 197
15. (Книги России 1) www.books.ru 197
16. www.ideo.com/net3/ideo.htm 198
17/ www.chess.ibm.сom/learn/html/e.html 199
18.www.tlg.com 199
19. www.verso.com 200
20. www.vivid.com 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