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

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

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

Чои Вин

Программирование, программы, базы данных / Программирование / Книги по IT18+

Чои Вин

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

Моим родителям, которые сделали все, что могли.

Глава 1. Введение

В некотором смысле дизайн можно рассматривать как метод, с помощью которого красота стремится установить диктатуру в мире. Это должна быть не диктатура в классическом понимании, а скорее требование соблюдать умеренность и ввести дополнительное самоограничение.

При переходе от постановки задачи к выбору способа ее решения дизайнер может относиться к работе с коммерческой (коммерческие требования, технологические ограничения) или художественной (эстетика, удобство использования, человеческий фактор) точки зрения. Независимо от подхода, наиболее успешные дизайнерские работы объединяет стремление превратить хаос в порядок.

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

Возможно, все это – плоды моего воображения. Но я описал то, что изначально привлекало меня в дизайне.

Заинтересовавшись вопросами «дизайна», или «графического дизайна», я поступил в художественный колледж, мне было семнадцать и я не имел ни малейшего представления, чем буду заниматься. Я умел рисовать (на довольно неплохом уровне), и моей единственной целью было научиться зарабатывать рисованием на жизнь. Когда я наконец получил возможность рисовать все, что захочу, – окончил колледж и стал взрослым, – мир предстал передо мной как пространство, полное хаоса. Порядка не существовало, и я понимал, инстинктивно или сознательно, что должен направить все свои творческие способности на борьбу с хаосом, по крайней мере, в своей работе.

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

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

Мне понадобилось много времени, чтобы начать использовать сетки, но я учился методом проб и ошибок, читая книги, рассматривая работы талантливых дизайнеров, читая, экспериментируя и вновь читая. Я понял, что сетки гораздо сложнее, чем кажутся на первый взгляд. Изучая их, я постоянно узнаю что-то новое – именно это привлекает меня в дизайне, Интернете, технологиях и в искусстве в целом. Не каждый раз сетка, которую я использую, сильно отличается от предыдущей, но в процессе работы почти всегда можно узнать что-то новое.

Точка

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

Пока мы выполняли задание, преподаватель ходил по аудитории, бросая беглые взгляды на результат нашего «творчества». Он с юмором комментировал выбор места для наших точек и то, что этот выбор позволял предположить о наших личных качествах. Некоторые расположили точку в самой середине листа, другие – просто куда-то ткнули карандашом, а более рассудительные попытались как-то связать ее положение с углами листа. Затем он попросил нас поставить еще одну точку, и опять в любом месте. После этого преподаватель сказал, что мы создали дизайн – бессмысленный и бесполезный, но тем не менее дизайн.

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

Перейти на страницу:

Похожие книги

3ds Max 2008
3ds Max 2008

Одни уверены, что нет лучшего способа обучения 3ds Мах, чем прочитать хорошую книгу. Другие склоняются к тому, что эффективнее учиться у преподавателя, который показывает, что и как нужно делать. Данное издание объединяет оба подхода. Его цель – сделать освоение 3ds Мах 2008 максимально быстрым и результативным. Часто после изучения книги у читателя возникают вопросы, почему не получился тот или иной пример. Видеокурс – это гарантия, что такие вопросы не возникнут: ведь автор не только рассказывает, но и показывает, как нужно работать в 3ds Мах.В отличие от большинства интерактивных курсов, где работа в 3ds Мах иллюстрируется на кубиках-шариках, данный видеокурс полностью практический. Все приемы работы с инструментами 3ds Мах 2008 показаны на конкретных примерах, благодаря чему после просмотра курса читатель сможет самостоятельно выполнять даже сложные проекты.

Владимир Антонович Верстак , Владимир Верстак

Программирование, программы, базы данных / Программное обеспечение / Книги по IT
Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript
Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript

Данная книга посвящена программированию игр с помощью ActionScript. Здесь вы найдете подробные указания, необходимые для создания самых разных игр – аркад, головоломок, загадок и даже игровых автоматов. В тексте приведены исходные коды программ и детальные, доступно изложенные инструкции. Базовые принципы программирования ActionScript рассматриваются на примере игр, однако вы без труда сможете применить полученные знания и для разработки неигровых проектов, таких как Web-дизайн и реклама. Рекомендации Гэри Розенцвейга помогут вам не только придумывать занимательные игры и размещать их на Web-сайте, но и оптимизировать скорость их работы, а также защищать свои творения от несанкционированного копирования. Представленный в книге код несложно изменить для использования в других программах.Книга предназначена для широкого круга читателей – создателей анимационных роликов, художников-оформителей, программистов и разработчиков Web-сайтов. Издание может также выступать в качестве практического пособия по изучению ActionScript.

Гэри Розенцвейг

Программирование, программы, базы данных / Программирование / Книги по IT