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

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

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

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

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

Размер 58

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

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

Рис. 2 59

Рис. 3 60

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

Рис. 4 61

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

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

Рис. 5 62

Пропорции 62

Рис. 6 62

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

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

Рис. 7 63

Микропропорции 64

Размещение 64

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

Рис. 8 66

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

Плотность 67

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

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

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

Форма 69

Рис. 9 69

Прямые 70

Рис. 10 70

Рис. 11 72

Рис. 12 72

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

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

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

Рис. 14 75

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

Рис. 15 77

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

Рис. 16 77

Рис. 17 78

Цвет 79

Рис. 18 79

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

Рис. 19 81

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

Ну и что? 83

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

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

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

Рис. 20 86

Рис. 21 86

Текст и фон 86

Рис. 22 87

Текстуры 89

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

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

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

Рис. 25 91

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

Рис. 26 92

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

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

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

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

Systema naturae 95

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

Рис. 27 95

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

Рис. 29 97

Рис. 30 97

Рис. 31 98

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

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

Рис. 32 99

Кларендон 100

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

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

Рис. 33 101

Рис. 34 101

Рис. 35 101

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

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

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

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

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

Рис. 36 106

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

Кегль 106

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

Интервалы 108

Рис. 37 108

Рис. 38 108

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

Размещение 111

Рис. 39 111

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

Цвет 112

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

Единство 113

Content is king 114

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

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

Форма 116

Размещение 117

Цвет 117

Шрифт 117

Текстура 117

Баланс 118

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

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

Рис. 40 120

Контраст 120

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

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

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

Рис. 41 122

Рис. 42 122

Рис. 43 123

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

Форма 124

Размер 124

Расстояние 124

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

Цвет 124

Текстура 124

Шрифт 125

Динамика 125

Рис. 44 126

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

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

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

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

Рис. 45 128

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

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

Цвет 130

Шрифт 130

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

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

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

Типы сайтов 133

Первый шаг 133

Рис. 46 134

В мире .org 134

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

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

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

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

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

Рис. 47 138

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

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

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

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

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

The frame of reference 143

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

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

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

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

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

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

Заглавие 147

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

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

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

Рис. 48 150

Баннеры 150

Навигация 151

Общий обзор 151

Семантика 152

Дизайн 153

Рис. 49 154

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

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

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

Рис. 50 156

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

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

Рис. 51 157

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

Кегль 159

Шрифт 160

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

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

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

Цвет 163

Ссылки 164

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

When all else fails 166

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

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

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

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

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

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

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

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

Двойное дно 171

Белое место 172

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

Рис. 52 174

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