Современный веб-дизайн. Эпоха Веб 3.0

Содержание книги «Современный веб-дизайн. Эпоха Веб 3.0»:

• 15 Введение
• 19 Часть I. Вспомнить все
• 21 Глава 1. Веб-дизайн и HTML
  • 22 Что такое веб-дизайн
  • 22 С чего начинать
  • 23 Что такое HTML
  • 25 Да здравствуют блоки!
  • 26 Начало любого документа
  • 28 Технология CSS
  • 31 Блоки и CSS
  • 33 Другие HTML-теги
  • 37 Где узнать больше
• 39 Глава 2. HTML 5, великий и могучий
  • 39 Новое в стандарте HTML 5
  • 42 Что из этого работает и где
    • 42 Тег <video>
    • 44 Тег <audio>
    • 45 Тег <canvas>
    • 49 Теги <header>, <footer> и другие
• 51 Глава 3. Постановка задачи
  • 51 Ставим себе задачу
    • 53 Формулировка цели и описание проекта
    • 53 Сбор и анализ информации о проекте
    • 54 Сбор материалов, необходимых в работе
    • 54 Разработка структуры и прототипа дизайна
    • 54 Составление технического задания
    • 58 Создание дизайна
    • 58 Утверждение дизайна, переделки и исправления
    • 60 Сдача проекта заказчику
  • 60 Самоозадачивание
• 63 Глава 4. Структура сайта
  • 63 Что такое структура сайта
    • 64 Древовидная структура
    • 66 Разветвленная структура
  • 68 Создание структуры сайта без отправных точек
    • 68 Страшный секрет разработчиков
• 71 Глава 5. Сколько это будет в пикселях?
  • 71 Разрешение экрана
  • 74 Тип браузера пользователя
  • 74 Мобильные устройства
  • 75 Операционные системы
    • 76 Специально для Apple
  • 77 Веб-дизайн в миниатюре
    • 77 Пиктограмма для Apple
    • 78 Полезные утилиты
• 81 Глава 6. Необходимая амуниция
  • 81 Необходимая техника
    • 82 Плоские победили
    • 82 Другая техника
  • 83 Мебель
    • 84 Аксессуары
  • 84 Программы
    • 84 Графика
    • 85 Просмотр и редактирование PDF
    • 85 Просмотр изображений
    • 86 Таблица символов
    • 86 Менеджер шрифтов
    • 86 Пакет Microsoft Office и программа Блокнот
    • 87 Интернет-приложения
    • 87 В помощь HTML-кодеру
    • 87 Личный выбор
• 89 Часть II. Ловкость рук
• 91 Глава 7. Приготовьте свои молескины
  • 93 Модульная сетка
    • 95 Образцы модульных сеток
    • 96 Сетка сайта 960 Grid System
    • 97 Модульные сетки и золотое сечение
  • 99 Куда поставить кнопочку?
    • 99 Логотип
    • 100 Меню
    • 101 Строка поиска
    • 102 Кнопки
    • 104 Баннеры
    • 104 Графические элементы
    • 105 Элементы главной страницы
    • 105 Внутренние страницы
• 107 Глава 8. Юзабилити 2012
  • 108 Жизненно важные сведения
    • 108 Идея
    • 109 Боевая раскраска
    • 109 Анимация
    • 110 Мультимедиа
    • 110 Ссылки
    • 111 Тексты
    • 112 Навигация
    • 114 Разное
  • 114 Мифы и заблуждения
  • 116 Юзабилити 2012. Что нового?
  • 117 Юзабилити-тестирование лейаута
• 121 Глава 9. Бери кисть, крась!
  • 122 Цвет и эмоции
    • 122 Государственные флаги
    • 122 Цвета социальных групп
    • 123 Цветовые штампы
    • 123 Любителям цвета
  • 124 Цветовые модели
    • 124 Модель RGB
    • 125 Модель CMYK
  • 125 Теория цвета
    • 125 Гармония цвета
    • 126 Черный и белый
    • 127 Черный, белый, красный
    • 128 Монохромная гармония
    • 128 Аналоговая гармония
    • 129 Комплементарная гармония
    • 130 Сплит-комплементарная гармония
    • 131 Триадная гармония
    • 132 Тетрадная гармония
    • 132 Аналого-комплементарная гармония
  • 133 Как использовать цвета
