Трэйси Осборн - Веб-дизайн для недизайнеров

багажом знаний во
множестве областей стало ключевым фактором в построении моей карьеры.

Аналогично тому, как дизайнерам полезно немного уметь
программировать, программисты (а также маркетологи,
продакт-менеджеры, продажники и т. д.) могут получить
пользу от изучения основ дизайна. Даже если вы не специа­
лизируетесь в дизайне, вам все равно приходится этим
заниматься в той или иной степени — будь то работа над
18

В ВЕДЕНИЕ

Tlgm: @it_boooks

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

«Веб-дизайн для недизайнеров» не ставит своей целью сделать вас дизайнером — книга позволит вам чувствовать себя
более комфортно, когда придется заниматься дизайном.
При этом книга сосредоточена исключительно на визуальной составляющей: вы не найдете здесь HTML, CSS, разработки пользовательского интерфейса или описания кода. Мы
будем работать над совершенствованием ваших дизайнерских решений и, что чуть ли не более важно, покажем, как
заставить их работать лучше.
Дизайн подразумевает решение задач. Даже когда кажется,
что мы просто делаем вещи «более красивыми» (например,
­создавая презентацию), мы на самом деле стремимся облегчить чтение и восприятие, сделать информацию более
привлекательной. Мы действительно хотим, чтобы наши
веб-интерфейсы были более понятны и просты — хороший
дизайн имеет ключевое значение для получения и удержания клиентов и ­повышения эффективности проектов.

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

ВВЕДЕНИЕ

19

Tlgm: @it_boooks

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

— Трэйси

Tlgm: @it_boooks

1

ГЛАВА 1

ЕСЛИ ИЗ ВСЕХ ГЛАВ
ВЫБИРАТЬ ОДНУ, ТО ЛУЧШЕ ЭТУ

ЕСЛИ К ВАМ В РУКИ ПОПАЛА ЭТА КНИГА, а время есть только на прочтение одной главы, прочтите именно эту. Почему?
Потому что она показывает кратчайший путь для совершенствования своих дизайнерских решений.

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

В качестве примера возьмите Craigslist. В течение многих лет
дизайн ­сайта практически не менялся и выглядит весьма
устаревшим (рис. 1-1).

Если бы внешний вид был самым важным критерием, то
Craigslist уже бы давно затмили другие, новые платформы
объявлений с более ярким дизайном. Тем не менее этот ресурс остается в топе среди сайтов тематических объявлений
потому, что он прост и удобен в использовании.
Без всяких ярких эффектов и отвлекающих баннеров
Craigslist ­максимально упрощает как размещение объявлений, так и их поиск.
Если из всех глав выбирать одну, то лучше эту

21

Tlgm: @it_boooks

Рис. 1-1. Craigslist по-прежнему лидирует в своем сегменте,
даже не имея современного дизайна

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

Есть две важные составляющие, позволяющие добиться
от дизайна хорошего --">