Свежие стили WEB-дизайна: как сделать из вашего сайта "конфетку" /

Вы ищете идеи, которые бы вас вдохновляли? Зачем тратить время на создание скучных проектов, повторяющих бумажные издания или банальные корпоративные сайты, построенные по принципу рекламного проспекта? Вместо этого предлагаем вам изучить уникальные и свежие примеры, приведенные в этой книге. Познакомьтесь с экспериментальной субкультурой Web-дизайна, и вы измените свое мнение и стиль работы с Web-проектами.Основное внимание в книге уделено практическому применению нетрадиционных подходов к оформлению любых Web-сайтов - как коммерческих, так и персональных. Каждый из десяти представленных стилей Web-дизайна рассмотрен подробно, с описанием технических приемов, необходимых для его воплощения. Не стоит думать, что эти стили подойдут только для оформления Web-сайта какого-нибудь художника-авангардиста: на примерах, приведенных в книге, вы сможете убедиться, что существует множество корпоративных сайтов, успешно использующих описываемый здесь новаторский подход. 1. Введение Web похожа на... Web Проблема 1: приверженцы практичности Проблема 2: синдром «один размер подходит всем» Проблема 3: вирус печатного оформления Решение: личная увлеченность 2. Готический органический стиль Симметрия - это смерть: Entropy8 Хаос создает коммерцию: Conscience Records За бархатным канатом: Джанет Джексон «Реалистические» текстуры Изображения переднего плана с неровными границами Прозрачные анимированные GIF-изображения Контролируемый размер окна Намеренное использование вертикальной прокрутки Сайты, упоминаемые в этой главе 3. Табличный пиктографический стиль Майк Сина: Майе ван дер Рое встречает Кид Эй Nike для женщин: бизнес-проект Новостной портал Сербии: эстетичная практичность Расположение геометрических форм под углом, кратным 45° Шаг 1: сохранить в формате GIF Шаг 2: сохранить в качестве Flash-анимации Сочетание фотографии с табличными схемами Использование фрагментов изображений Сайты, упоминаемые в этой главе 4. Стиль «низкокачественный грандж» Приблизиться к печати настолько, насколько нужно Персональные сайты Сакси: псевдо-функциональность финского производства Коммерция в стиле грандж: Nokian Tyres Сочетание GIF-изображений на переднем/заднем плане Имитация строчной развертки Кисти для пятен Движение внутри коллажа Сайты, упоминаемые в этой главе 5. Стиль бумажных пакетов Сайт Kipple компании Funny Garbage: Макгайвер занимается Web-искусством Р2: дети растут Сайт Levi's Vintage: революция будет продвигаться на рынок gURL и Ka-Ching: 25 % стиля бумажных пакетов Текстуры бумажных пакетов Намеренная неровность и небрежные границы Разумное использование цвета Кочующая панель навигации Сайты, упоминаемые в этой главе 6. Мондриановский плакатный стиль Музей Vitra Design и архив стиля Bauhaus: дизайн на службе у дизайна 617: джедай моды Американский институт графического искусства Lundstrom Architecture: создан для того, чтобы поражать Целостное оформление окна браузера Размещение при помощи фреймов Полноэкранное решение во Flash Решение с фиксированным размером Решение с использованием самораскрывающихся окон Элементы навигации, интегрированные в общее оформление страницы Выбор цветовой палитры Сайты, упоминаемые в этой главе 7. Цифровой панк-роковый стиль Краткий курс ориентирования в дезориентации Ложная неисправность Обманная навигация Отсутствующие или неверно работающие указатели Постоянное движение и шум Нетрадиционная обрезка и увеличение изображения Нестандартное мультимедиа Полноэкранное управление Функции наведения курсора мыши Старый жуткий крупный HTML-текст Сайты, упоминаемые в этой главе 8. Суперминиатюрный городской стиль Kaliber 10000: Бог проявляется в мелочах flipflopflyin: все дело в идее db-db: на станции метро cnn.com/CAREER: будем работать за пикселы Крошечные растровые человечки, здания и предметы Растровые шрифты Дробление страницы Сайты, упоминаемые в этой главе 9. Стиль НТМинимаЫзма Просто для продажи: 37signals gettyone: продавать стало просто A List Apart: лучший способ чтения через CSS endquote: иногда ничто - это действительно круто Jovino: принцип относительности Управление шрифтами в CSS Комбинации цветов Надувной алфавит Табличные шрифты Сайты, упоминаемые в этой главе 10. Стиль чертежей и моделей Майк Янг: дух в машине chapter3: темный оттенок светлого Mercury Vehicles: раскройте свою душу ЗЭ-программы Крохотный неразборчивый шрифт Сайты, упоминаемые в этой главе 11. Стиль 1950-х «Привет, Китти!» Эми Францесчини: добро пожаловать в мою мечту Post Tool: изобильный минимализм/ минималистическое изобилие Avant Card и You Grow Girl: коммерция с проказливой улыбкой Крохотные трехмерные круглые человечки/ большой трехмерный шрифт Округлые, естественные границы Пастельная палитра Шрифты 50-х/искусство 50-х Сайты, упоминаемые в этой главе 12. Заключение Кондитеры стали плотниками Это переживание, болван Сеть похожа на вечеринку Предметный указатель Иллюстрации Краткое содержание Содержание Аннотация

In a light and friendly voice, the author introduces the reader to new ways of styling websites. With specific examples for each of ten categories, he provides a wealth of techniques for the designer who wishes to apply these approaches in their own work. The styles are broken down into ten categories, which are:

• Gothic Organic School
• Wireframe Icon School
• Lo-fi Grunge School
• Paper Bag School
• Mondrian Poster School
• Pixelated Punk Rock School
• 1950's Hello Kitty School
• HTMinimaLism School
• DraftingTable/Instruction Manual School

Super Tiny SimCity School Further explorations in the book help designers determine which style choices would be most appropriate when changing the look of their own sites.

Filled with vivid color illustrations, this guide for Web designers describes in detail some of the latest visual ideas from the experimental design subculture. Each of ten chapters explores a distinct design type, such as 1950s Hello Kitty style, pixilated punk rock style, and the minimalist aesthetics of HTML purists. Web addresses for sites representative of each style are found at the ends of the chapters. Annotation c. Book News, Inc., Portland, OR (booknews.com) Learn to practically incorporate fresh style to improve commercial web sites.