Web-дизайн для "чайников"

Содержание книги «Web-дизайн для "чайников"»:

• 16 Введение
• 21 Часть I. Основы Web-дизайна
• 23 Глава 1. Вы хотите стать Web-дизайнером?
  • 23 Члены команды
    • 23 Бизнес-группа
    • 24 Группа руководителей
    • 25 Дизайнер по визуальным эффектам
    • 25 Архитектор информации
    • 26 Контент-дизайнеры
    • 28 Специалисты по мультимедиа
    • 28 HTML-кодировщики
    • 29 Программисты
  • 29 Знакомимся с Web-дизайном
  • 30 Получение опыта
• 31 Глава 2. От концепции к реализации
  • 31 Этап 1. Определение целей и требований
    • 31 Определение целей сайта
    • 32 Определение бизнес-требований
    • 32 Создание плана проекта
  • 34 Этап 2. Проектирование
    • 34 Создание схемы Web-сайта
    • 35 Составление плана для каждой страницы
    • 35 Тестирование пользователями
    • 36 Сборка содержимого сайта
    • 36 Дайте клиенту «посмотреть и почувствовать»
    • 36 Воспользуйтесь мнением фокус-группы
  • 37 Этап 3. Разработка
    • 38 Разработка и окончательная сборка Web-графики
    • 38 Текстовое содержимое сайта
    • 38 Разработка мультимедийного контента
    • 39 Объединение всего с помощью HTML
    • 40 Базы данных, программирование и другие сложности
  • 41 Этап 4. Тестирование и запуск
    • 42 Проверка качества
    • 42 День запуска
  • 43 Этап 5. Поддержка
• 45 Часть II. Дружественный пользовательский интерфейс
• 47 Глава 3. Ориентируем сайт на нужную аудиторию
  • 47 Кто является потенциальным пользователем?
    • 48 Список вопросов заказчикам
    • 48 Образ клиента
    • 48 Сценарии
  • 49 Создание наброска сайта
    • 49 Перечень требований по содержимому и функциям Web-сайта
    • 50 Сортировка информации по категориям и по приоритетам
    • 51 Правило «от пяти до семи»
  • 52 Создание карты сайта
    • 54 Правила оформления блок-схемы сайта
    • 57 Разработка собственного набора символов
    • 58 Разговаривайте на одном языке с заказчиками и командой разработчиков
    • 58 Перечень страниц сайта и их именование
  • 59 Карта сайта при изменении существующего сайта
    • 60 Изучение элементов сайта
    • 61 Окончательная доработка карты сайта
  • 61 Разработка маркетингового плана
    • 62 Стандартный маркетинг
    • 62 Онлайновый маркетинг
• 64 Глава 4. Web-контент и элементы навигации
  • 64 Планирование на уровне страниц
    • 65 Распределение контента на странице
    • 66 Создание макета страницы
  • 67 Представление содержимого на странице
    • 67 Представление текста на макете страницы
    • 68 Работаем с системой управления содержимым
    • 69 Увеличиваем пространство сайта
    • 71 Определяем Flash-анимацию на макете страницы
  • 74 Разбираемся со стилем
    • 74 Для просвещенных: глобальная навигация
    • 75 Навигация по разделу
    • 76 Нить Ариадны: ищем путь из лабиринта
    • 77 Комбинация методов
    • 78 Здравый смысл и метафоры
• 80 Глава 5. Дизайн пользовательского Web-интерфейса
  • 80 Дизайн взаимодействия
    • 81 Диаграммы переходов
    • 82 Следуем схеме переходов
  • 83 Роль графического дизайна в удобстве использования сайта
    • 84 Изменение элемента интерфейса при наведении указателя мыши
    • 85 Создание активных кнопок
    • 86 Используйте подсказки из повседневной жизни
    • 86 Группировка и создание вложенных элементов
    • 88 Создание подсказок для ориентирования по Web-сайту
    • 89 Цветовые обозначения
    • 90 Грамотно используйте пиктограммы
    • 91 Активные и неактивные элементы
  • 92 Согласованность — прежде всего
  • 94 Альтернативные стратегии дизайна взаимодействия
  • 95 Увеличиваем пространство на страницах
• 98 Глава 6. Тестирование сайта пользователями
  • 98 Разработка работающих моделей
    • 99 Создание работающих макетов
    • 100 Тестирование графического дизайна
    • 102 Разработка HTML-переходов для проверки удобства использования сайта
    • 104 Подготовка к тестированию пользователями
    • 104 Создайте перечень действий для пользователей
    • 105 Разработка методологии тестирования
  • 108 Проведение тестирования
    • 108 Найдите добровольцев
    • 109 Процесс тестирования
  • 111 Оценка результатов теста