• 135 Глава 10. Буквоедение
  • 136 Шрифт для основного текста
    • 136 Подберем гарнитурку
  • 138 Шрифт заголовков и акцидентных надписей
    • 138 Технические особенности
    • 139 Декоративная сторона вопроса
  • 142 Размер шрифта
  • 142 Набор и верстка текстов
    • 142 Набор текстов для веба
    • 144 Основные правила набора
    • 147 Особенности верстки для веба
• 151 Глава 11. Веселые картинки
  • 152 Для чего нужны картинки
  • 153 Где взять изображение
    • 153 Клипарты
    • 155 Услуги фотографа и иллюстратора
    • 155 Сделай сам
  • 157 Технические особенности
    • 157 Формат
    • 158 Разрешение
    • 158 Размер
    • 159 Качество
    • 159 Цвет
  • 160 Применение в макете
    • 160 Первичный осмотр и легкая ретушь
    • 162 Тонирование
    • 162 Кадрирование
    • 163 Обтравка
    • 165 Коллажирование
• 169 Часть III. В стиле
• 171 Глава 12. Минимализм и информационный дизайн
  • 172 О минималистском стиле
  • 174 Об информационном дизайне
  • 174 Создание минималистского дизайна
    • 177 Работа над контентом
    • 178 Типичные ошибки начинающего дизайнера
    • 178 Декор
  • 178 Создание информационного дизайна
    • 178 Начало всех начал
    • 180 Контент
    • 182 Навигация
    • 183 Иллюстрации и декор
    • 184 Финальные штрихи
  • 185 Коммерческий потенциал и применение
  • 186 Примеры успешных проектов
    • 186 Минимализм
    • 188 Информационный дизайн
• 193 Глава 13. Американский бизнес-стиль
  • 193 О стиле
  • 197 Создание дизайна в американском бизнес-стиле
    • 197 Этап 1. Обдумывание
    • 198 Этап 2. Подбор фотографий
    • 200 Этап 3. Работа с модульной сеткой
    • 204 Этап 4. Декорирование
  • 209 Коммерческий потенциал стиля
  • 210 Примеры успешных проектов
    • 210 Пример 1. Сайт аукциона Ebay
    • 210 Пример 2. Сайт компании Sephora
    • 211 Пример 3. Сайт клиники Mayo Clinic
    • 212 Пример 4. Сайт Template Monster
• 213 Глава 14. Стиль Веб 3.0
  • 214 О стиле
  • 216 Создание дизайна в стиле Веб 3.0
  • 218 Модульная сетка и лейаут
    • 218 Эмоциональный компонент и детали
    • 220 Последние штрихи
    • 222 Сайт «сделай сам»
  • 223 Дизайн для мобильного клиента
    • 223 Что важно помнить, создавая мобильный сайт
  • 225 Коммерческий потенциал
  • 226 Примеры успешных проектов
    • 226 Пример 1. Сайт сервиса FlickR
    • 227 Пример 2. Сайт сервиса Twitter
    • 227 Пример 3. Интернет-магазин App Store
    • 228 Пример 4. Сервис Google +
    • 228 Пример 5. Интернет-магазин Etsy
• 231 Глава 15. Промостиль
  • 231 О стиле
  • 232 Что нужно для работы
    • 233 Свежие мозги
    • 235 Знание художественных направлений и стилей
    • 236 Умение создавать коллажи и ретушировать
    • 237 Острый глаз
    • 237 Владение техническими приемами
  • 238 Рисование презентационного дизайна
    • 239 Концепция
    • 239 Модульная сетка и лейаут
    • 239 Работа с графикой
    • 241 Работа с контентом
    • 243 Финальные штрихи
    • 243 Задание для кодера
  • 244 Коммерческий потенциал стиля
  • 244 Примеры успешных проектов
    • 244 Пример 1. Сайт «Цирк» от компании Мегафон
    • 244 Пример 2. Сайт «Газпром 2014»
    • 246 Пример 3. Сайт компании «Бюро Пирогова»
    • 247 Пример 4. Промосайт компании «Хомафон»
