Реферат: Альтернативный web дизайн

<span Verdana",«sans-serif»;color:black; mso-ansi-language:RU"><span Verdana",«sans-serif»;color:black">Содерж<span Verdana",«sans-serif»; color:black;mso-ansi-language:RU">ание<span Verdana",«sans-serif»;color:black">:

<img src="/cache/referats/9973/image001.gif" v:shapes="_x0000_i1025">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1026"> <span Verdana",«sans-serif»">KALIBER

<span Verdana",«sans-serif»; mso-ansi-language:RU"> 10000

<span Verdana",«sans-serif»;mso-ansi-language:RU">Был самый первый японский сайт который я обнаружил в интернете.
И вот тогда и зародился мой интерес к этому виду дизайна.

<img src="/cache/referats/9973/image003.gif" v:shapes="_x0000_i1027">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1028"><span Verdana",«sans-serif»; mso-ansi-language:RU"> Что же вообще можно назвать альтернативным дизайном?

<span Verdana",«sans-serif»">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Речь идет о дизайне, который предлагает сместить точку восприятия из сферы действия разума в подсознательное (в отличие от классического дизайна, знающего…

<img src="/cache/referats/9973/image004.gif" v:shapes="_x0000_i1029">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1030"><span Verdana",«sans-serif»; mso-ansi-language:RU"> Идея произведения

<span Verdana",«sans-serif»;mso-ansi-language:RU">Это первая фаза настройки автора и зрителя на объект. А у идеи самый первый и приоритетный признак – ее новизна…

<img src="/cache/referats/9973/image005.gif" v:shapes="_x0000_i1031">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1032"><span Verdana",«sans-serif»; mso-ansi-language:RU"> Новизна идеи произведения

<span Verdana",«sans-serif»;mso-ansi-language:RU">как таковая должна присутствовать в любом произведении независимо от его принадлежности к тому или иному жанру. Именно новизна заставляет...

<img src="/cache/referats/9973/image006.gif" v:shapes="_x0000_i1033">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1034"><span Verdana",«sans-serif»; mso-ansi-language:RU"> Состояние

<span Verdana",«sans-serif»;mso-ansi-language:RU">- эмоциональное, чувственное, любое другое, не обозначенное мыслительными процессами, а скорее участием подсознания состояние.

<img src="/cache/referats/9973/image007.gif" v:shapes="_x0000_i1035">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1036"><span Verdana",«sans-serif»; mso-ansi-language:RU"> Движение

<span Verdana",«sans-serif»;mso-ansi-language:RU">И если не движется объект — то вынужден двигаться наш глаз, зрачок. На уровне композиции движение может...

<img src="/cache/referats/9973/image008.gif" v:shapes="_x0000_i1037">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1038"><span Verdana",«sans-serif»; color:black;mso-ansi-language:RU">Физиологические основы восприятия

<span Verdana",«sans-serif»;mso-ansi-language:RU">Человеческий мозг обладает определенными особенностями восприятия окружающей нас действительности, которые необходимо помнить при…

<img src="/cache/referats/9973/image009.gif" v:shapes="_x0000_i1039">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1040"><span Verdana",«sans-serif»; mso-ansi-language:RU"> 

<span Verdana",«sans-serif»; mso-ansi-language:RU">Взаимодействие

<span Verdana",«sans-serif»;mso-ansi-language:RU">Элементы композиции находятся (должны находиться) во взаимосвязи между собой и с форматом произведения. Эта взаимосвязь определяется...

<img src="/cache/referats/9973/image010.gif" v:shapes="_x0000_i1041">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1042"><span Verdana",«sans-serif»;mso-ansi-language:RU">Цветовые ассоциативные и эмоциональные модели

Цвет это эмоции и настроение. Вы можете взбодрить зрителя, навеять на него осеннее или весеннее настроение, или…

<img src="/cache/referats/9973/image011.gif" v:shapes="_x0000_i1043">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1044">Работа со шрифтами

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

<img src="/cache/referats/9973/image012.gif" v:shapes="_x0000_i1045">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1046"><span Verdana",«sans-serif»; mso-ansi-language:RU"> 

<span Verdana",«sans-serif»; mso-ansi-language:RU">Основные элементы стиля сайта


<span Verdana",«sans-serif»;mso-ansi-language:RU">На данный момент можно определить как типы...

<img src="/cache/referats/9973/image013.gif" v:shapes="_x0000_i1047">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1048"><span Verdana",«sans-serif»; mso-ansi-language:RU"> Вот теперь можно вернутся к  KALIBER 10000

<span Verdana",«sans-serif»;mso-ansi-language:RU">Этот сайт можно отнести полиграфическому и динамическому дизайну. Сайт разбит на 3 основных колонки, а колнки на более...

<img src="/cache/referats/9973/image014.gif" v:shapes="_x0000_i1049">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1050"><span Verdana",«sans-serif»; mso-ansi-language:RU"> 

<span Verdana",«sans-serif»">KiokenDesign<span Verdana",«sans-serif»; mso-ansi-language:RU">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Сайт Японской дизайн студии К<span Verdana",«sans-serif»">ioken<span Verdana",«sans-serif»; mso-ansi-language:RU"> <span Verdana",«sans-serif»">Incorporated<span Verdana",«sans-serif»; mso-ansi-language:RU"> очень популярной в Америке. И является одной из самых дорогих студий.  Её услугами пользуются...

<img src="/cache/referats/9973/image015.gif" v:shapes="_x0000_i1051">

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1052">

<span Verdana",«sans-serif»; mso-ansi-language:RU"> <span Verdana",«sans-serif»">HSE<span Verdana",«sans-serif»; mso-ansi-language:RU">7<span Verdana",«sans-serif»">EN<span Verdana",«sans-serif»; mso-ansi-language:RU">3


<span Verdana",«sans-serif»;mso-ansi-language:RU">Стоящея на заднем плане фигура с переплетением линий в целом приобретает...

<img src="/cache/referats/9973/image016.gif" v:shapes="_x0000_i1053">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1054"><span Verdana",«sans-serif»; mso-ansi-language:RU">Какой можно сделоть вывод?


<span Verdana",«sans-serif»;mso-ansi-language:RU">Как показывает практика альтернативный дизайн не всегда... <span Times New Roman",«serif»;mso-fareast-font-family: «Times New Roman»;mso-ansi-language:RU;mso-fareast-language:EN-US;mso-bidi-language: AR-SA">

<img src="/cache/referats/9973/image017.gif" v:shapes="_x0000_i1055"><span Verdana",«sans-serif»"> 

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1056"><span Verdana",«sans-serif»">KALIBER10000 (K10K)

<span Verdana",«sans-serif»">www.k10k.com/

<span Verdana",«sans-serif»;mso-ansi-language:RU">Это направлениеродилось не сегодня, и не вчера, весьма распространено и имеет массуталантливых адептов и еще более плотную массу бесталанных (формальных)подражателей, в силу наличия компьютера и свободного времени

<span Verdana",«sans-serif»">KALIBER

<span Verdana",«sans-serif»; mso-ansi-language:RU"> 10000 <span Verdana",«sans-serif»;mso-ansi-language: RU">был самый первый японский сайт который я обнаружил в интернете.

<span Verdana",«sans-serif»;mso-ansi-language:RU">И вот тогда изародился мой интерес к этому виду дизайна. А

<span Verdana",«sans-serif»"> <span Verdana",«sans-serif»; mso-ansi-language:RU">именно<span Verdana",«sans-serif»"> ‘Alternativedesign’ <span Verdana",«sans-serif»;mso-ansi-language:RU">или<span Verdana",«sans-serif»">‘Extreme design’.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Тогда ещё 2 года назадтаких сайтов были единицы в том числе и

<span Verdana",«sans-serif»">K<span Verdana",«sans-serif»; mso-ansi-language:RU">10<span Verdana",«sans-serif»">K<span Verdana",«sans-serif»; mso-ansi-language:RU">, но о нём позже.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Очень быстро этотстиль прижился и на данный момент таких сайтов стало больше, а

<span Verdana",«sans-serif»;mso-ansi-language:RU">главное не толькояпонских но русских, немецких, ит.д.

<span Verdana",«sans-serif»;mso-ansi-language:RU">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1057"><span Verdana",«sans-serif»; mso-ansi-language:RU">Что же вообще можно назвать альтернативным дизайном?

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Речь идет о дизайне, который предлагаетсместить точку восприятия из сферы действия разума в подсознательное (в отличиеот классического дизайна, знающего во всем конструктивную меру разума). Припомощи современных технических и оптических приемов дизайнер стремится сдвинутьзрителя с привычной тому позиции полагаться на мышление в область чувств,ощущений, эмоций. И дизайнеру не очень важно, что зритель при этом думает… Важното, что он при этом чувствует.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Какова логика дизайнера при этом (засчет чего достигается такое особое воздействие)? При логико-конструктивномдизайне схема работы мозга, выработка оценки мозга по отношению к объектутакова: восприятие, анализ, абстрагирование, синтез, оценка объекта. Чего грехатаить, именно анализ и разделяет идею на составные части («алгебройгармонию поверить»). В итоге чувствам уже нет места над препарированнымобъектом (над его останками в мозге). После такого ощущения мозг оценяет объектна уровне ВЫВОДА (резюме), более или менее логического.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">В экстремальном дизайне (напомню — это ятак его называю, потому как не знаю настоящего названия) суть схемы такова: ужена процессе восприятия дизайнер стремится подключить различные ощущенияассоциативного, ностальгического (дежавю) или взрывно-ударного типа, дабы кмоменту анализа композиции ПОДСОЗНАНИЕ УЖЕ СФОРМИРОВАЛО НАБОРЭМОЦИОНАЛЬНО-ЧУВСТВЕННЫХ ГАРМОНИК, что и призвано весьма существенно обогатитьи разнообразить работу мозга и таким образом повлиять на оценку композиции.Формально это выглядит так: дизайнер формирует в пространстве не сам объект иликомпозицию, а как бы ВПЕЧАТЛЕНИЕ (ощущение) от него.

<span Verdana",«sans-serif»;color:windowtext;mso-ansi-language: RU"><img src="/cache/referats/9973/image018.jpg" v:shapes="_x0000_i1058">      <img src="/cache/referats/9973/image019.gif" v:shapes="_x0000_i1059">

<span Verdana",«sans-serif»;color:windowtext;mso-ansi-language: RU"><img src="/cache/referats/9973/image020.jpg" v:shapes="_x0000_i1060">      <img src="/cache/referats/9973/image021.jpg" v:shapes="_x0000_i1061">

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">На ремесленном уровне работа(использование законов, средств, приемов композиции) остается прежней, заисключением одного «исключения» — художник (дизайнер) должен сам хотябы в общих чертах что-то ощущать, а не просто механически конструировать. Насамом деле эта фраза больше принадлежит миру философски-творческих вопросов,нежели формально-практических реализаций. И потому большинство рабочихпринципов практически не отличается от применяемых в живописи, музыке,архитектуре или художественной фотографии.

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1062"><span Verdana",«sans-serif»; mso-ansi-language:RU">Идея произведения

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">- как таковая должна присутствовать вовсем. Это первая фаза настройки автора и зрителя на объект. А у идеи самыйпервый и приоритетный признак — ее новизна, отстутствие стандарта и затертости(поношенности). Можно применить стандартный прием или схему, гарантированнообеспечивающий хоть и маленький, но успех у зрителя (маленький потому, что всилу ее поношенности зритель видел такое много раз, и его ощущения не блещут впроцессе восприятия особой новизной).

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Подавляющее большинство рекламныхобъявлений, полиграфических и веб-композиций основаны на существующихстереотипах — «это вот надо сделать так-то и так-то, а иначе будетнеправильно». Любой стереотип — это уже некий стандарт, а уйти отстандарта возможно только применением новых приемов, соответствующих концепциии общей идее, иначе вместо оригинальности рождается оригинальничанье(недоношенная новизна). На уровне художника или дизайнера это всегда сопровождаетсятворческим поиском, ошибками и неудачами, творческими муками… Но зато идостаточно редкими озарениями сути новизны (в эту область познания мы уже неполезем, ибо это среда эзотериков, мистиков, психологов и психиатров).

<span Verdana",«sans-serif»;color:windowtext;mso-ansi-language: RU"><img src="/cache/referats/9973/image022.gif" v:shapes="_x0000_i1063">     <img src="/cache/referats/9973/image023.gif" v:shapes="_x0000_i1064">

<span Verdana",«sans-serif»;color:windowtext;mso-ansi-language: RU"><img src="/cache/referats/9973/image024.gif" v:shapes="_x0000_i1065">     <img src="/cache/referats/9973/image025.gif" v:shapes="_x0000_i1066">

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Поразительно мощно работаеткомпозиционный прием — размещение ма-аа-аленького логотипчика на огромномформате… Именно в силу малозаношенности. Основным рабочим элементом являетсячистота белого листа, а в сознании рекламодателей «платить за пустоту — неестественно»… И в итоге крутые замыслы гибнут, растет количество серыхмакетов, а выигрывают только самые смелые (на фоне «стандартных» онивыигрывают вдвойне). Обратной стороной этого аспекта является достаточно низкаяинформативность. Представьте себе рекламную страницу с объявлениями из однихлоготипов и пауз. Хотя зачем нам рассматривать такие крайности?

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Далее я попробую сформулировать основныепринципы

<span Verdana",«sans-serif»;mso-ansi-language:RU">альтернативного<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU"> дизайна <img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1067"><span Verdana",«sans-serif»; mso-ansi-language:RU">Новизна идеи произведения

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">- как таковая должна присутствовать влюбом произведении независимо от его принадлежности к тому или иному жанру.Именно новизна заставляет зрителя шевелить мозгами (и необязательно он при этомдумает… иногда чувствует, иногда просто расслабляется). Новизна идеи можетбыть фигурально выражена через новую композиционную схему (если вам удастсяпридумать таковую — я буду считать вас гением:o), через нестандартный ритм,движение, пятно света или через новые цветосочетания.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Пример по цвету. Мы привыкли мыслитьнастолько стандартно (черное с желтым, белое с черным и красным, синее иоранжевое… ), что любое новое состояние цвета нас сначала немного шокирует итребует адаптации нашего серого вещества. Особенно это выражено при размещениицветных фотографий. Цветность, черно-белые, сепия…

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Применение эффекта color offset (сдвигцвета по каналам) может создать совершенно неожиданный и непривычный для нашеговосприятия эффект иной реальности. Изменение цвета среды придает тому жеизображению совершенно другой вид, а иногда и смысл. Банальный Motion blurсоздает иллюзию (ощущение) движения.

<span Verdana",«sans-serif»;mso-ansi-language:RU;font-weight: normal"><img src="/cache/referats/9973/image026.jpg" v:shapes="_x0000_i1068">     <img src="/cache/referats/9973/image027.jpg" v:shapes="_x0000_i1069">     <img src="/cache/referats/9973/image028.jpg" v:shapes="_x0000_i1070"><img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1071"><span Verdana",«sans-serif»; mso-ansi-language:RU">Состояние

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">- эмоциональное, чувственное, любоедругое, не обозначенное мыслительными процессами, а скорее участием подсознаниясостояние. Наличие таких процессов резко увеличивает ЗАПОМИНАНИЕ. Если принормальном логическом мышлении идеи сменяют друг друга, то подсознательныесостояния как бы расставляют «вешки» в богатом спектре ощущении, ипри сходной эмоциональной или чувственной ситуации срабатывает близкая поассоциациям «вешка». Нужно ли особо расписывать важность этогомомента в любых произведениях искусства, в рекламе или в нашей жизни?..

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Использовать такой факт можно (и нужно)в обоих направлениях. Можно закладывать в работу уже существующие в подсознании«вешки», и тогда работа вызывает ощущение жизненности, правдивости,естественности. Наше подсознание хранит массу таких ощущений, начиная отдетского смеха и до пивных банок на тротуаре рядом с мусорной корзиной.Обратный вариант — это когда удивившая зрителя работа всплывает в сознании присрабатывании жизненно-бытовой «вешки» (ассоциации).

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Разумеется, ассоциации эмоциональные иобразные у разных людей разные (расставание с любимой у одного ассоциируется сполной луной, а другого — с уходящим поездом...), но творчество человеческойфантазии способно реально переживать и несуществующие ситуации, и реагировать адекватнона непрожитый образ (переживать его виртуально).

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1072"><span Verdana",«sans-serif»; mso-ansi-language:RU">Движение

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Этот принцип совсем уж из областиподсознательного, но значим тем не менее. Так уж мы устроены, что любой объектмы воспринимаем в движении. И если не движется объект — то вынужден двигатьсянаш глаз, зрачок. На уровне композиции движение может быть выражено черезсмысловой ход, через пластический мотив, ритм, определенное размещениеэлементов и пауз. В конечном итоге любая композиция в первую очередь определяетдвижение нашего взгляда, изучающего реальность, а вслед за взглядом будутдвигаться и ощущения, и мысли. При этом дизайнеру важно понять прямуюзависимость мыслей от ощущений. То, насколько правдива созданная вами иллюзия(а любая картинка — в конечном итоге иллюзия), настолько реальными будут иощущения.

<span Verdana",«sans-serif»;color:windowtext;mso-ansi-language: RU"><img src="/cache/referats/9973/image029.jpg" v:shapes="_x0000_i1073">     <img src="/cache/referats/9973/image030.jpg" v:shapes="_x0000_i1074">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1075"><span Verdana",«sans-serif»; color:black;mso-ansi-language:RU">Физиологические основы восприятия.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Человеческиймозг обладает определенными особенностями восприятия окружающей нас действительности,которые необходимо помнить при создании творческих работ (разумеется, если выхотите адекватной реакции от зрителя). Превосходя по своим возможностямсовременные компьютеры, мозг отличается от них тем, что имеет склонностьконцентрировать внимание на определенных объектах и исключать из внимания неинтересующие его. Эта склонность подчиняется определенным закономерностям, незнать которые и не использовать в своих страничках для привлечения вниманиябыло бы просто глупо.

Реакция на опасность.

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

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image031.gif" v:shapes="_x0000_i1076"><img src="/cache/referats/9973/image032.gif" v:shapes="_x0000_i1077"><img src="/cache/referats/9973/image033.gif" v:shapes="_x0000_i1078">

<span Verdana",«sans-serif»;mso-ansi-language: RU">Размер

<span Verdana",«sans-serif»;mso-ansi-language:RU">Большие объекты (ипсевдоувеличенные) острее воспринимаются, но чем сильнее реакция на объект — тем сильнее отторжение. Щит наружной рекламы на магистрали воспринимается болееспокойно (расстояние, скорость, состояние защищенности в автомобиле). И тот жещит на пешеходной дорожке может просто подавить зрителя своими размерами иогромными цветовыми пятнами.

Цвет
В определенных пропорциях цвет способен создавать настроение и привлекатьвнимание, но при нарушении этих соотношений в сторону увеличения можетвосприниматься как опасность и вызывать реакцию недоверия.

Естественность и уместность
Любой объект или изображение может быть естественным в одной ситуации инеуместным в другой. Изображение коровы в рекламе на улицах большого городапривлечет внимание, но подсознательно из-за своей неестественности вызоветнедоверие. Картинка с телевизором на загородной трассе вызовет только смех.<span Verdana",«sans-serif»">
<span Verdana",«sans-serif»; mso-ansi-language:RU">

Выделение объекта из среды
Одна черная корова среди стада рыжих, большое объявление на полосе газетысреди маленьких, цветное изображение среди черно-белых и наоборот. Один и тотже щит наружной рекламы зимой и летом воспринимается по-разному за счет окружения.

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image034.gif" v:shapes="_x0000_i1079">   <img src="/cache/referats/9973/image035.gif" v:shapes="_x0000_i1080">   <img src="/cache/referats/9973/image036.gif" v:shapes="_x0000_i1081">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Как этоположительно можно использовать на практике? Выделяйте то, что вам кажетсяглавным

<span Verdana",«sans-serif»;color:#990000;mso-ansi-language:RU">. <span Verdana",«sans-serif»; mso-ansi-language:RU">

<span Verdana",«sans-serif»">УГОЛ ЗРЕНИЯ

<span Verdana",«sans-serif»">

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image037.gif" v:shapes="_x0000_i1082">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Глаз обладаетопределенным углом зрения, что обеспечивает поле благоприятного восприятия.Максимальный угол восприятия глаза 57 градусов, оптимальный — 35-40 градусов.Эти данные позволяют вычислять наиболее благоприятные размеры рекламы наразличных расстояниях. Если экран находится на расстоянии в среднем 35-40 см отглаз, то оптимальный размер изображения составляет 15 — 18 см по высоте и10-14см по ширине (учтены особенности бинокулярного зрения). Надеюсь, вы невосприняли это как совет делать ВСЕ картинки такого размера.

<span Verdana",«sans-serif»">

<span Verdana",«sans-serif»;mso-ansi-language:RU">

<span Verdana",«sans-serif»;mso-ansi-language: RU">Фокусировка взгляда.

<span Verdana",«sans-serif»;mso-ansi-language:RU">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Как продолжениепредыдущего абзаца. Важен не только благоприятный размер, но и определенноеразмещение особо важных элементов в композиции. Наш взгляд концентрируетвнимание на достаточно небольшой зоне, а остальную, ближе к краям как быразмывает. На самом деле мозг просто отметает эту информацию. Скажем, у людей стренированным взглядом боковое зрение развито иногда очень сильно.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Пренебрегатьданной особенностью при построении ваших композиций (страниц) было бы глупо.Как это выглядит на практике?

<span Verdana",«sans-serif»;mso-ansi-language:RU">Вы разместилина вашей странице большое количество анимированных изображений, блинков ибегущих строк, каждое из которых активно привлекает внимание, потому-чтошевелится. Мозг инстинктивно направляет внимание на нее, потому как природа заложилав него приоритет движущихся предметов и изображений перед статичными в целяхсамосохранения индивиума. Но соседний объект так же активно требует внимания,ну и остальные тоже. В результате мозг зрителя в растерянности — на что же емутаки смотреть в первую очередь. Подсознательно возникает реакция тревоги иотторжения.

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1083"><span Verdana",«sans-serif»; mso-ansi-language:RU">Взаимодействие

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Элементы композиции находятся (должнынаходиться) во взаимосвязи между собой и с форматом произведения. Этавзаимосвязь определяется прежде всего идеей на уровне композиционой схемы,пластическим мотивом на уровне приемов и принципов композиции, эмоциональнымфоном на уровне использования тона и цвета. Например, произведение, выражающеепокой и умиротворение, не должно содержать композиционных групп с элементамихаоса или синкопированного ритма (не является жестким правилом), а выражающеестремление к покою — уже есть движение от группы хаоса к группе порядка черезопределенные принципы. В первом случае обычно применяется симметричноепостроение композиции без выраженного движения, во втором — отступление от этойсимметрии. На уровне движения он определяет развитие и следование пластическогомотива через пятно, ритм или силуэт (оформленный линией или тем же пятном,группой пятен).

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Цвет и тон являются в этом случаеэлементами, способствующими раскрытию замысла (наравне с основными принципами,потому как равноправны с ними). При применении нескольких принципов преобладаетнаиболее выраженный (акцентированный по сравнению с другими).

<span Verdana",«sans-serif»;color:windowtext;mso-ansi-language: RU"><img src="/cache/referats/9973/image038.gif" v:shapes="_x0000_i1084">     <img src="/cache/referats/9973/image039.gif" v:shapes="_x0000_i1085">     <img src="/cache/referats/9973/image040.gif" v:shapes="_x0000_i1086">

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">В приведенных примерах ни одна изкартинок не явялется примером композиции абсолютного покоя, хотя первый варианточень близок по решению. Чем же он нас не устраивает? Некое условное«повисание» элементов над несуществующей, но автоматическивоображаемой плоскостью…
Во втором примере нас не устроит «неустойчивость» почти по тем жепричинам, что и в первой…

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">В третьей картинке вы можете провестилинию симметрии достаточно четко, но ни она, ни элементы никак не соответствуютсостоянию покоя, а скорее вялого, «анемичного» движения…направление движения тоже фактически не угадывается, вернее, их одновременнонесколько, и только ось симметрии каким-то образом преобладает над другиминаправлениями.

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1087"><span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Что такое стиль?

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Это система визуальных элементов,призванная обеспечить цельность восприятия данной странички или всего сайта.Исходя из разработанной вами концепции и контента (текстового материала,готовых иллюстраций и рисунков), вы выбираете шрифты, цвет фона, способобработки картинок, коллажей, иконок и пр. элементов. Ну а затем простостараетесь придерживаться выбранной вами манеры исполнения элементов по ходусоздания и развития сайта.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">Стиль призван обеспечить хотя быминимальную уникальность вашего сайта. Вы можете использовать распространенныйнабор цветов, шрифтов, стандартные приемы оформления… Но что-то свое,особенное в нем должно маленько быть. Иначе среди нескольких миллионовстраничек вашу могут и не заметить.

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1088"><span Verdana",«sans-serif»; mso-ansi-language:RU">Основные элементы стиля сайта <span Verdana",«sans-serif»;mso-ansi-language:RU;font-weight: normal">Логотип
Модульная 
Шрифты
Цвета
Иллюстративный ряд (приемы обработки изображений)

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">На данный момент можно определить кактипы —

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">«текстовый»

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU"> дизайн — определяется содержанием иконцепцией автора. «Текстовый» не означает простой или примитивный.На первом уровне это означает почти полное отсутствие изображений как таковых,что значительно ускоряет загрузку страницы. А навигационные и декоративныеэлементы выполняются теми же «символьными» приемами. Нужно сказать,что HTML как таковой значительно расширил возможности при разверстке страницэтого типа, и теперь при помощи кода можно делать и тени, и даже изображения(хотя иображение кодом зачастую больше по «живому весу», чеманалогичное в GIFе или JPGе)… При таких разверстках следует хорошо знатьклассические верстальные приемы, особенности используемых шрифтов.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">«полиграфический»дизайн — тот вариант, когда веб-страничка изо всех своих сил стремитсяимитировать печатное издание (особенно буклетные типы). Такой дизайнраспространен на корпоративных сайтах, сайтах с рекламным уклоном, там, гдеособо необходимо образно-эмоциональное наполнение основного содержания. Ставкаделается на классические дизайнерские приемы по принципу — общий дизайн, апотом нарезать и собрать… Как правило, основное впечатление пользовательполучает за счет пиксельной графики.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">«интерфейсный» дизайн — сейчас его еще кличут usability… Стиль, призванный максимально облегчитьжизнь пользователю во всех ее проявлениях, от загрузки странички(минимизирование кода и предельная оптимизация изображений) до особого,доведенного до религиозного поклонения тщательного исполнения каждого элемента.Как пример — сайт студии "Лакмус". Доскональнопродуманная (как правило) навигация, изначально понятность пользования общейсхемой сайта — такой подход к веб-дизайну вызывает только глубокое почтение иуважение. И даже если с точки зрения изобразительной эстетики на таком сайтеокажется не все гладко, то с лихвой окупится остальными достоинствами.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">«динамический» дизайн — в примитивном варианте бегающие по экрану, или просто шевелящиеся изображения(в основном — флеш, но сюда же можно отнести и DHTML, и какие-то штучки наJavaи даже анимационный GIF). В хорошо продуманном сценарии это может бытьцелое произведение искусства, последовательно разорачивающее перед зрителеммысль автора или какой-то художественный образ. Интерфейсы на флешах частопоражают наше воображение в самом хорошем смысле этого слова.

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">«смешанные» типы — сутьпонятна и так. Обычно комбинация всех этих типов.

<span Verdana",«sans-serif»; color:windowtext">

<span Verdana",«sans-serif»;color:windowtext">

<span Verdana",«sans-serif»;color:windowtext">

<span Verdana",«sans-serif»;color:windowtext">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1089"><span Verdana",«sans-serif»; mso-ansi-language:RU">Цветовые ассоциативные и эмоциональные модели

<span Verdana",«sans-serif»; color:windowtext;mso-ansi-language:RU">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Цвет это эмоциии настроение. Вы можете взбодрить зрителя, навеять на него осеннее или весеннеенастроение, или наоборот, вогнать в смертную тоску.
Светло-серый цвет у нас называется серебряным, темно-серый с оттенками — «мокрый асфальт», грязно-белый — «белая ночь». «Коррида» — и мы сразупредставляем алый, но особого оттенка. В ход идут названия напитков — «кофейный», «шоколадный», «молочный». Не брезгуем и названиями фруктов — «оливковый», «вишневый». Идет в ход все, с чем можно сравнить необычныйоттенок. Ну и примеры.

<span Verdana",«sans-serif»;color:windowtext;mso-ansi-language: RU">

«Престижные», золото, серебро,темно-серый, черный. Их задача — передать солидность, уверенность, стабильностьи высокую стоимость.

<img src="/cache/referats/9973/image041.gif" v:shapes="_x0000_i1090">

«Пастельные», нежные бежевые, розовые,голубоватые… Женственные, мягкие, расслабляющие...

<img src="/cache/referats/9973/image042.gif" v:shapes="_x0000_i1091">

«Здоровые», из американской психологии…Чистота, здоровье, уверенность, семья… (соя, кукуруза :o)

<img src="/cache/referats/9973/image043.gif" v:shapes="_x0000_i1092">

«Природные», близкие к естественныморганическим, природным компонентам...

<img src="/cache/referats/9973/image044.gif" v:shapes="_x0000_i1093">

Как вариант использования цвета — «Растяжки»… Обычно тональные оттенки одного цвета, и как акцент — болееактивный цвет.

<img src="/cache/referats/9973/image045.gif" v:shapes="_x0000_i1094">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Есть инестандартные цветосочетания: розовый с черным, желтый и зеленый и другие… втаких случаях, как показывает опыт, важна сама идея, а также конкретное еевоплощение. Я думаю, что при осуществлении своей идеи средствами цвета стоитдовериться своим эмоциональным ощущениям. Но если пять ваших сайтов вподрядимеют черный фон, то либо вам пофигу на творчество, либо у вас не все в порядкес головой.

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image046.gif" v:shapes="_x0000_i1095">  <img src="/cache/referats/9973/image047.gif" v:shapes="_x0000_i1096">  <img src="/cache/referats/9973/image048.gif" v:shapes="_x0000_i1097">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Если ваш сайтпро цирк, то ясно, что приемы использования цвета в нем тоже должны быть«цирковыми», то есть яркие насыщенные, а то и открытые (конкретные)цвета. Но если вдруг вам приспичило сделать страничку про ночной цирк, то инастроение должно быть соответствующим. Полезно посмотреть, как подобные темырешают другие художники (и не только Артемий Лебедев :

<span Verdana",«sans-serif»">o<span Verdana",«sans-serif»; mso-ansi-language:RU">). Я имею в виду и живописцев, и графиков.<span Verdana",«sans-serif»">

