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

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

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

Жанры: Интернет, Программирование
Серии: -
Всего страниц: 27
ISBN: 978-5-459-00579-0
Год издания: 2011
Формат: Полный

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

Шрифт
Интервал

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

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

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

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

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

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

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

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

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

Точка

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

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

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

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

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


Рекомендуем почитать
Соседка

Рядом со своей подругой Алисией застенчивая Слоун всегда чувствовала себя неуверенно Стоило Ачисии надуть губки, как мир начинал крутиться вокруг нес: Вот и теперь она легко у говор ила Слоун сдать комнату своему жениху Картеру Мэдисону. Но, открыв ему дверь и встретив прямой взгляд карих глаз, Слоун поняла, что на сей раз выполнить просьбу подруги будет очень непросто…


Пансион благородных убийц

Что может быть невиннее благотворительного пансиона для юных барышень? Однако под крышей респектабельного на вид учебного заведения происходят по-настоящему жуткие дела, а воспитанниц его убивают. Берегитесь заглядывать в этот тихий омут, потому что там водятся настоящие черти!


Книга 1. Очищение организма и правильное питание. Биосинтез и биоэнергетика

Более десяти лет назад увидел свет знаменитый четырехтомник «Целительные силы» Геннадия Малахова.Автор проделал гигантский труд, тщательно изучив причины и механизмы возникновения болезней. Итог этой работы – уникальная авторская система оздоровления, включающая такие эффективные методы, как очищение, голодание, правильное питание, уринотерапия, физическая и духовная активность. Труд Геннадия Малахова «Целительные силы» – это наиболее серьезный и комплексный подход к вопросам здоровья, подаривший исцеление миллионам своих читателей и ставший классикой естественного оздоровления.Время не стоит на месте.


Род Волка

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


Web-LoX

Web-LoX – это сенсационная книга о социальных сетях. Все совпадения не случайны, все герои реальны. Только здесь в ироничной форме приоткрывается завеса тайны над тем, как и для чего на самом деле используют пользователи свои аккаунты.Неожиданные факты, всплывающие в книге, демонстрируют то, что скрывается за фасадом популярности социальных сетей нашего времени.Книга была написана в январе 2012 года и по стечению обстоятельств явилась контр-ответом на "оду" Н.Кононова "Код Дурова".


Галактика Интернет

Интернет стал обычной частью нашей жизни и привычным рабочим инструментом. Как он появился? Кто создал ею? Как сказался Интернет на сфере коммуникаций, на Экономике? К каким изменениям в культуре приводит распространение Интернета? Как меняются под его влиянием отношения между людьми? Как изменилась структура нашей повседневной жизни? Книга одного из самых известных социологов современности профессора Мануэля Кастельса (Калифорнийский университет в Беркли, США) отвечает на эти и многие другие вопросы на основе фундаментального всестороннего анализа.


Сначала мобильные!

Подход, предложенный Люком Вроблевски, произвел настоящую революцию в области веб-дизайна. Его суть проста: чтобы сайт наиболее полно удовлетворял потребности пользователей любых устройств, сначала следует проектировать его мобильную версию.В своей книге Люк подробно рассказывает о том, как перейти от создания обычных сайтов к разработке их мобильных версий, какие особенности поведения владельцев мобильных устройств следует учитывать при проектировании интерфейса, как правильно организовать контент и навигацию и о многом-многом другом.Следуя его рекомендациям, вы сможете создать максимально удобный дизайн, который обеспечит высокую посещаемость вашего сайта в самое ближайшее время.Издано с разрешения A Book Apart LLC На русском языке публикуется впервые.Все права защищены.Никакая часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав.Правовую поддержку издательства обеспечивает юридическая фирма «Вегас-Лекс».


Рунетология. Кто управляет русским Интернетом?

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


Интернет-разведка. Руководство к действию

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


Образование русскоязычного сегмента Фидонет в Западной Европе

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