Современный веб-дизайн. Рисуем сайт, который продает

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

• 15 Введение
• 17 От издательства «Диалектика»
• 19 Часть I. Пишем и думаем
• 21 Глава 1. Веб-дизайн: графика и код
  • 21 Что такое веб-дизайн
  • 22 С чего начинать
  • 23 Что такое HTML
  • 24 Критично важные знания
  • 25 Начало любого документа
  • 27 Такие полезные таблицы
  • 30 Другие теги
  • 32 Не тегом единым
• 33 Глава 2. Инструментарий
  • 34 Компьютер
  • 35 Монитор
  • 36 Мышь и планшет
  • 36 Подручные материалы
  • 37 Программное обеспечение
    • 38 Adobe Photoshop
    • 38 Corel Draw или Adobe Illustrator
    • 38 Программы — менеджеры шрифтов
    • 39 Дополнительные программы
• 41 Глава 3. Постановка задачи
  • 42 План действий
    • 43 Формулировка цели и описание проекта
    • 43 Сбор и анализ информации о проекте
    • 43 Сбор материалов, необходимых в работе
    • 44 Разработка структуры и прототипа дизайна
    • 44 Составление технического задания
    • 47 Создание дизайна
    • 48 Утверждение дизайна и переделки
    • 49 Сдача проекта заказчику
  • 49 «Самоозадачивание»
• 51 Глава 4. Структура сайта
  • 51 Суть структуры сайта
    • 52 Древовидная структура
    • 53 Разветвленная структура
    • 54 Карта сайта LiveJournal
  • 60 Создание структуры сайта без отправных точек
    • 61 Страшный секрет разработчиков
• 63 Часть II. Рисуем
• 65 Глава 5. Лейаут, или Куда поставить кнопочку
  • 66 Модульная сетка
  • 68 Образцы модульных сеток
  • 69 Модульные сетки и золотое сечение
  • 70 Куда поставить кнопочку?
    • 71 Логотип
    • 71 Меню
    • 72 Строка поиска
    • 73 Кнопки
    • 75 Баннеры
    • 75 Графические элементы
    • 75 Элементы главной страницы
    • 76 Внутренние страницы
• 77 Глава 6. Юзабилити
  • 79 Жизненно важные сведения
    • 79 Идея
    • 79 Боевая раскраска
    • 80 Анимация
    • 80 Мультимедиа
    • 80 Ссылки
    • 81 Тексты
    • 82 Навигация
    • 83 Разное
  • 83 Мифы и заблуждения
  • 85 Юзабилити-тестирование
    • 85 Как тестировать лейаут на удобство пользования
    • 86 Тестирование навигационных панелей
• 87 Глава 7. Покрасочные работы
  • 87 Цвет и эмоции
    • 88 Государственные флаги
    • 88 Цвета социальных групп
    • 89 Цветовые штампы
  • 90 Цветовые модели
    • 90 Модель RGB
    • 91 Модель CMYK
  • 91 Теория цвета
    • 92 Гармония цвета
    • 92 Черный и белый
    • 93 Черный, белый, красный
    • 94 Монохромная гармония
    • 94 Аналоговая гармония
    • 95 Комплементарная гармония
    • 96 Сплит-комплементарная гармония
    • 97 Триадная гармония
    • 97 Тетрадная гармония
    • 98 Аналого-комплементарная гармония
  • 99 Как использовать цвета
• 101 Глава 8. Тексты и шрифты
  • 102 Шрифт для основного текста
    • 102 Гарнитура
  • 103 Шрифт заголовков и акцидентных надписей
    • 103 Технические особенности
    • 105 Декоративная сторона вопроса
  • 107 Размер
  • 107 Набор и верстка текстов
    • 107 Набор текстов для веб-пространства
    • 109 Основные правила набора
    • 111 Особенности верстки для веб-сайта