<img src="/cache/referats/9973/image002.gif" v:shapes="_x0000_i1098"><span Verdana",«sans-serif»; mso-ansi-language:RU">Работа со шрифтами

<span Verdana",«sans-serif»;mso-ansi-language:RU">Во-первых,шрифтовая композиция (с точки зрения художника-шрифтовика, каллиграфа) естьспособ самовыражения, выливающийся в самостоятельную творческую форму,композицию, очень часто лист, способный украсить любой офис или кабинет. Итакие примеры нам известны с давних времен. Такая композиция должна максимальнополно показать особенности шрифта, его тонкости, суть…

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image049.gif" v:shapes="_x0000_i1099">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Иногда этопросто алфавит, иногда осмысленная фраза или даже текстовый блок, передающийнастроение при помощи как самого шрифта, так и композиции, в которой выраженаэта самая мысль.

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image050.gif" v:shapes="_x0000_i1100">  <img src="/cache/referats/9973/image051.gif" v:shapes="_x0000_i1101">

<span Verdana",«sans-serif»;mso-ansi-language:RU">

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image052.gif" v:shapes="_x0000_i1102">   <img src="/cache/referats/9973/image053.gif" v:shapes="_x0000_i1103"><span Verdana",«sans-serif»; mso-ansi-language:RU"> 