• 113 Часть III. Создание Web-графики
• 115 Глава 7. Советы по графическому дизайну
  • 115 Разработка графического интерфейса
    • 116 Разработка стратегии дизайна страницы
    • 117 Создание композиций
    • 117 Удачное сочетание цвета, шрифта и графики
      • 117 Выберите цвет, подходящий к предметной области сайта
      • 118 Ограничьте используемый набор цветов
      • 118 Используйте сочетаемые цвета
      • 118 Для создания «настроения» сайта используйте шрифты
      • 119 Разумное сочетание шрифтов
      • 120 Рационально используйте графические элементы
    • 121 Использование системы разметки страницы
  • 122 Формирование визуального приоритета
    • 123 Стратегия «крупный, средний, мелкий»
    • 124 Разделение страницы на управляемые области
    • 124 Дизайн в области линии перегиба страницы
  • 126 Добавляем свободное пространство
  • 127 Сохраняйте согласованность элементов
  • 129 Разработка спецификации дизайна
    • 129 Шаблоны для графики
    • 130 Руководство по стилю
• 132 Глава 8. Безупречный дизайн шрифта
  • 132 Текст, который удобен для чтения
    • 134 Наиболее и наименее предпочтительные шрифты для Web-страниц
      • 135 Стандартные и вычурные шрифты
      • 136 Толстые и тонкие линии
      • 137 Шрифты с засечками и без
    • 138 Не слишком большой и не слишком маленький
    • 140 Отображение текста на мозаичном фоне
    • 141 Графический и HTML-текст
    • 142 Ложка графического текста на бочку HTML-текста
    • 143 Графические заголовки
  • 148 Управление отображением текста
    • 148 Спецификация шрифтов
  • 148 Управление шрифтами с помощью CSS
    • 149 Внешние таблицы стилей
    • 150 Встроенные таблицы стилей
• 151 Глава 9. Цвета на Web-страницах
  • 151 Таинства RGB
    • 152 Субтрактивные и аддитивные цвета
    • 152 Множество цветов
    • 152 Понятие битовой глубины
  • 155 Web-безопасная цветовая палитра
    • 156 Уменьшаем битовую глубину изображения
    • 157 Цветовые палитры
      • 157 Системные палитры
      • 158 Адаптивные палитры
      • 158 Web-безопасная палитра
      • 159 Web-адаптивная палитра
      • 159 Поэкспериментируйте
    • 159 Расшифровка шестнадцатеричного кода цвета
  • 161 Разумное применение Web-цветов
    • 161 Используйте однотонную графику
    • 161 Используйте как можно меньше цветов
    • 162 Остерегайтесь градиентных переходов
    • 163 Когда изображение содержит смесь фотографий и равномерных цветов, сохраните его в формате GIF
• 164 Глава 10. Создание Web-графики с чистого листа
  • 164 Растровая и векторная графика
    • 164 Растровая графика: множество пикселей
    • 165 Векторная графика: для любителей математики
    • 166 Сравнение векторной и растровой графики
    • 167 Разрешение монитора
    • 168 Разрешение изображения
  • 168 Программное обеспечение для работы с графикой
    • 168 Adobe Photoshop
    • 169 Macromedia Fireworks
    • 169 Paint Shop Pro
    • 170 Adobe Illustrator и Macromedia Freehand
    • 170 Macromedia Flash
  • 170 Создание баннера
  • 174 Редактирование изображений
    • 175 Изображения, полученные из цифровых фотоаппаратов
    • 176 Сканирование изображений
    • 177 Использование готовых фотографий и иллюстраций
    • 177 Цифровая обработка изображения
• 184 Глава 11. Презентация вашего дизайнерского шедевра
  • 184 Разработка вариантов дизайна
    • 185 Где искать дизайнерские идеи?
    • 186 Внедряем широко известный бренд
    • 187 Дизайн главной и внутренней страниц
  • 191 Создаем электронную презентацию
    • 191 Презентация дизайна в режиме онлайн
    • 193 Создание работающих и неработающих прототипов
  • 193 Создание красочных печатных презентаций
    • 194 Распечатка макетов
    • 194 Монтируем ваши творения на досках
      • 195 Как прикрепить распечатки?
    • 196 Однотипность
  • 196 Представляем работу заказчикам
    • 197 Заказчик всегда выбирает самый худший вариант
    • 197 И снова все сначала. Версия № 2
• 199 Глава 12. Разработка графических элементов
  • 199 Процесс создания графики
    • 200 Разработка шаблонов
    • 201 Руководство по стилю
    • 203 Контроль версий
  • 203 Секреты графических форматов
    • 203 Когда использовать GIF
      • 205 Прозрачность изображений, сохраненных в формате GIF
      • 208 Анимация в формате GIF
      • 210 Сглаживание (дизеринг)
    • 210 Когда использовать JPEG
  • 211 Качественный дизайн страницы
    • 211 Уменьшение времени загрузки
    • 213 Создание фрагментов Web-изображения
  • 214 Фоновые рисунки
    • 214 Графика со сглаживанием и без
    • 216 Создание графики с эффектом тени
    • 218 Соответствие фоновому узору
    • 218 Использование альфа-каналов