• 249 Глава 16. Сайт на Flash и Canvas
  • 250 Флеш
    • 252 Когда нам нужен флеш?
  • 254 Какие бывают флеш-сайты
    • 254 Графическое оформление
    • 255 Забота о пользователе
  • 255 Canvas-сайт
  • 257 Взаимодействие со зрителем
  • 257 Дизайн флеш- или canvas-сайта
    • 259 Идея
    • 259 Дизайн
    • 262 Сценарий
    • 263 Совместная работа
  • 263 Коммерческий потенциал
  • 264 Примеры успешных проектов
    • 264 Пример 1. Сайт компании FamilyMart
    • 265 Пример 2. Сайт компании Gotmilk
    • 266 Пример 3. Сайт компании New Work City
    • 267 Пример 4. Сайт компании Marcellini
    • 268 Пример 5. Сайт Toyota Prius Promo
• 269 Глава 17. Муза для веб-дизайнера
  • 269 Этот ленивый мозг!
  • 270 Новые идеи
  • 271 Дизайн от природы
  • 271 Жизненное пространство
  • 272 Коллектив
  • 272 Общение и обмен информацией
  • 273 В музей и библиотеку!
  • 273 Не смотри туда
  • 274 О моде
  • 275 Что модно сейчас
    • 278 Эксперименты
• 279 Часть IV. Куда дальше едем
• 281 Глава 18. Сохранение файлов
  • 282 Как называть файлы
  • 283 Сохранение исходных файлов
  • 284 Сохранение превью
    • 285 Формат GIF
    • 286 Формат JPG
    • 287 Формат PNG
• 289 Глава 19. Презентация дизайна
  • 290 Описание проекта
  • 290 Оформление
    • 291 Минималистский подход
    • 291 Имитация
    • 293 Использование программы PowerPoint
    • 294 Использование формата PDF
  • 296 Проведение презентации
    • 296 Онлайн-презентация
    • 296 Презентация в офисе
• 299 Глава 20. Совместный труд
  • 299 Работа с HTML-верстальщиком
  • 302 Работа с программистом
  • 302 Административный интерфейс
  • 304 Основы координации проектов
    • 305 О менеджменте
    • 306 Управление персоналом
    • 309 Управление проектом
    • 312 Тайм-менеджмент
• 315 Глава 21. QA и юзабилити-тестирование
  • 315 Что такое QA
  • 316 Проводим контроль качества
    • 317 Это вы можете сделать сами
    • 317 Несколько полезных советов
    • 318 Полуформальное тестирование
  • 319 Юзабилити-тестирование
    • 320 Незамутненный разум
    • 321 Список задач
    • 322 Наблюдатель
    • 323 Анкета эмоций
    • 325 Анализ результатов
    • 325 Наем специалиста по юзабилити
• 327 Глава 22. Подведение итогов работы
  • 327 Составим отчет
  • 329 Что делать дальше
    • 329 Поддержка
    • 330 Раскрутка, она же SEO, она же поисковая оптимизация
• 333 Глава 23. Вам дизайнеры нужны?
  • 333 Портфолио
    • 334 Куда его совать?
    • 335 Печатать или нет
    • 335 Все свое ношу с собой
    • 335 Помимо работ
  • 336 Дизайнер в поисках работы
    • 336 Конкурсы и бесплатная работа
    • 338 Золотое правило фрилансера
    • 338 Расширение творческой области: новые направления в специализации
    • 339 Скромность — путь к безвестности
  • 340 Несколько слов в заключение
• 341 Часть V. Приложения
• 343 Приложение А. Краткая характеристика основных художественных направлений
• 353 Приложение Б. Популярные веб-стилистики и их основные особенности
  • 353 Страны
  • 356 ХХ век и его реалии
  • 357 Культурные и социальные явления
  • 360 Окружающий мир
• 365 Предметный указатель