Дискуссия : Основные течения в веб-дизайне на сегоняшний момент

[ihorko]

Готический органический стиль (Gothic Organic Style)

1. Ревю от Курта Клонингера:

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

2. История

Один из стилей, история рождения и развития которого касается фактически одного человека. Этим человеком является Аурелиа Харви (Aurelia Harvey), скульптор и веб-дизайнер, еще в 1995 году создавшая немыслимый по тем временам проект entropy8. Дальше развитие пошло в дистанционном сотрудничестве Харви с Майклом Семином (Michael Samyn), вылившееся в проект http://www.entropy8zuper.org. Как для 95го года, Харви была смела и шокирующа. Ну и, конечно же, нельзя забыть о нашем дорогом и любимом Олеге Пащенко a.k.a. CMART, который не только развил этот стиль, но и внес в него еще больше реализма с помощью MM Flash - звук и анимацию.
Именно нетрдиционный подход к сетевому дизайну и использование еще более нетрадиционных технологий по тем
временам родили готический органический стиль.

3. Примеры:

http://www.entropy8.com/greatest_hits/index.html
http://www.entropy8zuper.org/
http://www.conscience.com/
http://www.lab404.com/janet/
http://www.conclaveobscurum.ru/
http://www.greyscale.net/
http://www.brittle-bones.com/
http://www.latexfantasies.com/
http://www.copyrightdavis.com/
http://www.rustboy.com/
http://www.daytona-peru.com/

4. Цели и применение:

Дизайнеры-органики в своих работах преследуют одну цель - погрузить посетителя в атмосферу "вы здесь". Дать ему почувствовать. Или даже пощупать. Так как этот стиль в своей основе рассчитан на эмоциональное воздействие, наиболее применим он для проектов рекламного или имиджевого характера, таких, которые требуют создать ощущение реальности. Например рекламный сайт фильма или музыкального альбома какой-либо экспрессивной группы. Лично я сразу вспоминаю увиденный когда-то сайт группы Korn (сразу после выхода альбома Follow the Leader), сайт проекта rustboy, и еще промо-сайт какой-то жуткой компьютерной игры с деревянными и тряпичными куклами, адрес которого к сожалению у меня не сохранился. И еще много промо-сайтов голливудских фильмов... Так что, как видите, стиль может иметь коммерческое применение, и довольно удачное. "Если вы хотите поместить посетителся в центр событий, зачем показывать ему только крохотный кусочек приключений, и убеждать, что все остальное будет не хуже?" - вот слоган дизайнеров-органиков.

5. Строительный материал:

В качестве строительного материала используются фигуры людей, растительные и другие текстурные элементы. Чаще всего черный или темный (но приближенный к природному) фоновый цвет. И вообще, цветовая гамма максимально близкая к реальному миру, а также почти полное отсутсвие однотонных областей "чистого" цвета - обязательно должен присутствовать некоторый шум, придающий реалистичности.
Шрифт? Все просто замечательно для тех, кто только и ищет возможность использовать кое-что из своей коллекции декоративных щрифтов. Неординарное сочетание как будто текущих рукописных прихотливых шрифтов и смазанных, нарочито небрежных шрифтов в стиле грандж. Декоративность - вот что главное в шрифтовом ансамбле этого стиля.
В плане формы все однозначно - никакой симметрии. Ассиметричность, Неуравновешенность форм, нарочито неправильная композиция, расплывчатость и отсутствие четких граней, иногда наоборот - слишком резкие очертания и намеренное отделение объектов.
Выразительные методы - загадочность, иногда непонятность, разнообразные метафорические приемы, игра с передним и задним планом, фактурность. Ощущение смутного скрытого смысла или побудит вас к дальнейшему путешествию по сайту (скорее даже исследованию), или же заставит вас немедленно уйти оттуда в поисках более понятных сфер.

6. Технические приемы:

Ну и, наконец, практика
В самом начале уясните себе, что работа в готическом органическом стиле - это полотно. Фоновые рисунки используются не как повторяющееся изображение, а как индивидуальный элемент композиции в тесном сочетании с передним планом. Размер окна браузера в этом случае не имеет особого значения - одним из технических приемов является намеренное использование полосы прокрутки, как вертикальной (в основном), так и горизонтальной. Комбинации гифов с прозрачными областями, сглаженность и пиксельная зазубренность в зависимости от контекста, использование javascript (а теперь и flash) для реализации определенных реакций на поведение посетителя. Жесткая табличная верстка для придания четко фиксированного каркаса. Реалистичные текстуры, изображения переднего плана с неровными границами, шумовые добавления. Flash позволяет разнообразить все это более реалистичной анимацией, оживить с помощью звуков. Как фоновый постоянный звук чаще используется негромкий природный "перманентный" шум, например звук живущего города, движения транспорта, шум морских волн или листвы, шум дождя и т.д. На реакцию можно ставить все что угодно, очень хорошо в этом стиле вписываются резкие звуки (но тоже из реального мира) - внезапный вскрик птицы, громкий и пронзительный скрип двери, и так далее. Не рекоммендуется использовать CSS в опасном для многих браузеров объеме, потому что композиция изначально содается фиксированной, и возможные "уезды" и смещения определенных частей могут просто напросто испортить "картинку".
Трехмерность тоже придает реализма, поэтому можно смело использовать тени, обычный стиль элементов форм (поля ввода, кнопки) и прочее...



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



Материалы по книге Курта Клонингера "Свежие стили Web-дизайна: как сделать из вашего сайта "конфетку""
Обдумано, проверено, дополнено и изложено by ihorko