Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку» (1500,00 руб.)

Стр.5

Стр.7

Стр.8

Стр.9

Стр.10

УДК 004.92:004.738.5 ББК 32.973.202 К50 К50 Клонингер, Курт. Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку» / К. Клонингер ; пер. с англ. М. В. Ермолиной. — 2-е изд., эл. — 1 файл pdf : 259 с. — Москва : ДМК Пресс, 2022. — (Web-дизайн). — Систем. требования: Adobe Reader XI либо Adobe Digital Editions 4.5 ; экран 10". — Текст : электронный. ISBN 978-5-89818-246-5 Существующая литература по Web-дизайну является скорее литературой по Web-программированию и проблемам, связанным с разработкой удобного пользовательского интерфейса. А эта книга целиком и полностью посвящена эстетической стороне дизайна. На примере наиболее интересных, с точки зрения автора, стилей современного Web-дизайна рассматривается, как объединение вербальных, зрительных и акустических средств позволяет достичь максимального воздействия на посетителя Сети. В каждой главе описывается один из нетрадиционных стилей, приводится множество примеров и ссылки на известные коммерческие сайты, созданные в этом стиле, дается подробный анализ применяемых технических приемов. Представлено большое количество практических советов для тех, кто решил воспользоваться каким-либо из предложенных стилей. Детально обсуждаются особенности подготовки графики, расположение материала на Web-странице, выбор цветовой гаммы и многие другие проблемы. Книга будет полезна всем, кто интересуется вопросами создания современных, запоминающихся, коммерчески успешных Web-страниц. УДК 004.92:004.738.5 ББК 32.973.202 В соответствии со ст. 1299 и 1301 ГК РФ при устранении ограничений, установленных техническими средствами защиты авторских прав, правообладатель вправе требовать от нарушителя возмещения убытков или выплаты компенсации. ISBN 978-5-89818-246-5 © New Riders Publishing © Перевод на русский язык, оформление ДМК Пресс

Стр.5

Содержание 1 Введение Web похожа на… Web Проблемы: приверженность, подражательство и печать Проблема 1: приверженцы практичности Проблема 2: синдром «один размер подходит всем» Проблема 3: вирус печатного оформления Решение: личная увлеченность 2 Готический органический стиль Симметрия – это смерть: Entropy8 Хаос создает коммерцию: Conscience Records За бархатным канатом: Джанет Джексон «Реалистические» текстуры Изображения переднего плана с неровными границами Прозрачные анимированные GIFизображения Контролируемый размер окна Намеренное использование вертикальной прокрутки Сайты, упоминаемые в этой главе 3 Табличный пиктографический стиль Майк Сина: Майс ван дер Рое встречает Кид Эй Nike для женщин: бизнеспроект Новостной портал Сербии: эстетичная практичность Расположение геометрических форм под углом, кратным 45° Шаг 1: сохранить в формате GIF Шаг 2: сохранить в качестве Flashанимации Сочетание фотографии с табличными схемами Использование фрагментов изображений Сайты, упоминаемые в этой главе vi 2 3 4 4 5 8 8 10 14 19 22 25 27 28 30 32 34 36 39 43 45 46 47 47 48 49 50

Стр.7

содержание 4 Стиль «низкокачественный грандж» 52 Приблизиться к печати настолько, насколько нужно Персональные сайты Сакси: псевдофункциональность финского производства Коммерция в стиле грандж: Nokian Tyres Сочетание GIFизображений на переднем/заднем плане Имитация строчной развертки Кисти для пятен Движение внутри коллажа Сайты, упоминаемые в этой главе 5 Стиль бумажных пакетов Сайт Kipple компании Funny Garbage: Макгайвер занимается Webискусством P2: дети растут Сайт Levi's Vintage: революция будет продвигаться на рынок gURL и KaChing: 25 % стиля бумажных пакетов Текстуры бумажных пакетов Намеренная неровность и небрежные границы Разумное использование цвета Кочующая панель навигации Сайты, упоминаемые в этой главе 6 Мондриановский плакатный стиль Музей Vitra Design и архив стиля Bauhaus: дизайн на службе у дизайна 617: джедай моды Американский институт графического искусства Lundstrom Architecture: создан для того, чтобы поражать 54 55 60 61 63 64 65 66 68 71 74 77 78 80 82 82 83 83 84 88 90 91 92 vii

Стр.8

содержание Целостное оформление окна браузера Размещение при помощи фреймов Полноэкранное решение во Flash Решение с фиксированным размером Решение с использованием самораскрывающихся окон Элементы навигации, интегрированные в общее оформление страницы Выбор цветовой палитры Сайты, упоминаемые в этой главе 7 Цифровой панкроковый стиль Краткий курс ориентирования в дезориентации Ложная неисправность Обманная навигация Отсутствующие или неверно работающие указатели Постоянное движение и шум Нетрадиционная обрезка и увеличение изображения Нестандартное мультимедиа Полноэкранное управление Функции наведения курсора мыши Старый жуткий крупный HTMLтекст Сайты, упоминаемые в этой главе 8 Суперминиатюрный городской стиль Kaliber 10000: Бог проявляется в мелочах flipflopflyin: все дело в идее dbdb: на станции метро cnn.com/CAREER: будем работать за пикселы Крошечные растровые человечки, здания и предметы Растровые шрифты Дробление страницы Сайты, упоминаемые в этой главе 9 Стиль HTMинимаLизма Просто для продажи: 37signals gettyone: продавать стало просто viii 94 94 95 96 96 97 98 99 100 103 104 106 108 112 113 115 116 118 119 120 122 124 125 127 128 130 131 133 135 136 139 142

Стр.9

содержание A List Apart: лучший способ чтения через CSS endquote: иногда ничто – это действительно круто Jovino: принцип относительности Управление шрифтами в CSS Комбинации цветов Надувной алфавит Табличные шрифты Сайты, упоминаемые в этой главе 10 Стиль чертежей и моделей Майк Янг: дух в машине chapter3: темный оттенок светлого Hyperprism и MTV2 UK: пространственная навигация Mercury Vehicles: раскройте свою душу 3Dпрограммы Крохотный неразборчивый шрифт Сайты, упоминаемые в этой главе 11 Стиль 1950х «Привет, Китти!» Эми Францесчини: добро пожаловать в мою мечту Post Tool: изобильный минимализм/ минималистическое изобилие Avant Card и You Grow Girl: коммерция с проказливой улыбкой Крохотные трехмерные круглые человечки/ большой трехмерный шрифт Округлые, естественные границы Пастельная палитра Шрифты 50х/искусство 50х Сайты, упоминаемые в этой главе 12 Заключение Кондитеры стали плотниками Это переживание, болван Сеть похожа на вечеринку Предметный указатель 146 148 149 151 153 157 158 160 162 165 167 168 171 172 174 175 176 178 183 185 187 188 188 189 190 192 193 194 196 199 ix

Стр.10