• 221 Часть IV. Окончательная доработка Web-сайта
• 223 Глава 13. Краткий экскурс в HTML
  • 223 HTML: клей, который соединяет элементы страницы воедино
    • 225 Взгляните на исходный HTML-код
    • 226 Учитесь у других
  • 228 Использование фреймов, таблиц и тегов <div>
    • 228 Фреймы
    • 229 Плавающие фреймы (iframes)
    • 229 Таблицы
    • 230 CSS: тег <div>
  • 232 Графические возможности HTML
    • 232 Выделение таблиц цветом
    • 233 Сплошной фон и фоновый узор для эффектного дизайна
  • 233 Создание интерактивных Web-страниц
    • 233 Обычные ссылки
    • 234 Карты-изображения
    • 235 Внутренние ссылки
    • 235 Ссылки на адрес электронной почты
  • 236 Программирование без программирования
    • 236 Редактирование HTML-кода с помощью специальных программ
    • 237 Использование текстового редактора для написания HTML-кода
• 238 Глава 14. Макет страницы
  • 238 Масштабируемые таблицы и таблицы фиксированной ширины
  • 239 Точное расположение элементов с помощью CSS-слоев
  • 242 Управление элементами дизайна с помощью CSS
    • 243 Настройка отступов на Web-странице
    • 244 Мозаичные узоры и фоновые рисунки
      • 244 Узоры с повторением и без
      • 244 Зафиксированный фон, который не прокручивается вместе со страницей
      • 244 Расположение мозаичного узора
    • 245 Выделение текста цветом
    • 245 Форматирование текста
      • 246 Установка шрифта, цвета, размера и стиля текста
      • 246 Строчные и прописные буквы
    • 247 Межсимвольный и межстрочный интервал
  • 248 Свободное пространство вокруг элементов
    • 248 Задание отступов в ячейках таблиц
    • 250 Добавление пространства вокруг изображений
      • 250 Мягкий и жесткий разрывы строки
      • 251 Горизонтальные и вертикальные отступы для изображений
      • 252 Использование CSS-стилей для добавления отступа вокруг элементов
  • 252 Создание шаблонов для элементов дизайна
• 253 Глава 15. Профессиональные Web-сайты
  • 253 Интеграция языков программирования в HTML-страницы
    • 254 JavaScript
    • 255 Встроенные медиакомпоненты
    • 256 Потоковое мультимедиа
  • 258 Создание динамических Web-страниц, связанных с базами данных
    • 258 Клиентские и серверные языки программирования
    • 259 Технология SSI
    • 259 Системы управления содержимым
    • 260 Персональные Web-страницы с файлами «cookie»
    • 260 Корзины покупателя в электронной коммерции
• 263 Часть V. Великолепные десятки
• 265 Глава 16. Десять советов по управлению собственным Web-бизнесом
  • 265 Как показать свои работы
    • 265 Подготовка портфолио
    • 268 Демонстрация своих работ
  • 268 Подготовка предложения
  • 270 Как победить в конкурентной борьбе
  • 271 Тарификация работы независимого дизайнера
  • 272 Принципы формирования цен агентствами Web-дизайна
  • 273 Удовлетворение ожиданий клиента
  • 273 Круг обязанностей клиента
  • 274 Согласование вопросов с заказчиком
  • 274 Процесс работы над Web-проектом
  • 275 Работа с субподрядчиками
• Глава 17. Десять советов по информационному дизайну и дизайну
  • 276 взаимодействия
  • 276 Используйте от пяти до семи основных категорий
  • 277 Разработайте макет для каждой уникальной страницы
  • 278 Всегда создавайте надписи для кнопок и пиктограмм
  • 278 Учитывайте время загрузки
  • 279 Ориентирование на Web-сайте
  • 279 Реализуйте удобный возврат на главную страницу
  • 280 Активные и неактивные элементы интерфейса
  • 281 Однотипность элементов
  • 281 Аккуратно отнеситесь к подбору метафор из реальной жизни
  • 282 Грамотно используйте цвета
• 284 Глава 18. Десять затруднительных ситуаций
  • 284 «Вы не могли бы добавить еще одну маленькую деталь?»
  • 286 «У нас нет времени на разработку карты сайта»
  • 286 «Заказчикам нравится именно тот дизайн?»
  • 287 «Зачем нужны тесты по удобству использования, если есть я?»
  • 287 «Я уверен, что эта новая технология у меня непременно заработает!»
  • 288 «Мы рассчитываем на международную аудиторию?»
  • 288 «Должен ли сайт функционировать под Windows?»
  • 290 «Дизайн должен быть разработан под Mac?»
  • 290 «Мы сделаем весь сайт на основе технологий баз данных»
  • 291 «Если мы создадим сайт, от пользователей не будет отбоя»
• 293 Предметный указатель