<span Verdana",«sans-serif»">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Но мы можем,например, любоваться чистотой линий в букве «А» какого-либо понравившегося намшрифта. Если хотите — можете попробовать…

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image054.gif" v:shapes="_x0000_i1104">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Через пятьминут вы поймете, что разглядываете не только сам символ, или его контуры,изгибы, но и окружающее его пространство. Через пару месяцев таких упражненийвы ощутите в себе новые качества, позволяющие вам определять выбор шрифта немеханически или логически, а по несколько иному принципу (я не буду пытатьсяописать этот принцип, ибо тут можно наплести такое, что и самому потом вовек неразобраться… Скажем — это вполне тема для диссертации по психологиивосприятия). На нормальном языке — это воспитание глаза (и мозга, ессс-но), егообучение различным формам и их особенностям.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Не секрет, чтоосновная масса читателей в наборном блоке вряд ли отличает «таймс» от«гарамонда», мысленно абстрагируя их до уровня антикв, и только на более-менеекрупных заголовочных кеглях способны обращать внимание на разницу. Мягкоскажем, они просто не озадачиваются таким вопросом. Протест или возмущениевозникает или при очень уж мелком кегле (который в очках прочитать нельзя, абез очков вообще не видно), либо при излишней плотности знаков, когда строкапревращается в жирную линию, а текстовый блок — в полосатый матрасик.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Особенностьюработы со шрифтом является его знаковость, то есть любой символ можновидоизменять до тех пор, пока он продолжает идетифицироваться со своейграфемой, истинным начертанием.

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image055.gif" v:shapes="_x0000_i1105">

