Альтернативный веб-дизайн
Категория реферата: Рефераты по информатике, программированию
Теги реферата: анализ курсовой работы, сообщение
Добавил(а) на сайт: Степанков.
Предыдущая страница реферата | 1 2 3 4 5 | Следующая страница реферата
Этот принцип совсем уж из области подсознательного, но значим тем не менее. Так уж мы устроены, что любой объект мы воспринимаем в движении. И если не движется объект - то вынужден двигаться наш глаз, зрачок. На уровне композиции движение может быть выражено через смысловой ход, через пластический мотив, ритм, определенное размещение элементов и пауз. В конечном итоге любая композиция в первую очередь определяет движение нашего взгляда, изучающего реальность, а вслед за взглядом будут двигаться и ощущения, и мысли. При этом дизайнеру важно понять прямую зависимость мыслей от ощущений. То, насколько правдива созданная вами иллюзия (а любая картинка - в конечном итоге иллюзия), настолько реальными будут и ощущения.
Физиологические основы восприятия.
Человеческий мозг обладает определенными особенностями восприятия окружающей нас действительности, которые необходимо помнить при создании творческих работ (разумеется, если вы хотите адекватной реакции от зрителя). Превосходя по своим возможностям современные компьютеры, мозг отличается от них тем, что имеет склонность концентрировать внимание на определенных объектах и исключать из внимания не интересующие его. Эта склонность подчиняется определенным закономерностям, не знать которые и не использовать в своих страничках для привлечения внимания было бы просто глупо.
Реакция на опасность.
В процессе эволюции человеческий мозг в целях самосохранения выработал определенные реакции ( на уровне подсознания ) на различные виды объектов, и при наличии некоторых факторов объект вызывает реакцию отторжения. То есть неправильно расставив акценты на своей страничке или рекламе, вы можете вызвать совершенно противоположное впечатление.
Размер
Большие объекты (и псевдоувеличенные) острее воспринимаются, но чем сильнее реакция на объект - тем сильнее отторжение. Щит наружной рекламы на магистрали воспринимается более спокойно (расстояние, скорость, состояние защищенности в автомобиле). И тот же щит на пешеходной дорожке может просто подавить зрителя своими размерами и огромными цветовыми пятнами.
Цвет
В определенных пропорциях цвет способен создавать настроение и привлекать внимание, но при нарушении этих соотношений в сторону увеличения может восприниматься как опасность и вызывать реакцию недоверия.
Естественность и уместность
Любой объект или изображение может быть естественным в одной ситуации и неуместным в другой. Изображение коровы в рекламе на улицах большого города привлечет внимание, но подсознательно из-за своей неестественности вызовет недоверие. Картинка с телевизором на загородной трассе вызовет только смех.
Выделение объекта из среды
Одна черная корова среди стада рыжих, большое объявление на полосе газеты среди маленьких, цветное изображение среди черно-белых и наоборот. Один и тот же щит наружной рекламы зимой и летом воспринимается по-разному за счет окружения.
Как это положительно можно использовать на практике? Выделяйте то, что вам кажется главным.
УГОЛ ЗРЕНИЯ
Глаз обладает определенным углом зрения, что обеспечивает поле благоприятного восприятия. Максимальный угол восприятия глаза 57 градусов, оптимальный - 35-40 градусов. Эти данные позволяют вычислять наиболее благоприятные размеры рекламы на различных расстояниях. Если экран находится на расстоянии в среднем 35-40 см от глаз, то оптимальный размер изображения составляет 15 - 18 см по высоте и 10-14см по ширине (учтены особенности бинокулярного зрения). Надеюсь, вы не восприняли это как совет делать ВСЕ картинки такого размера.
Фокусировка взгляда.
Как продолжение предыдущего абзаца. Важен не только благоприятный размер, но и определенное размещение особо важных элементов в композиции. Наш взгляд концентрирует внимание на достаточно небольшой зоне, а остальную, ближе к краям как бы размывает. На самом деле мозг просто отметает эту информацию. Скажем, у людей с тренированным взглядом боковое зрение развито иногда очень сильно.
Пренебрегать данной особенностью при построении ваших композиций (страниц) было бы глупо. Как это выглядит на практике?
Вы разместили на вашей странице большое количество анимированных изображений, блинков и бегущих строк, каждое из которых активно привлекает внимание, потому что шевелится. Мозг инстинктивно направляет внимание на нее, потому как природа заложила в него приоритет движущихся предметов и изображений перед статичными в целях самосохранения индивидуума. Но соседний объект так же активно требует внимания, ну и остальные тоже. В результате мозг зрителя в растерянности - на что же ему таки смотреть в первую очередь. Подсознательно возникает реакция тревоги и отторжения.
Взаимодействие
Элементы композиции находятся (должны находиться) во взаимосвязи между собой и с форматом произведения. Эта взаимосвязь определяется прежде всего идеей на уровне композиционной схемы, пластическим мотивом на уровне приемов и принципов композиции, эмоциональным фоном на уровне использования тона и цвета. Например, произведение, выражающее покой и умиротворение, не должно содержать композиционных групп с элементами хаоса или синкопированного ритма (не является жестким правилом), а выражающее стремление к покою - уже есть движение от группы хаоса к группе порядка через определенные принципы. В первом случае обычно применяется симметричное построение композиции без выраженного движения, во втором - отступление от этой симметрии. На уровне движения он определяет развитие и следование пластического мотива через пятно, ритм или силуэт (оформленный линией или тем же пятном, группой пятен).
Цвет и тон являются в этом случае элементами, способствующими раскрытию замысла (наравне с основными принципами, потому как равноправны с ними). При применении нескольких принципов преобладает наиболее выраженный (акцентированный по сравнению с другими).
В приведенных примерах ни одна из картинок не явялется примером композиции абсолютного покоя, хотя первый вариант очень близок по решению. Чем же он нас не устраивает? Некое условное "повисание" элементов над несуществующей, но автоматически воображаемой плоскостью...
Во втором примере нас не устроит "неустойчивость" почти по тем же причинам, что и в первой...
В третьей картинке вы можете провести линию симметрии достаточно четко, но ни она, ни элементы никак не соответствуют состоянию покоя, а скорее вялого, "анемичного" движения... направление движения тоже фактически не угадывается, вернее, их одновременно несколько, и только ось симметрии каким-то образом преобладает над другими направлениями.
Что такое стиль?
Это система визуальных элементов, призванная обеспечить цельность восприятия данной странички или всего сайта. Исходя из разработанной вами концепции и контента (текстового материала, готовых иллюстраций и рисунков), вы выбираете шрифты, цвет фона, способ обработки картинок, коллажей, иконок и пр. элементов. Ну а затем просто стараетесь придерживаться выбранной вами манеры исполнения элементов по ходу создания и развития сайта.
Стиль призван обеспечить хотя бы минимальную уникальность вашего сайта. Вы можете использовать распространенный набор цветов, шрифтов, стандартные приемы оформления... Но что-то свое, особенное в нем должно маленько быть. Иначе среди нескольких миллионов страничек вашу могут и не заметить.
Основные элементы стиля сайта
Логотип
Модульная
Шрифты
Цвета
Иллюстративный ряд (приемы обработки изображений)
На данный момент можно определить как типы -
"текстовый" дизайн - определяется содержанием и концепцией автора. "Текстовый" не означает простой или примитивный. На первом уровне это означает почти полное отсутствие изображений как таковых, что значительно ускоряет загрузку страницы. А навигационные и декоративные элементы выполняются теми же "символьными" приемами. Нужно сказать, что HTML как таковой значительно расширил возможности при разверстке страниц этого типа, и теперь при помощи кода можно делать и тени, и даже изображения (хотя изображение кодом зачастую больше по "живому весу", чем аналогичное в GIFе или JPGе)... При таких разверстках следует хорошо знать классические верстальные приемы, особенности используемых шрифтов.
"полиграфический" дизайн - тот вариант, когда веб-страничка изо всех своих сил стремится имитировать печатное издание (особенно буклетные типы). Такой дизайн распространен на корпоративных сайтах, сайтах с рекламным уклоном, там, где особо необходимо образно-эмоциональное наполнение основного содержания. Ставка делается на классические дизайнерские приемы по принципу - общий дизайн, а потом нарезать и собрать... Как правило, основное впечатление пользователь получает за счет пиксельной графики.
"интерфейсный" дизайн - сейчас его еще кличут usability... Стиль, призванный максимально облегчить жизнь пользователю во всех ее проявлениях, от загрузки странички (минимизирование кода и предельная оптимизация изображений) до особого, доведенного до религиозного поклонения тщательного исполнения каждого элемента. Как пример - сайт студии "Лакмус". Досконально продуманная (как правило) навигация, изначально понятность пользования общей схемой сайта - такой подход к веб-дизайну вызывает только глубокое почтение и уважение. И даже если с точки зрения изобразительной эстетики на таком сайте окажется не все гладко, то с лихвой окупится остальными достоинствами.
Рекомендуем скачать другие рефераты по теме: конспекты бесплатно, сочинение егэ.
Предыдущая страница реферата | 1 2 3 4 5 | Следующая страница реферата