Глава 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