Альтернативный web дизайн - Искусство и культура - Скачать бесплатно
Содержание:
|[pic] |[pic] KALIBER 10000 |
| | |
| |Был самый первый японский сайт который я обнаружил в интернете. |
| | |
| |И вот тогда и зародился мой интерес к этому виду дизайна. |
|[pic] |[pic] Что же вообще можно назвать альтернативным дизайном? |
| | |
| |Речь идет о дизайне, который предлагает сместить точку |
| |восприятия из сферы действия разума в подсознательное (в отличие|
| |от классического дизайна, знающего… |
|[pic] |[pic] Идея произведения |
| | |
| |Это первая фаза настройки автора и зрителя на объект. А у идеи |
| |самый первый и приоритетный признак – ее новизна… |
|[pic] |[pic] Новизна идеи произведения |
| | |
| |как таковая должна присутствовать в любом произведении |
| |независимо от его принадлежности к тому или иному жанру. Именно |
| |новизна заставляет... |
|[pic] |[pic] Состояние |
| | |
| |- эмоциональное, чувственное, любое другое, не обозначенное |
| |мыслительными процессами, а скорее участием подсознания |
| |состояние. |
|[pic] |[pic] Движение |
| | |
| |И если не движется объект - то вынужден двигаться наш глаз, |
| |зрачок. На уровне композиции движение может... |
|[pic] |[pic]Физиологические основы восприятия |
| | |
| |Человеческий мозг обладает определенными особенностями |
| |восприятия окружающей нас действительности, которые необходимо |
| |помнить при… |
|[pic] |[pic] Взаимодействие |
| | |
| |Элементы композиции находятся (должны находиться) во взаимосвязи|
| |между собой и с форматом произведения. Эта взаимосвязь |
| |определяется... |
|[pic] |[pic]Цветовые ассоциативные и эмоциональные модели |
| | |
| |Цвет это эмоции и настроение. Вы можете взбодрить зрителя, |
| |навеять на него осеннее или весеннее настроение, или… |
|[pic] |[pic]Работа со шрифтами |
| | |
| |Во-первых, шрифтовая композиция (с точки зрения |
| |художника-шрифтовика, каллиграфа) есть способ самовыражения, |
| |выливающийся в самостоятельную творческую форму |
|[pic] |[pic] Основные элементы стиля сайта |
| | |
| | |
| |На данный момент можно определить как типы... |
|[pic] |[pic] Вот теперь можно вернутся к KALIBER 10000 |
| | |
| |Этот сайт можно отнести полиграфическому и динамическому |
| |дизайну. Сайт разбит на 3 основных колонки , а колнки на |
| |более... |
|[pic] |[pic] KiokenDesign |
| | |
| |Сайт Японской дизайн студии Кioken Incorporated очень популярной|
| |в Америке. И является одной из самых дорогих студий. Её |
| |услугами пользуются... |
|[pic] |[pic] HSE7EN3 |
| | |
| | |
| |Стоящея на заднем плане фигура с переплетением линий в целом |
| |приобретает... |
|[pic] |[pic]Какой можно сделоть вывод? |
| | |
| | |
| |Как показывает практика альтернативный дизайн не всегда... |
[pic]
[pic]KALIBER 10000 (K10K)
http://www.k10k.com/
Это направление родилось не сегодня, и не вчера, весьма распространено и
имеет массу талантливых адептов и еще более плотную массу бесталанных
(формальных) подражателей, в силу наличия компьютера и свободного времени
KALIBER 10000 был самый первый японский сайт который я обнаружил в
интернете.
И вот тогда и зародился мой интерес к этому виду дизайна. А именно
‘Alternative design’ или ‘Extreme design’.
Тогда ещё 2 года назад таких сайтов были единицы в том числе и K10K, но о
нём позже.
Очень быстро этот стиль прижился и на данный момент таких сайтов стало
больше, а
главное не только японских но русских, немецких, ит.д.
[pic]Что же вообще можно назвать альтернативным дизайном?
Речь идет о дизайне, который предлагает сместить точку восприятия из сферы
действия разума в подсознательное (в отличие от классического дизайна,
знающего во всем конструктивную меру разума). При помощи современных
технических и оптических приемов дизайнер стремится сдвинуть зрителя с
привычной тому позиции полагаться на мышление в область чувств, ощущений,
эмоций. И дизайнеру не очень важно, что зритель при этом думает... Важно
то, что он при этом чувствует.
Какова логика дизайнера при этом (за счет чего достигается такое особое
воздействие)? При логико-конструктивном дизайне схема работы мозга,
выработка оценки мозга по отношению к объекту такова: восприятие, анализ,
абстрагирование, синтез, оценка объекта. Чего греха таить, именно анализ и
разделяет идею на составные части ("алгеброй гармонию поверить"). В итоге
чувствам уже нет места над препарированным объектом (над его останками в
мозге). После такого ощущения мозг оценяет объект на уровне ВЫВОДА
(резюме), более или менее логического.
В экстремальном дизайне (напомню - это я так его называю, потому как не
знаю настоящего названия) суть схемы такова: уже на процессе восприятия
дизайнер стремится подключить различные ощущения ассоциативного,
ностальгического (дежавю) или взрывно-ударного типа, дабы к моменту анализа
композиции ПОДСОЗНАНИЕ УЖЕ СФОРМИРОВАЛО НАБОР ЭМОЦИОНАЛЬНО-ЧУВСТВЕННЫХ
ГАРМОНИК, что и призвано весьма существенно обогатить и разнообразить
работу мозга и таким образом повлиять на оценку композиции. Формально это
выглядит так: дизайнер формирует в пространстве не сам объект или
композицию, а как бы ВПЕЧАТЛЕНИЕ (ощущение) от него.
[pic] [pic]
[pic] [pic]
На ремесленном уровне работа (использование законов, средств, приемов
композиции) остается прежней, за исключением одного "исключения" - художник
(дизайнер) должен сам хотя бы в общих чертах что-то ощущать, а не просто
механически конструировать. На самом деле эта фраза больше принадлежит миру
философски-творческих вопросов, нежели формально-практических реализаций. И
потому большинство рабочих принципов практически не отличается от
применяемых в живописи, музыке, архитектуре или художественной фотографии.
[pic]Идея произведения
- как таковая должна присутствовать во всем. Это первая фаза настройки
автора и зрителя на объект. А у идеи самый первый и приоритетный признак -
ее новизна, отстутствие стандарта и затертости (поношенности). Можно
применить стандартный прием или схему, гарантированно обеспечивающий хоть и
маленький, но успех у зрителя (маленький потому, что в силу ее поношенности
зритель видел такое много раз, и его ощущения не блещут в процессе
восприятия особой новизной).
Подавляющее большинство рекламных объявлений, полиграфических и веб-
композиций основаны на существующих стереотипах - "это вот надо сделать так-
то и так-то, а иначе будет неправильно". Любой стереотип - это уже некий
стандарт, а уйти от стандарта возможно только применением новых приемов,
соответствующих концепции и общей идее, иначе вместо оригинальности
рождается оригинальничанье (недоношенная новизна). На уровне художника или
дизайнера это всегда сопровождается творческим поиском, ошибками и
неудачами, творческими муками... Но зато и достаточно редкими озарениями
сути новизны (в эту область познания мы уже не полезем, ибо это среда
эзотериков, мистиков, психологов и психиатров).
[pic] [pic]
[pic] [pic]
Поразительно мощно работает композиционный прием - размещение ма-аа-
аленького логотипчика на огромном формате... Именно в силу
малозаношенности. Основным рабочим элементом является чистота белого листа,
а в сознании рекламодателей "платить за пустоту - неестественно"... И в
итоге крутые замыслы гибнут, растет количество серых макетов, а выигрывают
только самые смелые (на фоне "стандартных" они выигрывают вдвойне).
Обратной стороной этого аспекта является достаточно низкая информативность.
Представьте себе рекламную страницу с объявлениями из одних логотипов и
пауз. Хотя зачем нам рассматривать такие крайности?
Далее я попробую сформулировать основные принципы альтернативного дизайна
[pic]Новизна идеи произведения
- как таковая должна присутствовать в любом произведении независимо от его
принадлежности к тому или иному жанру. Именно новизна заставляет зрителя
шевелить мозгами (и необязательно он при этом думает... иногда чувствует,
иногда просто расслабляется). Новизна идеи может быть фигурально выражена
через новую композиционную схему (если вам удастся придумать таковую - я
буду считать вас гением:o), через нестандартный ритм, движение, пятно света
или через новые цветосочетания.
Пример по цвету. Мы привыкли мыслить настолько стандартно (черное с желтым,
белое с черным и красным, синее и оранжевое... ), что любое новое состояние
цвета нас сначала немного шокирует и требует адаптации нашего серого
вещества. Особенно это выражено при размещении цветных фотографий.
Цветность, черно-белые, сепия...
Применение эффекта color offset (сдвиг цвета по каналам) может создать
совершенно неожиданный и непривычный для нашего восприятия эффект иной
реальности. Изменение цвета среды придает тому же изображению совершенно
другой вид, а иногда и смысл. Банальный Motion blur создает иллюзию
(ощущение) движения.
[pic] [pic] [pic]
[pic]Состояние
- эмоциональное, чувственное, любое другое, не обозначенное мыслительными
процессами, а скорее участием подсознания состояние. Наличие таких
процессов резко увеличивает ЗАПОМИНАНИЕ. Если при нормальном логическом
мышлении идеи сменяют друг друга, то подсознательные состояния как бы
расставляют "вешки" в богатом спектре ощущении, и при сходной эмоциональной
или чувственной ситуации срабатывает близкая по ассоциациям "вешка". Нужно
ли особо расписывать важность этого момента в любых произведениях
искусства, в рекламе или в нашей жизни?...
Использовать такой факт можно (и нужно) в обоих направлениях. Можно
закладывать в работу уже существующие в подсознании "вешки", и тогда работа
вызывает ощущение жизненности, правдивости, естественности. Наше
подсознание хранит массу таких ощущений, начиная от детского смеха и до
пивных банок на тротуаре рядом с мусорной корзиной. Обратный вариант - это
когда удивившая зрителя работа всплывает в сознании при срабатывании
жизненно-бытовой "вешки" (ассоциации).
Разумеется, ассоциации эмоциональные и образные у разных людей разные
(расставание с любимой у одного ассоциируется с полной луной, а другого - с
уходящим поездом...), но творчество человеческой фантазии способно реально
переживать и несуществующие ситуации, и реагировать адекватно на непрожитый
образ (переживать его виртуально).
[pic]Движение
Этот принцип совсем уж из области подсознательного, но значим тем не менее.
Так уж мы устроены, что любой объект мы воспринимаем в движении. И если не
движется объект - то вынужден двигаться наш глаз, зрачок. На уровне
композиции движение может быть выражено через смысловой ход, через
пластический мотив, ритм, определенное размещение элементов и пауз. В
конечном итоге любая композиция в первую очередь определяет движение нашего
взгляда, изучающего реальность, а вслед за взглядом будут двигаться и
ощущения, и мысли. При этом дизайнеру важно понять прямую зависимость
мыслей от ощущений. То, насколько правдива созданная вами иллюзия (а любая
картинка - в конечном итоге иллюзия), настолько реальными будут и ощущения.
[pic] [pic]
[pic]Физиологические основы восприятия.
Человеческий мозг обладает определенными особенностями восприятия
окружающей нас действительности, которые необходимо помнить при создании
творческих работ (разумеется, если вы хотите адекватной реакции от
зрителя). Превосходя по своим возможностям современные компьютеры, мозг
отличается от них тем, что имеет склонность концентрировать внимание на
определенных объектах и исключать из внимания не интересующие его. Эта
склонность подчиняется определенным закономерностям, не знать которые и не
использовать в своих страничках для привлечения внимания было бы просто
глупо.
Реакция на опасность.
В процессе эволюции человеческий мозг в целях самосохранения выработал
определенные реакции ( на уровне подсознания ) на различные виды объектов,
и при наличии некоторых факторов объект вызывает реакцию отторжения. То
есть неправильно расставив акценты на своей страничке или рекламе, вы
можете вызвать совершенно противоположное впечатление.
[pic][pic][pic]
Размер
Большие объекты (и псевдоувеличенные) острее воспринимаются, но чем сильнее
реакция на объект - тем сильнее отторжение. Щит наружной рекламы на
магистрали воспринимается более спокойно (расстояние, скорость, состояние
защищенности в автомобиле). И тот же щит на пешеходной дорожке может просто
подавить зрителя своими размерами и огромными цветовыми пятнами.
Цвет
В определенных пропорциях цвет способен создавать настроение и привлекать
внимание, но при нарушении этих соотношений в сторону увеличения может
восприниматься как опасность и вызывать реакцию недоверия.
Естественность и уместность
Любой объект или изображение может быть естественным в одной ситуации и
неуместным в другой. Изображение коровы в рекламе на улицах большого города
привлечет внимание, но подсознательно из-за своей неестественности вызовет
недоверие. Картинка с телевизором на загородной трассе вызовет только смех.
Выделение объекта из среды
Одна черная корова среди стада рыжих, большое объявление на полосе газеты
среди маленьких, цветное изображение среди черно-белых и наоборот. Один и
тот же щит наружной рекламы зимой и летом воспринимается по-разному за счет
окружения.
[pic] [pic] [pic]
Как это положительно можно использовать на практике? Выделяйте то, что вам
кажется главным.
УГОЛ ЗРЕНИЯ
[pic]
Глаз обладает определенным углом зрения, что обеспечивает поле
благоприятного восприятия. Максимальный угол восприятия глаза 57 градусов,
оптимальный - 35-40 градусов. Эти данные позволяют вычислять наиболее
благоприятные размеры рекламы на различных расстояниях. Если экран
находится на расстоянии в среднем 35-40 см от глаз, то оптимальный размер
изображения составляет 15 - 18 см по высоте и 10-14см по ширине (учтены
особенности бинокулярного зрения). Надеюсь, вы не восприняли это как совет
делать ВСЕ картинки такого размера.
Фокусировка взгляда.
Как продолжение предыдущего абзаца. Важен не только благоприятный размер,
но и определенное размещение особо важных элементов в композиции. Наш
взгляд концентрирует внимание на достаточно небольшой зоне, а остальную,
ближе к краям как бы размывает. На самом деле мозг просто отметает эту
информацию. Скажем, у людей с тренированным взглядом боковое зрение развито
иногда очень сильно.
Пренебрегать данной особенностью при построении ваших композиций (страниц)
было бы глупо. Как это выглядит на практике?
Вы разместили на вашей странице большое количество анимированных
изображений, блинков и бегущих строк, каждое из которых активно привлекает
внимание, потому-что шевелится. Мозг инстинктивно направляет внимание на
нее, потому как природа заложила в него приоритет движущихся предметов и
изображений перед статичными в целях самосохранения индивиума. Но соседний
объект так же активно требует внимания, ну и остальные тоже. В результате
мозг зрителя в растерянности - на что же ему таки смотреть в первую
очередь. Подсознательно возникает реакция тревоги и отторжения.
[pic]Взаимодействие
Элементы композиции находятся (должны находиться) во взаимосвязи между
собой и с форматом произведения. Эта взаимосвязь определяется прежде всего
идеей на уровне композиционой схемы, пластическим мотивом на уровне приемов
и принципов композиции, эмоциональным фоном на уровне использования тона и
цвета. Например, произведение, выражающее покой и умиротворение, не должно
содержать композиционных групп с элементами хаоса или синкопированного
ритма (не является жестким правилом), а выражающее стремление к покою - уже
есть движение от группы хаоса к группе порядка через определенные принципы.
В первом случае обычно применяется симметричное
|
