Отправляет email-рассылки с помощью сервиса Sendsay

Дизайн для салажат. Мастеровые записки деда

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Е-коммерция" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Ноябрь 2002   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Сергей

Статистика

2.728 подписчиков
-13 за неделю
←   Все выпуски   →

Школы и направления в веб-дизайне


Информационный Канал Subscribe.Ru
  [01.11.2002]

Школы и направления в веб-дизайне

Стильная жизнь

Здравствуй, дружище!

Ну, ладно-ладно, не ворчи! Ну не было деда месячишко… Ну, или больше! Ну и что теперь? :) Дедушке нужно было срочно и до конца переосмыслить весь концепт дедаРу, т. к. в нынешнем виде (в плане содержания) он несколько бестолков и плохо систематизирован.
Сейчас вводится много изменений на сайте — сам увидишь. А пока поговорим о школах веб-дизайна.
Нет — об учебных заведениях я говорить не буду — это скорее записка о направлениях, стилях и течениях в веб-дизайне.

Ох, и давненько я не мочал тебя своей болтовней! :) Сегодня я скажу много и уверен, что найдутся умные ребята, которые захотят поспорить.

Сразу предупрежу — все, что деда глаголет ниже, его личное мнение, не претендующее на истину. Я так думаю!

Итак. Хм.

= деда щиплет бороду и роется в куче книжек в своем сарайчике =

Эту заметку деда начинал писать около тысячи раз, но пугался и бросал. Взялся я за сложнейшую тему. Подвигло меня на этот грандиозный подвиг книга Курта Клонингера «Свежие стили веб-дизайна…»

= О настольных книгах деда читай в следующей записке… ага =

Честно говоря, о направлениях и стилях говорить пока рановато. Веб-дизайну всего-то 5–6 лет.

А что было ДО? Какие стили нам известны?

Пыльная архаика

Главные стили, известные умным дядькам-искусствоведам, формировались веками и охватывали ВСЕ виды творчества человека.
Отвлекусь и напомню тебе, друже! Чтобы ты имел перед глазами общую картинку.

Египетский стиль. 5000 — 1000 до н. э.
 Правда, дремучесть страшная? Пирамиды, грустный сфинкс с обломанным носом и египетские папирусы с ковровыми рисунками. Все просто и грандиозно. Это в те века и родилось Золотое сечение.

Античный стиль. 3000 до н. э. — 400 н. э. Основой творчества было человеческое тело, красота и гармония всего окружающего мира. Время гениальных скульпторов, создающих роскошные дворцы, изящные храмы и помпезные святилища… В этом стиле созданы Капитолий, Колизей и Триумфальная арка…

Романский стиль. Х — XII вв.
 О! Массивные каменные храмы-крепости, чугунное литье и башни, башни… Суровый феодализм, химеры, крестово-реберные своды и земные подобия «Града Божьего».

Готика (XII — XVI вв.) Франция, католицизм, изумительные цветные витражи (живопись по стеклу) и соборы в вычурных ажурных каркасных конструкциях с подчеркнутым скелетом конструкций. К шедеврам этого стиля относится Собор Парижской Богоматери — знаменитый Нотр-Дамм… Догадайся, в какой стране! :) В Германии — Кельнский собор, в Англии — Кентерберийский собор.

Ренессанс (Возрождения). XV — XVII вв. Второе пришествие антики. Время Боккаччо, Рафаэля, Леонардо да Винчи и Микеланджело.

= Это я не о черепашках-ниньзя! :) =

К античным порталам, бюстам и рельефам добавились конные монументы. Церковь отошла на второй план и голову подняло светское искусство. Лиственные орнаменты, купола. Гармония и реальная простота.

Барокко. Рококо. XVII — XVIII вв. Искусство асимметрии и вычурности, грандиозности и помпезности… и перегруженность декоративными деталями. Зеркала и росписи, расширяющие пространство. Вспомните Петергоф, усадьбы Петербурга, Царское село. Сложнейшая лепка и резные украшения в завитках. Текучие формы и оптические эффекты.

Все это счастье вылилось в пародию на самое себя — рококо… Так называемый китч. Амурчики и пастушки. Мифология и эротика.
Странно, но в эпоху рококо появился Зимний дворец и Смольный монастырь в Петербурге. Хотя ярче всего стиль проявился в фарфоре, мебели и ювелирном искусстве.

Классицизм. XVIII — XIX вв. Это опять голову подняла антика — экий живучий стиль. Война с рококо. Все стало проще и строже. Логичнее и ближе к природе. Симметрия и строгое соблюдение законов античности. И как основа — французский Версаль и наш Петербург.

