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

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

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

Чои Вин

Программирование / Книги по IT18+
<p>Чои Вин</p><p>Как спроектировать современный сайт</p>

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

<p>Глава 1. Введение</p>

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

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

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

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

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

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

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

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

<p>Точка</p>

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

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

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

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

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

Основы программирования в Linux
Основы программирования в Linux

В четвертом издании популярного руководства даны основы программирования в операционной системе Linux. Рассмотрены: использование библиотек C/C++ и стан­дартных средств разработки, организация системных вызовов, файловый ввод/вывод, взаимодействие процессов, программирование средствами командной оболочки, создание графических пользовательских интерфейсов с помощью инструментальных средств GTK+ или Qt, применение сокетов и др. Описана компиляция программ, их компоновка c библиотеками и работа с терминальным вводом/выводом. Даны приемы написания приложений в средах GNOME® и KDE®, хранения данных с использованием СУБД MySQL® и отладки программ. Книга хорошо структурирована, что делает обучение легким и быстрым. Для начинающих Linux-программистов

Нейл Мэтью , Ричард Стоунс , Татьяна Коротяева

ОС и Сети / Программирование / Книги по IT
97 этюдов для архитекторов программных систем
97 этюдов для архитекторов программных систем

Успешная карьера архитектора программного обеспечения требует хорошего владения как технической, так и деловой сторонами вопросов, связанных с проектированием архитектуры. В этой необычной книге ведущие архитекторы ПО со всего света обсуждают важные принципы разработки, выходящие далеко за пределы чисто технических вопросов.?Архитектор ПО выполняет роль посредника между командой разработчиков и бизнес-руководством компании, поэтому чтобы добиться успеха в этой профессии, необходимо не только овладеть различными технологиями, но и обеспечить работу над проектом в соответствии с бизнес-целями. В книге более 50 архитекторов рассказывают о том, что считают самым важным в своей работе, дают советы, как организовать общение с другими участниками проекта, как снизить сложность архитектуры, как оказывать поддержку разработчикам. Они щедро делятся множеством полезных идей и приемов, которые вынесли из своего многолетнего опыта. Авторы надеются, что книга станет источником вдохновения и руководством к действию для многих профессиональных программистов.

Билл де Ора , Майкл Хайгард , Нил Форд

Программирование, программы, базы данных / Базы данных / Программирование / Книги по IT
Программист-прагматик. Путь от подмастерья к мастеру
Программист-прагматик. Путь от подмастерья к мастеру

Находясь на переднем крае программирования, книга "Программист-прагматик. Путь от подмастерья к мастеру" абстрагируется от всевозрастающей специализации и технических тонкостей разработки программ на современном уровне, чтобы исследовать суть процесса – требования к работоспособной и поддерживаемой программе, приводящей пользователей в восторг. Книга охватывает различные темы – от личной ответственности и карьерного роста до архитектурных методик, придающих программам гибкость и простоту в адаптации и повторном использовании.Прочитав эту книгу, вы научитесь:Бороться с недостатками программного обеспечения;Избегать ловушек, связанных с дублированием знания;Создавать гибкие, динамичные и адаптируемые программы;Избегать программирования в расчете на совпадение;Защищать вашу программу при помощи контрактов, утверждений и исключений;Собирать реальные требования;Осуществлять безжалостное и эффективное тестирование;Приводить в восторг ваших пользователей;Формировать команды из программистов-прагматиков и с помощью автоматизации делать ваши разработки более точными.

А. Алексашин , Дэвид Томас , Эндрю Хант

Программирование / Книги по IT