Чои Вин: Как спроектировать современный сайт

Ввиду своего положения на одной плоскости, располагаясь на дальних углах страницы или близко друг к другу, нарисованные нами точки создавали структуру. Даже в такой примитивной и схематичной форме присутствовал элемент организации пространства. Суть урока заключалась в следующем: наличие более чем одного элемента предполагает осуществление действий, направленных на наведение порядка. Дизайн бесполезен, если он не превращает хаос в порядок.

Рассматривая точки на своем листе, я думал: «Если пара любых расположенных неподалеку точек подразумевает скрытую структуру, не лучше ли попытаться влиять непосредственно на эту структуру и управлять ею, чем предоставлять ей свободу действий?»

Ответ на этот вопрос возник из подсознания, из моего стремления во всем найти порядок (или установить его), именно оно и сделало меня графическим дизайнером.

Я решил: «Да! Конечно! Структура должна существовать везде».

Этот урок на практике подтвердил то, что я предполагал все время: скрытая структура существует во всем, что нас окружает. Но теперь мне требовались знания, умения и ресурсы, чтобы использовать порядок для решения наиболее интересных для меня задач.

Типографская сетка – это, возможно, наиболее яркое проявление стремления к порядку в графическом дизайне. Упорядочивающее влияние сетки почти всегда можно найти в лучших примерах дизайнерских работ. Это отражение наших попыток сделать пространство упорядоченным, а также способ создания структур, удовлетворяющих как требованиям простых людей, так и требованиям коммерческих организаций.

Неизменный успех сеток основан на идеях, зародившихся, проверенных на практике и завоевавших огромную популярность в начале XX века, когда технология затронула сферу коммуникаций и изменила наш взгляд на дизайн.

Свой вклад в дело внесли целеустремленные дизайнеры, художники и мыслители, которые использовали сетки на практике. Именно их оригинальные и передовые идеи об обществе, искусстве и технологии стали той базой, к которой мы обращаемся до сих пор.

Дизайнерам следует уделять внимание историческому развитию теории сеток, но суть моей книги не в этом. Почти в каждом книжном магазине среди литературы, посвященной дизайну, можно найти много познавательных и интересных книг, связанных с сетками.

Недостаток всего этого множества изданий заключается в том, что бо́льшая часть книг посвящена применению сеток в печатных изданиях. Собственно, эта причина и сподвигла меня на написание книги. В других источниках вы легко можете найти практические рекомендации по «традиционному» графическому дизайну печатных изданий. А вопросам использования типографской сетки в веб-дизайне уделено недостаточно много внимания.

В книге вы найдете наглядные уроки по разработке привлекательных пользовательских веб-интерфейсов на базе сеток. Здесь изложены основы теории сеток и главные принципы их использования, вы найдете множество упражнений, посвященных практической реализации этих идей.

Если вы занимаетесь веб-дизайном, руководите проектами либо просто интересуетесь данной сферой, эта книга для вас. Особенно полезной она будет, если вы хорошо знакомы с базовыми понятиями графического дизайна, типографского дела и собираетесь продолжить учиться.

Если вы еще новичок в веб-дизайне, вам понадобится довольно много информации о принципах создания вебсайтов – только тогда книга действительно вам пригодится. Теоретические сведения и упражнения, составляющие основу этой книги, требуют от читателя навыков по использованию HTML и CSS для создания веб-страниц. Вы должны представлять, как улучшить веб-интерфейс с помощью JavaScript и других технологий. Не обязательно быть профессионалом в данных областях, но необходимо понимать основные принципы работы.

По сути, эта книга почти не затрагивает технический аспект использования сеток в веб-дизайне. Здесь вы не найдете конкретных рекомендаций по написанию HTML-и CSS-кодов, потому что существуют более квалифицированные специалисты и профессиональная литература, посвященная данной теме.

Эта книга не является исчерпывающим описанием всех подходов к применению сеток. Она представляет одну точку зрения на проблему – мою собственную, – основанную на моем пятнадцатилетием дизайнерском опыте, связанном с цифровыми СМИ. Поэтому здесь вы не найдете абстрактных упражнений на создание сеток или рецептов на все случаи жизни. В книге я предлагаю описание некоторых проблем, с которыми сталкивался в своей профессиональной деятельности, и разбираю методы, использованные мной для их решения.