• 115 Глава 9. Фотоиллюстративный материал
  • 116 Для чего нужны картинки
  • 116 Где взять изображение
    • 117 Клипарты
    • 119 Услуги фотографа и иллюстратора
    • 119 Сделай сам
  • 120 Технические особенности
    • 121 Формат
    • 122 Разрешение
    • 122 Размер
    • 122 Качество
    • 123 Цвет
  • 124 Применение в макете
    • 124 Первичный осмотр и легкая ретушь
    • 125 Тонирование
    • 125 Кадрирование
    • 126 Обтравка
    • 128 Коллажирование
• 131 Часть III. Стили сайтов
• 133 Глава 10. Минимализм и информационный дизайн
  • 134 О минималистском стиле
  • 135 Об информационном дизайне
  • 136 Создание минималистского дизайна
    • 138 Работа над контентом
    • 138 Типичные ошибки начинающего дизайнера
    • 139 Декор
  • 140 Создание информационного дизайна
    • 141 Начало всех начал
    • 142 Контент
    • 144 Навигация
    • 144 Иллюстрации и декор
    • 145 Финальные штрихи
  • 146 Коммерческий потенциал и применение
  • 147 Примеры успешных проектов
    • 147 Минимализм
    • 150 Информационный дизайн
• 153 Глава 11. Американский бизнес-стиль
  • 153 Об американском бизнес-стиле
  • 157 Создание дизайна в американском бизнес-стиле
    • 157 Этап 1. Обдумывание
    • 158 Этап 2. Подбор фотографий
    • 160 Этап 3. Работа с модульной сеткой
    • 163 Этап 4. Декорирование
  • 167 Коммерческий потенциал стиля
  • 168 Примеры успешных проектов
• 171 Глава 12. Стиль Веб 2.0
  • 174 О стиле Веб 2.0
  • 177 Создание дизайна в стиле Веб 2.0
    • 177 Стиль проекта
    • 178 Модульная сетка и лейаут
    • 179 Детализация макета
    • 181 Последние штрихи
  • 183 Коммерческий потенциал
  • 183 Примеры успешных проектов
• 187 Глава 13. Промостиль
  • 187 О промостиле
  • 188 Что нужно для работы
    • 189 Свежие мозги
    • 191 Знание художественных направлений и стилей
    • 192 Умение создавать коллажи и ретушировать
    • 193 Острый глаз
    • 193 Владение техническими приемами
  • 194 Рисование презентационного дизайна
    • 194 Концепция
    • 195 Модульная сетка и лейаут
    • 196 Работа с графикой
    • 197 Работа с содержанием
    • 199 Финальные штрихи
  • 199 Коммерческий потенциал стиля
  • 199 Примеры успешных проектов
• 203 Глава 14. Флеш-сайт
  • 203 Что такое флеш
  • 205 Когда нам нужен флеш?
  • 207 Какие бывают флеш-сайты
    • 207 Графическое оформление
    • 208 Забота о пользователе
    • 208 Взаимодействие со зрителем
  • 209 Создание флеш-сайта
    • 210 Идея
    • 210 Дизайн
    • 213 Сценарий
    • 214 Совместная работа
  • 215 Коммерческий потенциал
  • 215 Примеры успешных проектов
• 219 Глава 15. О моде и вдохновении
  • 219 Этот ленивый мозг!
  • 220 Новые идеи
  • 221 Дизайн от природы
  • 221 Жизненное пространство
  • 221 Коллектив
  • 222 Общение и обмен информацией
  • 222 В музей и библиотеку!
  • 223 Не смотри туда
  • 223 О моде
  • 224 Что модно сейчас?
    • 225 Удобные сайты
    • 225 Соответствие цели и средств
    • 225 Выдержанный стиль
    • 225 Качественная графика
    • 226 Красивые пиктограммы
    • 226 Подбор цветов
    • 226 Эксперименты