<span Verdana",«sans-serif»;mso-ansi-language:RU">Именно это мынаблюдаем в индивидуальных почерках, когда каждый пишет как ему вздумается, ноза какой-то гранью почерк становится трудночитаемым, похожим на абракадабру,понятную только автору (впрочем, и это не всегда).

<span Verdana",«sans-serif»"><img src="/cache/referats/9973/image056.gif" v:shapes="_x0000_i1106">

<span Verdana",«sans-serif»;mso-ansi-language:RU">И как толькознак перестает опознаваться — он перестает выполнять свою прямую роль, теряетсвой смысл, превращаясь в абстрактное изображение.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Помимоспециальных шрифтовых композиций существуют и функциональные… Это реклама,книги, плакаты, телевидение — по большому счету все, на чем можно что-тонаписать вообще. За десять лет свободного рынка в России возник огромныйинтерес к шрифтам как к средству исполнения композиций. Но отсутствие интересафирм к эксклюзивным шрифтам вследствие сравнительной «дороговизны» шрифтовыхспецразработок превращает все виды носителей в однообразную шрифтовую кашу снастолько намозолившими глаза шритами типа «АдверГотик», что читатель уже неможет опознать по шрифту фирму, а прочитанный слоган тотчас подменяется в мозгуследующим безликим. И в итоге — фирмы не получают реально возможного,потребители вместо информации имеют сплошную головную боль.

<span Verdana",«sans-serif»;mso-ansi-language:RU">Еще один примертворческого использования шрифта — акцидентация. По сути это — выделенныйтекст. Он может быть заголовком, девизом, лозунгом… Иногда для выражениямысли достаточно использовать

<span Verdana",«sans-serif»">bold<span Verdana",«sans-serif»; mso-ansi-language:RU"> и более крупный кегль. Но часто подобные акцентывыполняются индивидуальным образом, нацеливаясь только лишь на суть
еще рефераты
Еще работы по искусству