= Потерпи, немного осталось! :) =

Модерн. Конец XIX — начало XX в. С появлением бетона и металлических конструкций, с ростом промышленности, появилась потребность строить огромные сооружения — заводы, вокзалы, банки, пассажи и кинематографы. Художники и архитекторы стали ломать голову КАК эти мрачные коробки-здания хоть чуть-чуть украсить, оформить.
Зародилась профессия дизайнера. Все стили пошли в дело, смешали все. Слово такое есть — эклектика. Главная особенность стиля — «чистая линия». Вспомните Эйфелеву башню. Сильное влияние японских гравюр — лебеди, павлины, стрекозы, ирисы и водоросли. Стиль существовал недолго, сменившись последним (уф!) стилем…

Рационализм (Конструктивизм). XX-XI вв. Это вот сейчас мы в нем и живем. Хотя уже умные люди спорят на эту тему. Это будут решать наши пра-пра-правнуки…
Строительство дешевых жилищ. Все целесообразно и лакончино. Кубики зданий… Хай-Тэк… Зеленоград, Днепрогэс и Кремлевский дворец…

= Если какой искусствовед наткнется на эту заметку, то от деда не останется мокрого места. :) Но пока он не пришел — я продолжу… =

Во-о-о-о-от… И на фоне всего этого изобилия и многовековых направлений говорить о стилях в веб-дизайне пока, мягко говоря, несколько смешно.

Школы веб-дизайна

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

«1. Эпоха «доисторического материализма» (определение от О. Бендера). Старт дизайна веб-интерфейсов. Модемы на 2400. В принципе, это не дизайн, а просто оформление картинками. Но это имело место быть много лет и до сих пор светится в скинах самодеятельных любительских сайтов. Характерным является использование шрифтов на «свой» вкус и цветовых сочетаний без всяких вкусовых и эстетических притязаний вообще.

2. «Иллюстративный» дизайн. Оформление, шрифты и цвета — все идет от конкретного содержания сайта и призвано максимально поддержать именно это содержание (и никакое другое). Вот тут и уместно применение модернистических, футуристических и прочих «эпохальных» течений. Характерно для мастеров-дизайнеров высокого класса и как способ «выпендриться» для дизайнеров со слабой культурной, эстетической и профессиональной подготовкой. Обычно сайт выглядит как буклет или другое паблишерское издание.

3. «Рациональный». В настоящий момент самый распространенный тип, включающий в себя и умный текстовый дизайн как особую ветвь. Характерные особенности — полностью программная начинка с дизайном из CSS и содержательными блоками из баз данных«

Вот так! Это называется «припечатал так припечатал» :)

Немногим больше сказал Томас Пауэлл в своей книге «Веб-дизайн»:

«Школы веб-дизайна:
1. Текстовой дизайн. Текст в первую очередь. См. Рациональный у В. Вязьминова.
2. Метафорический и тематический дизайн. Сайт выглядит так же как объекты, которые он представляет. К примеру, интерфейс в виде руля на автосайтах или переключателя скоростей. Как пример: http://suv. ford. ru/
3. GUI-дизайн. Сайты, действующие как обычные программные приложения. GUI (графический интерфейс пользователя). Множество текстовых кнопок вдоль верха или левого края страницы.
4. Нетрадиционный дизайн. См. у В. Вязьминова «Иллюстративный дизайн». Так называемые дизайн-меньшинства.

Вообще, иллюстративный дизайн стал отдушиной веб-дизайнера, замордованного простыми корпоративными проектами и кучей трудновыполнимых правил по межплатформенности и прочее…

И кинулись веб-дизайнеры создавать НЕЧТО…

Уже упомянутый мной Курт Клонингер решил изучить эту элитную сферу. Этот «дизайн не для каждого». И классифицировал его.

Все свои мысли он изложил в довольно вкусной книге «Свежие стили веб-дизайна…»

Вот она — лежит передо мной. Тоненькая и жуть какая дорогущая. Но деда жалел о своих кровных рубликах только первые минуты, пока не вчитался в нутро.

Свежие стили по Курту

Курт поступил просто. Не мудрствуя лукаво, он просто взял и описал 10 андеграундных стиля в оформлении веб-страниц. Разобрал примеры и описал технические приемы каждого стиля… После прочтения книги у меня слюнки потекли — так захотелось это все воплотить тут же — не сходя со своего места. Первым делом сразу решил сменить дизайн своей домашки, потом предложил одному заказчику… Но…

= Вот же, старый! Опять тебя унесло от темы…=

