Зміст Веб-дизайн. Руководство разработчика
Предисловие
Для кого эта книга
О чем эта книга
Справочные источники
Форумы SitePoint
Сайт книги
Рассылки SitePoint
Подкаст SitePoint
Обратная связь
Условные обозначения, используемые в книге
Образцы кода
Советы, замечания и предупреждения
Благодарности
Об авторе
О главном консультанте
О техническом редакторе
О главном техническом редакторе
О SitePoint
От издательства
Глава 1. Макет страницы и композиция
Процесс дизайна
Выяснение
Исследование
Реализация
В чем заключается хороший дизайн
Анатомия веб-страницы
Теория сеток
Правило третей
«Сетка 960»
Баланс
Симметричный баланс
Асимметричный баланс
Целостность
Сближение
Повторяемость
Акцентирование
Размещение
Изоляция
Контраст
Пропорция
Макеты веб-страниц: джентльменский набор
Навигация в левом столбце
Навигация в правом столбце
Навигация в трех столбцах
Поиск вдохновения
Работа с банком изображений
Новомодные тенденции
Журнальный стиль без навигации
Обширный нижний колонтитул
Минимализм — ничего лишнего
Изменение размеров: фиксированный, «резиновый»,
интерактивный макеты
Фиксированная ширина
«Резиновые» макеты
Альтернатива: адаптивные макеты
Разрешение экрана
Практическое задание: знакомство с Southern Savers
Глава 2. Цвет
Психология цвета, цветовые ассоциации
Цветовая температура
Хроматическое значение
Насыщенность
Цветовая теория 101
Красный, желтый, голубой, или CMYK
Общая ситуация
Монохроматическая цветовая гамма
Аналоговая цветовая схема
Система дополнительных цветов
Разделенные взаимодополнительные цвета, триадная
и тетрадическая схемы
Другие варианты
Создание палитры, шестнадцатеричная нотация
Ресурсы и инструменты для работы с цветом
Color Scheme Designer 3
Adobe Kuler
COLOURlovers
Приложение для iPhone Color Stream
Pictaculous
Colour Contrast Check
Практическое задание: цвет купонов
Глава 3. Текстуры
Точка
Линия
Фигуры
Скругленные углы
Вращение
Фигуры и макет
Объем и глубина
Перспектива
Пропорция
Свет и тень
Узор
Создание текстур
Состаренный, выветренный, рваный, ностальгический стиль
Чистый и зернистый
Самодельный блокнот
Затейливый мультяшный стиль
Минимальные текстуры
Развитие собственных текстурных тенденций
Практическое задание: обрезка и сохранение
Глава 4. Типографика
Перенос шрифта в Веб
Замена текста изображением
Веб-шрифты с @font-face
Веб-шрифты с пользовательским хостингом
Сайты для работы со шрифтами
sIFR и Cufуn
Анатомия литеры
Просветы в тексте
Горизонтальный просвет
Вертикальный просвет
Выравнивание текста
Различия шрифтов
Шрифты с засечками
Шрифты без засечек
Рукописные шрифты
Моноширинные шрифты
Декоративные шрифты
Пиктографические шрифты
Поиск шрифтов
Бесплатные галереи шрифтов
Платные галереи шрифтов
Независимые художники и авторы шрифтов
Выбор нужного шрифта
Установка высоты шрифта и высоты строки
Использование знаков препинания и специальных символов
Практическое задание: детали
Глава 5. Изображения
Что искать
Возможные источники изображений
Возьмите или сделайте сами
Стоковые фотографии
Помощь профессионалов
Чего делать нельзя
Незаконный перепост из Google
Хотлинкинг
Клипарты
Креативная обрезка
Обработка в Photoshop
Форматы и разрешения файлов
JPEG
GIF
PNG
Креативная обработка изображений
Как улучшать изображения при помощи изображений
Улучшение изображений только при помощи таблиц стилей
Практическое задание: прекрасные изображения
Вверх и вниз
Оглавление