• 227 Часть IV. Дальнейшая жизнь дизайна
• 229 Глава 16. Сохранение файлов
  • 230 Как называть файлы
  • 231 Сохранение исходных файлов
  • 232 Сохранение превью-файлов
    • 232 Формат GIF
    • 233 Формат JPG
    • 233 Формат PNG
• 235 Глава 17. Презентация дизайна
  • 236 Описание проекта
  • 236 Оформление
    • 237 Минималистский подход
    • 237 Имитация
    • 239 Использование формата PDF
  • 241 Проведение презентации
    • 241 Онлайн-презентация
    • 241 Презентация в офисе
• 245 Глава 18. Работа с коллегами
  • 246 Работа с HTML-верстальщиком
  • 248 Работа с программистом
  • 248 Административный интерфейс
  • 250 Основы координации проектов
    • 250 О менеджменте
    • 251 Управление персоналом
    • 254 Управление проектом
    • 257 Тайм-менеджмент
• 259 Глава 19. Тестирование сайта
  • 259 Что такое QA
  • 260 Проводим контроль качества
    • 260 Это вы можете сделать сами
    • 261 Несколько полезных советов
    • 261 Полуформальное тестирование
  • 262 Юзабилити-тестирование
    • 263 Незамутненный разум
    • 264 Список задач
    • 265 Наблюдатель
    • 266 Анкета эмоций
    • 267 Анализ результатов
    • 268 Поиск специалиста по юзабилити
• 269 Глава 20. Финальная стадия проекта
  • 269 Составление отчета о проделанной работе
  • 270 Что делать дальше
    • 271 Поддержка сайта
    • 271 Реклама
• 273 Заключение
• 275 Приложение А. Характеристика основных художественных направлений
  • 275 Романский стиль (X–XII век)
  • 276 Готика (XII–XV век)
  • 276 Ренессанс, или Возрождение (XIV–XVI век)
  • 276 Барокко (XVII-XVIII век)
  • 277 Рококо (первая половина XVIII века)
  • 278 Классицизм (конец XVII — начало XIX века)
  • 278 Ампир (первая треть XIX века)
  • 278 Импрессионизм (вторая половина XIX века)
  • 279 Модерн либо Ар-Нуво (вторая половина XIX — начало XX века)
  • 279 Конструктивизм (1920 — начало 1930-х годов)
  • 280 Кубизм (начало XX века)
  • 280 Экспрессионизм (конец ХIX — начало XX века)
  • 280 Абстракционизм (начало XX века)
  • 281 Футуризм (начало XX века)
  • 281 Сюрреализм (начало 1920-х гг)
  • 281 Поп-арт (1950–1960-е годы)
  • 282 Концептуальное искусство (конец 60-х — начало 70-х годов ХХ века)
  • 282 Постмодернизм
  • 283 Китч (или кич)
• 285 Приложение Б. Перечень стилистик и их основных черт
  • 285 Описание по странам
    • 285 Китай
    • 286 Япония
    • 286 Индия
    • 286 Россия
    • 287 Италия
    • 287 Мексика
    • 288 Голландия
  • 288 Описание по периодам 20-го века
    • 289 Двадцатые-тридцатые годы
    • 289 Пятидесятые-шестидесятые
    • 289 Восьмидесятые
  • 289 Описание по явлениям
    • 290 Готик-стиль
    • 290 Барби
    • 290 Гранж
    • 290 Стиль Acid
    • 291 Комиксы про супергероев
    • 291 Дисней
    • 291 Аниме/Манга
    • 292 Киберпанк
    • 292 Вечеринка
    • 293 Дом, который построил Джек
  • 293 Описание по элементам окружающего мира
    • 293 Рабочий стол
    • 294 Кухня
    • 294 На лужайке
    • 294 В море
    • 295 В небе
    • 295 Под микроскопом
    • 295 Шкатулка с драгоценностями
    • 296 Альбом со старыми фотографиями
    • 296 В сундуке у бабушки
    • 296 Глянцевый журнал
• 299 Предметный указатель