Первый стиль, с которого Курт Клонингер начал эдакое путешествие в современный веб-дизайн, это…

1. Готический органический стиль (Gothic Organic Style)
Основные идеи дизайна черпаются в хаосе, энтропии и жизни. Мусор, фигуры людей, листья и прочая органика, с навороченными растительными текстурами…

2. Табличный пиктографический стиль (Grid-Based Icon Style)
Стиль футуризма и техно — хромированные скосы под 45 градусов, толстые кнопки и куски псевдосхем, тумблеров и прочего. Части интерфейса Фотошопа… Графики, таблицы, мусор из графиков

3. Низкокачественный грандж (Lo-Fi Grunge)
Грязный, мусорный стиль. Смазанные линии, подчеркнуто неаккуратные шрифты разных размеров. Пыль, царапины, пятна…

4. Стиль бумажных пакетов (Paper Bag Style)
Сканированные рисунки без обработки, неряшливые шрифты, стилизованные под некачественную печать по бумаге. Еще более неряшлив, чем низкокачественный грандж.

5. Мондриановский плакатный стиль (Mondrian Poster Style)
Самый любимый у деда стиль. Это минимализм в полный экран, но забит броузер не кучей деталей, а чистым цветом — большие пустые цветные пространства с мелкой графикой…

6. Цифровой панк-роковый стиль (Pixelated Punk Rock Style)
Это доведенный до абсурда грандж и стиль бумажных пакетов. Это не школа — это образ жизни. Наваленные друг на друга слоями ссылки, непонятно куда ведущие… Это дурдом с бэкграундами. Выстроенные в ряд аляпистые анимированные гифы. Плавающие окна… В России этот стиль давно выделил в отдельный вид искусства и называют просто net-art. Многие «произведения» этой школы пополнили мои дедарики.

7. Суперминиатюрный городской стиль (SuperTiny SimSity Style)
Школа пикселя. Школа, зародившееся еще в раннюю компьютерную эру, когда верхом совершенства была 256 цветов и 14"-мониторы… Заходите на Ре: вижин — мир этой школы.

8. HTMинимаLизм
Школа Якоба Нильсена. Чистота кода и способность обходится минимумом деталей. Гениальная простота и почти полное отсутствие графики… Легко смешивается с любым стилем. Тот самый рациональный (конструктивный) стиль. Большинство информационных порталов выполнено в этой школе, да и сам проект дедаРу… чего греха таить… Хотя еще надо мою сайтинку почистить — есть много ошибок в юзабилити.

9. Стиль чертежей и моделей (Drafting Table/Transformer Style)
Трехмерные конструкции с рванымим, острыми краями, словно битое стекло. Все это покрыто штрих кодами, кусками миллиметровки, каких-то роботов и мелким шрифтом. Запутанная навигация… Вот это одна из наиболее применяемых сейчас в Рунете школ.

10. Стиль 1950-х «Привет, Китти!» Фанковая смесь забавных японских комиксов, деревянных марионеток, каких-то куколок на пастельных фонах и с кучей «старых» ретро-шрифтов. Эту школу еще называют, как детская психоделика.

Ну и последний стиль, который не вошел в книгу Курта Клонингера, но уже названный им в нескольких интервью — «Синтементальные иконки» . Что это за школа Курт обещал познакомить читателей во второй части своей книги. Когда-нибудь…
Подробнее о этих стилях читай статье «Свежие стили веб-дизайна» (Webmascon.com)

Уф! Ну что ж… Настало время подвести итоги, друже!

Выжимка

Итак. Попробуем…

Я еще раз подробно рассмотрел все выше написанное и пришел к выводу, что направлений в веб-дизайне всего ДВ А.

1. Минималистический дизайн. Поклонники Якоба Нильсена. Раздолье юзабилити-специалистов. (2 школы: текстовой дизайн и GUI-дизайн)

2. Иллюстративный дизайн. (10 школ по Курту Клонингеру. Не хочу перечислять.:) )

Все остальное не стоит внимание растущего дизайнера, т. к. уже устарело и мы можем «отряхнуть прах с наших ног».

Вот так, дружище! Все просто!
Я тебя благодарю за терпение при выслушивании всего моего разглагольствования!

И на прощание, как обещал, радостно тебе сообщаю, что я выложил для тебя 43 новых дедарика. Да еще и рубрицировал их. Развлекайся!

Сейчас сайтинка моя обвешивается новыми сервисами, о которых я сообщу попозже

До скорой встречи!
Деду-то не забывай!
Пиши хоть иногда!
http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное