Свежие стили Web-дизайна, Как сделать из вашего сайта «конфетку, Клонингер К.

Свежие стили 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. Стиль НТМинимаLизма.
Просто для продажи: 37signais.
gettyone: продавать стало просто.
A List Apart: лучший способ чтения через CSS.
endquote: иногда ничто - это действительно круто.
Jovino: принцип относительности.
Управление шрифтами в CSS.
Комбинации цветов.
Надувной алфавит.
Табличные шрифты.
Сайты, упоминаемые в этой главе.
10. Стиль чертежей и моделей.
Майк Янг: дух в машине.
chapter3: темный оттенок светлого.
Hyperprism и MTV2 UK:
пространственная навигация.
Mercury Vehicles: раскройте свою душу.
30-программы.
Крохотный неразборчивый шрифт.
Сайты, упоминаемые в этой главе.
11. Стиль 1950-х «Привет, Китти!».
Эми Францесчини: добро пожаловать в мою мечту.
Post Tool: изобильный минимализм/минималистическое изобилие.
Avant Card и You Grow Girl: коммерция с проказливой улыбкой.
Крохотные трехмерные круглые человечки/большой трехмерный шрифт.
Округлые, естественные границы.
Пастельная палитра.
Шрифты 50-х/искусство 50-х.
Сайты, упоминаемые в этой главе.
12. Заключение.
Кондитеры стали плотниками.
Это переживание, болван.
Сеть похожа на вечеринку.
Предметный указатель.


Ниже можно купить эту книгу, если она есть в продаже, и похожие книги по лучшей цене со скидкой с доставкой по всей России.Купить книги


Купить .





Теги: учебник по веб-дизайну :: веб-дизайн :: CSS :: HTML :: Клонингер :: стиль :: сайт