Веб-дизайн. Руководство разработчика

Содержание книги «Веб-дизайн. Руководство разработчика»:

• 12 Предисловие
  • 13 Для кого эта книга
  • 14 О чем эта книга
  • 15 Справочные источники
    • 15 Форумы SitePoint
    • 15 Сайт книги
    • 15 Рассылки SitePoint
    • 15 Подкаст SitePoint
  • 15 Обратная связь
  • 16 Условные обозначения, используемые в книге
    • 16 Образцы кода
    • 16 Советы, замечания и предупреждения
• 17 Благодарности
• 18 Об авторе
  • 18 О главном консультанте
  • 18 О техническом редакторе
  • 18 О главном техническом редакторе
  • 19 О SitePoint
• 20 От издательства
• 21 Глава 1. Макет страницы и композиция
  • 22 Процесс дизайна
    • 22 Выяснение
    • 24 Исследование
    • 25 Реализация
  • 26 В чем заключается хороший дизайн
  • 28 Анатомия веб-страницы
  • 31 Теория сеток
    • 32 Правило третей
    • 33 «Сетка 960»
  • 35 Баланс
    • 35 Симметричный баланс
    • 37 Асимметричный баланс
  • 39 Целостность
    • 40 Сближение
    • 41 Повторяемость
  • 43 Акцентирование
    • 43 Размещение
    • 43 Непрерывность
    • 44 Изоляция
    • 44 Контраст
    • 45 Пропорция
  • 47 Макеты веб-страниц: джентльменский набор
    • 47 Навигация в левом столбце
    • 48 Навигация в правом столбце
    • 49 Навигация в трех столбцах
  • 50 Поиск вдохновения
    • 50 Работа с банком изображений
  • 51 Новомодные тенденции
    • 51 Журнальный стиль без навигации
    • 52 Обширный нижний колонтитул
    • 53 Минимализм — ничего лишнего
  • 54 Изменение размеров: фиксированный, «резиновый», интерактивный макеты
    • 54 Фиксированная ширина
    • 55 «Резиновые» макеты
    • 56 Альтернатива: адаптивные макеты
  • 58 Разрешение экрана
  • 60 Практическое задание: знакомство с Southern Savers
• 65 Глава 2. Цвет
  • 65 Психология цвета, цветовые ассоциации
  • 72 Цветовая температура
  • 73 Хроматическое значение
  • 74 Насыщенность
  • 75 Цветовая теория 101
  • 77 Красный, желтый, голубой, или CMYK
  • 79 Общая ситуация
    • 80 Монохроматическая цветовая гамма
    • 83 Аналоговая цветовая схема
    • 85 Система дополнительных цветов
    • 91 Разделенные взаимодополнительные цвета, триадная и тетрадическая схемы
    • 92 Другие варианты
  • 93 Создание палитры, шестнадцатеричная нотация
  • 95 Ресурсы и инструменты для работы с цветом
    • 95 Color Scheme Designer 3
    • 96 Adobe Kuler
    • 97 COLOURIovers
      • 98 Приложение для iPhone Color Stream
  • 98 Pictaculous
  • 99 Colour Contrast Check
  • 100 Практическое задание: цвет купонов
• 104 Глава 3. Текстуры
  • 104 Точка
  • 106 Линия
  • 108 Фигуры
    • 110 Скругленные углы
    • 112 Вращение
    • 113 Фигуры и макет
  • 115 Объем и глубина
    • 115 Перспектива
    • 116 Пропорция
    • 116 Свет и тень
  • 120 Узор
  • 125 Создание текстур
    • 126 Состаренный, выветренный, рваный, ностальгический стиль
    • 128 Чистый и зернистый
    • 131 Самодельный блокнот
    • 132 Затейливый мультяшный стиль
    • 133 Минимальные текстуры
    • 136 Развитие собственных текстурных тенденций
  • 136 Практическое задание: обрезка и сохранение
• 139 Глава 4. Типографика
  • 141 Перенос шрифта в Веб
  • 143 Замена текста изображением
  • 145 Веб-шрифты с @font-face
    • 145 Веб-шрифты с пользовательским хостингом
    • 146 Сайты для работы со шрифтами
    • 147 sIFR и Cufyn
  • 148 Анатомия литеры
  • 150 Просветы в тексте
    • 151 Горизонтальный просвет
    • 152 Вертикальный просвет
  • 153 Выравнивание текста
  • 154 Различия шрифтов
    • 154 Шрифты с засечками
    • 158 Шрифты без засечек
    • 160 Рукописные шрифты
    • 162 Моноширинные шрифты
    • 165 Декоративные шрифты
    • 167 Пиктографические шрифты
  • 168 Поиск шрифтов
    • 169 Бесплатные галереи шрифтов
    • 169 Платные галереи шрифтов
    • 169 Независимые художники и авторы шрифтов
  • 170 Выбор нужного шрифта
    • 172 Установка высоты шрифта и высоты строки
    • 173 Использование знаков препинания и специальных символов
  • 175 Практическое задание: детали
• 178 Глава 5. Изображения
  • 179 Что искать
  • 182 Возможные источники изображений
    • 182 Возьмите или сделайте сами
    • 183 Стоковые фотографии
  • 190 Помощь профессионалов
  • 192 Чего делать нельзя
    • 192 Незаконный перепост из Google
    • 193 Хотлинкинг
    • 194 Клипарты
  • 196 Креативная обрезка
  • 200 Обработка в Photoshop
  • 206 Форматы и разрешения файлов
    • 206 JPEG
    • 206 GIF
    • 207 PNG
  • 208 Креативная обработка изображений
    • 208 Как улучшать изображения при помощи изображений
    • 211 Улучшение изображений только при помощи таблиц стилей
  • 215 Практическое задание: прекрасные изображения
  • 217 Вверх и вниз