Проектирование интернет-сайтов на базе сеток – бесценный инструмент для организации веб-страниц и создания привлекательных веб-интерфейсов, помогающий разрабатывать по-настоящему современные, сложные и вместе с тем изящные интернет-проекты. Эта книга позволит вам в совершенстве овладеть искусством проектирования сайтов с помощью сетки. Здесь изложены основы теории сеток и главные принципы работы, также вы найдете множество упражнений, посвященных практической реализации этих идей. Книга ориентирована на опытного читателя, уже обладающего навыками использования технологий HTML, CSS и JavaScript для создания веб-страниц. Если вы профессионально занимаетесь веб-дизайном, руководите разработкой интернет-проектов и интересуетесь вопросами юзабилити и дизайна веб-интерфейсов, эта книга – для вас.
Оглавление
Чои Вин. Как спроектировать современный сайт
Глава 1. Введение
Точка
Почему я написал эту книгу
Для кого эта книга
Заключительная рекомендация
Глава 2. Концепция
Невидимый порядок
Краткая ретроспектива
Математические формулы
XX век
Интернет
Изменение стиля общения
Глава 3. Процесс
Этапы
Исследования и ограничения
Эскизы
Терминология
Юнит
Колонка
Блок
Область
Базовая сетка
Горизонтальная или вертикальная ориентация
Промежутки между колонками
Поля страницы и отступы
Элемент
Модуль
Глава 4. Начинаем творить
Обзор проектов
Начало работы
Понимание требований
Область просмотра
Рекламный блок
Бренд
Выводы
Создание наброска
Создание сетки
Создание колоночной сетки (юниты)
Создание базовой сетки
Расчет полей
Создание шаблона страницы
Проект 1. Страница статьи
Проект 2. Информационная страница
Проект 3. Страница профиля
Проект 4. Домашняя страница
Дополнительные страницы
«Резиновая» верстка
Глава 5. Заключение
Приложение
Сетки
Сайты, на которых можно найти информацию о сетках
О дизайнерах
Типографика
HTML и CSS
Интерактивный дизайн
Отрывок из книги
В некотором смысле дизайн можно рассматривать как метод, с помощью которого красота стремится установить диктатуру в мире. Это должна быть не диктатура в классическом понимании, а скорее требование соблюдать умеренность и ввести дополнительное самоограничение.
При переходе от постановки задачи к выбору способа ее решения дизайнер может относиться к работе с коммерческой (коммерческие требования, технологические ограничения) или художественной (эстетика, удобство использования, человеческий фактор) точки зрения. Независимо от подхода, наиболее успешные дизайнерские работы объединяет стремление превратить хаос в порядок.
.....
• Сетки добавляют упорядоченность, связность и гармонию веб-страницам с большим объемом информации.
• Сетки помогают пользователям находить нужную информацию при переходе со страницы на страницу, что способствует улучшенному восприятию данной информации.
Давно хотел понять принцип работы с сетками при создании макета страницы, а также получить какое-то нормальное пошаговое представление о самом процессе работы с макетом. И нашел его в этой книге. Автор разбирает весь процесс создания макета, начиная от проработки концепции, рисования эскизов до создания сетки для будущего макета, подбора шрифтов и получения готового макета. Если вам нужно срочно получить практическое руководство, то можете смело пропускать первые 50 страниц, где автор много говорит об истории сетки, ее развитии, ее особенностях и различиях в типографии и веб-дизайне. Понравилось в книге, что автор подробно разбирает особенности разных типов страниц сайта, а также отталкивается не от «правильности» и «красоты», а от того, насколько это все будет полезно конечному пользователю, и как визуализировать контент таким образом, чтобы привлечь внимание пользователя к ключевым для вас местам на странице – рекламе и т.д.
Пользователь
Замечательная книга по сеткам!
Давно хотел понять принцип работы с сетками при создании макета страницы, а также получить какое-то нормальное пошаговое представление о самом процессе работы с макетом. И нашел его в этой книге. Автор разбирает весь процесс создания макета, начиная от проработки концепции, рисования эскизов до создания сетки для будущего макета, подбора шрифтов и получения готового макета. Если вам нужно срочно получить практическое руководство, то можете смело пропускать первые 50 страниц, где автор много говорит об истории сетки, ее развитии, ее особенностях и различиях в типографии и веб-дизайне. Понравилось в книге, что автор подробно разбирает особенности разных типов страниц сайта, а также отталкивается не от «правильности» и «красоты», а от того, насколько это все будет полезно конечному пользователю, и как визуализировать контент таким образом, чтобы привлечь внимание пользователя к ключевым для вас местам на странице – рекламе и т.д.