- Главная
- Культурология
- Дизайн web-проекта
Содержание
- 2. Восприятие графики посетителями сайта 1 - верхняя часть страницы. Используется для размещения логотипа, эмблемы, названия фирмы,
- 3. Из двух совершенно одинаковых рисунков больше запоминается тот рисунок, который имеет большие геометрические размеры. Из двух
- 4. Больше запоминаются веб-страницы, на которых число графических элементов, иллюстрирующих их смысловую часть, незначительно. Больше запоминается графика,
- 5. ВЛИЯНИЕ РАЗМЕРА ГРАФИКИ НА ВОСПРИЯТИЕ САЙТА ПОСЕТИТЕЛЯМИ На сайте может быть мало графики, но если их
- 6. ОСОБЕННОСТИ ВОСПРИЯТИЯ ЦВЕТА ПОСЕТИТЕЛЯМИ САЙТА Цвет - это ощущение, т.е. результат физиологического воздействия излучения, попадающего на
- 7. По весу цвета можно разделить так: Разные цвета, которые занимают равную площадь и имеют одинаковую яркость
- 8. Цвет изменяет наше представление о действительных размерах предметов, причем цвета, которые кажутся тяжелыми, уменьшают размеры. Из
- 10. Экспериментальные исследования показывают, что при рассмотрении различных образцов одиночных цветов различной яркости на белом или нейтральном
- 11. Концентрация активного цвета в правом верхнем углу страницы сайта активизирует композицию, все увеличивается в размере. Концентрация
- 12. Послеобраз - остаточное явление, возникающее после рассмотрения какого–либо объекта при строго фиксированном взгляде. Очень яркие объекты
- 13. Возникновение в сознании человека светового или зрительного образа происходит с некоторым запаздыванием относительно момента воздействия света
- 14. Таблица цветов послеобраза
- 15. Если на глаз воздействует периодическая смена света и темноты, то зрительное восприятие такого раздражения зависит от
- 16. Что важно учитывать при разработке фирменного стиля сайта: Многие посетители носят очки. Восприятие сайта, шрифт которого
- 17. При предварительной компоновке графики сайта необходимо учитывать: Оптимальный размер рисунков и фотографий - от 75х75 пикселей
- 18. Среднее время загрузки страниц сайта не должно превышать 30 секунд при скорости соединения 28.8 Кбит/сек. Это
- 19. Основные компоненты фирменного стиля сайта: Контент сайта, т.е. материалы сайта (текст сайта, таблицы, графика сайта). Логотип
- 20. Разработка фирменного стиля Вкус и чувство цвета у посетителей сайта самые разные. Разные также у посетителей
- 21. Разработка фирменного стиля Во многих случаях посетители сайта реагируют на цвет одинаково. Такие цвета: красный, желтый,
- 22. Основные недостатки flash-технологий Не всем посетителям сайтов нравится анимация. Многих посетителей анимация раздражает. Поисковые системы (как
- 24. Скачать презентацию
Восприятие графики посетителями сайта
1 - верхняя часть страницы. Используется для размещения
Восприятие графики посетителями сайта
1 - верхняя часть страницы. Используется для размещения
2,4 - область размещения гиперссылок или панели навигации сайта.
3 - область размещения текста.
5 - нижняя часть страницы. Используется для размещения контактной информации или иных данных, менее важных, по сравнению с размещенными в области 1.
Из двух совершенно одинаковых рисунков больше запоминается тот рисунок, который имеет
Из двух совершенно одинаковых рисунков больше запоминается тот рисунок, который имеет
Из двух совершенно одинаковых рисунков больше запоминается тот рисунок, разрядность цветов которого выше.
Черно-белая веб-графика запоминается меньше, чем полноцветная веб-графика.
Из двух совершенно одинаковых рисунков больше запоминается более контрастный рисунок.
Из двух совершенно одинаковых рисунков больше запоминается более яркий рисунок.
Примитивная графика, иллюстрирующая процессы, схемы и т.д., понимается и запоминается быстрее и проще, чем сложная графика, иллюстрирующая те же самые процессы и схемы.
Больше запоминаются веб-страницы, на которых число графических элементов, иллюстрирующих их смысловую
Больше запоминаются веб-страницы, на которых число графических элементов, иллюстрирующих их смысловую
Больше запоминается графика, смысловая часть которой совпадает со смысловым содержанием веб-страницы, или ее дополняет.
Уникальная и авторская графика запоминается быстрее и на более долгий срок, чем графика, позаимствованная из чужих источников.
Один и тот же рисунок запоминается тем больше, чем чаще он встречается на сайте.
Графика с простыми геометрическими формами (квадрат, прямоугольник и т.д.) воспринимается легче, и запоминается проще, чем графика со сложными геометрическими формами.
ВЛИЯНИЕ РАЗМЕРА ГРАФИКИ НА ВОСПРИЯТИЕ САЙТА ПОСЕТИТЕЛЯМИ
На сайте может быть мало
ВЛИЯНИЕ РАЗМЕРА ГРАФИКИ НА ВОСПРИЯТИЕ САЙТА ПОСЕТИТЕЛЯМИ
На сайте может быть мало
Основное внимание посетителей сайта привлекает верхняя часть веб-страницы. Если в верхнюю часть всех веб-страниц разместить одну и ту же картинку, имеющую большие геометрические размеры, то сайт будет восприниматься как графический, даже если никакой другой графики на нем нет.
ОСОБЕННОСТИ ВОСПРИЯТИЯ ЦВЕТА ПОСЕТИТЕЛЯМИ САЙТА
Цвет - это ощущение, т.е. результат физиологического
ОСОБЕННОСТИ ВОСПРИЯТИЯ ЦВЕТА ПОСЕТИТЕЛЯМИ САЙТА
Цвет - это ощущение, т.е. результат физиологического
Проанализировать процесс цветовосприятия намного сложнее, чем, например, эмоциональное или психологическое состояние человека.
Границы, которые могут быть предписаны определённым цветам и степени их воздействия на окружающих, довольно расплывчаты. Тем не менее, существуют определённые закономерности цветовосприятия дизайна сайта посетителями, основанные на научных и многочисленных экспериментальных исследованиях.
Сайт может показаться посетителям скучным и неинтересным, если основная палитра сайта не соответствует назначению сайта и перечню предлагаемых на сайте товаров и услуг.
По весу цвета можно разделить так:
Разные цвета, которые занимают равную
По весу цвета можно разделить так:
Разные цвета, которые занимают равную
Цвет изменяет наше представление о действительных размерах предметов, причем цвета, которые
Цвет изменяет наше представление о действительных размерах предметов, причем цвета, которые
Многочисленные исследования показывают, что на сайтах, в основе цветовой палитры дизайна которых преобладает красный цвет, посетители проводят меньше времени, стремясь побыстрее его покинуть, чем на сайтах, основная палитра которых, например, синяя или светло-серая.
Большинству посетителей сайта нравятся яркие или глубокие тона по сравнению с тёмными тонами.
Экспериментальные исследования показывают, что при рассмотрении различных образцов одиночных цветов различной
Экспериментальные исследования показывают, что при рассмотрении различных образцов одиночных цветов различной
Меньше других нравится зеленовато-желтый цвет.
Независимо от цвета общее предпочтение отдаётся светлым фонам. Людей привлекают резко контрастные глубокие цвета, и цвета, отличающиеся по насыщенности и яркости.
Концентрация активного цвета в правом верхнем углу страницы сайта активизирует композицию,
Концентрация активного цвета в правом верхнем углу страницы сайта активизирует композицию,
Наибольшую различимость имеет сочетание черного цвета на жёлтом фоне. По мере ухудшения контрастности располагаются следующий сочетания: желтый на черном, белый на синем, чёрный на оранжевом, оранжевый на чёрном, чёрный на белом, белый на красном, красный на жёлтом, зелёный на белом, оранжевый на белом, красный на зелёном.
Когда после рассматривания каких-либо цветных поверхностей взгляд падает на белую поверхность, она кажется не белой, а окрашенной и воспринимается в "дополнительном цвете" к рассматривавшейся вначале цветной поверхности. Это явление носит название "послеобраз" и связано оно с инерцией зрения.
Послеобраз - остаточное явление, возникающее после рассмотрения какого–либо объекта при строго
Послеобраз - остаточное явление, возникающее после рассмотрения какого–либо объекта при строго
Очень яркие объекты (Солнце, пламя огня, вспышка света и т.п.) вызывают достаточно стойкие послеобразы.
Послеобраз хорошо заметен на однородном фоне при устойчивой зрительной фиксации неподвижной точки. После каждого скачка глаз послеобраз пропадает, а во время зрительной фиксации вновь появляется, уже ослабленный. Цвет послеобраза - дополнительный к цвету объекта.
Возникновение в сознании человека светового или зрительного образа происходит с некоторым
Возникновение в сознании человека светового или зрительного образа происходит с некоторым
При последовательной быстрочередующейся смене кадров последовательный образ, возникающий в мозгу зрителя, не успевает замечать затемнение экрана, возникающее при смене соседних кадров на киноленте.
Человеческий глаз также не способен уловить "смену кадров" ("дрожание экрана", "мелькание экрана" и т.д.) монитора компьютера при частоте свыше 100 Гц.
Чем больше яркость предмета, тем меньше время ощущения. Зрительное ощущение исчезает также не сразу после окончания действия света.
Остающееся после окончания светового воздействия зрительное ощущение называется последовательным образом.
Таблица цветов послеобраза
Таблица цветов послеобраза
Если на глаз воздействует периодическая смена света и темноты, то зрительное
Если на глаз воздействует периодическая смена света и темноты, то зрительное
Именно эти особенности (инерция зрения) устройства и работы человеческого глаза накладывают определённые требования к разработке фирменного стиля дизайна сайта.
Чем меньше цветов используется при оформлении дизайна сайта, тем легче добиться определённого воздействия на посетителя сайта.
Чем меньше контрастность и плавней переходы в цветовом оформлении сайта, тем с большей вероятностью можно предугадать цветовое воздействие на посетителя сайта.
В профессиональном веб-дизайне более предпочтительны плавные градиентные рисунки и фоны по сравнению с мозаичными фонами и контрастными рисунками.
У разных народов цветовые ассоциации различны: на Западе чёрный цвет ассоциируется со смертью и мрачными мыслями, в Японии белый цвет - цвет смерти. Во многих странах, например, белый цвет - традиционно свадебный, а в некоторых - траурный. В странах с засушливым климатом зеленый цвет считают сильным и успешным.
Во многом восприятие цвета зависит также и от вероисповедания посетителя сайта и от его национальности (страны проживания). Желтый цвет, более чем где-либо, почитают в Таиланде - возможно, причины этого кроются в религии.
Что важно учитывать при разработке фирменного стиля сайта:
Многие посетители носят очки.
Что важно учитывать при разработке фирменного стиля сайта:
Многие посетители носят очки.
Игнорирование такого, казалось бы, незначительного фактора, как выбор шрифта для сайта, приводит к неизбежному снижению эффективности сайта.
Посетители ценят своё время и не любят длительной загрузки страниц сайта.
Чрезмерная анимация раздражает посетителей.
Не все посетители хорошо владеют компьютером и умело пользуются Интернетом. Запутанная система навигации и большая глубина сайта приводят к неизбежному снижению эффективности сайта.
Некачественно подготовленный контент сайта, в частности недостаточно подробное изложение контента неизбежно снижает эффективность сайта.
Фирменный стиль сайта разрабатывается после того, как подготовлен контент сайта, но не наоборот.
При предварительной компоновке графики сайта необходимо учитывать:
Оптимальный размер рисунков и фотографий
При предварительной компоновке графики сайта необходимо учитывать:
Оптимальный размер рисунков и фотографий
Оптимально размещение от 4 до 12 фотографий на одной веб-странице.
Чем понятнее объект, представленный на фотографии, чем меньше будет необходимости в том, чтобы его разглядеть в деталях, тем больше фотографий можно разместить на странице. И наоборот. Для новых объектов, для объектов, сложных по внешнему виду и наличию мелких деталей, необходимы более крупные фотографии. Тем меньше, в этом случае, их должно быть размещено на странице сайта.
Страница сайта должна быть не длиннее 2-3 размеров экрана с разрешением 1024х768 пикселей (17" ЭЛТ или 15" LCD), что соответствует приблизительно 1200-1600 пикселей.
Среднее время загрузки страниц сайта не должно превышать 30 секунд при
Среднее время загрузки страниц сайта не должно превышать 30 секунд при
Помимо графики сайта любая страница сайта включает в себя программный код, который также влияет на время загрузки.
Хорошей иллюстрацией к сайту, помимо размещения рисунков с предпросмотром (уменьшенная версия рисунка размещается на странице сайта, а её увеличенную версию можно посмотреть в отдельном окне, кликнув на уменьшенное изображение мышкой), будет включение в состав сайта небольших анимационных видеороликов, общим размером не более 200-300 Кб. На время загрузки страницы сайта это практически не влияет.
Основные компоненты фирменного стиля сайта:
Контент сайта, т.е. материалы сайта (текст сайта,
Основные компоненты фирменного стиля сайта:
Контент сайта, т.е. материалы сайта (текст сайта,
Логотип фирмы.
Название сайта.
Оформление верхней части страниц сайта.
Система оформления навигации сайта.
Фон страниц сайта.
Разработка фирменного стиля
Вкус и чувство цвета у посетителей сайта самые разные.
Разработка фирменного стиля
Вкус и чувство цвета у посетителей сайта самые разные.
Один и тот же цвет может вызвать самые различные ассоциации, если не учитывать тематику сайта и его графический контент (фотографии и рисунки).
Оформление рисунков (в каком контуре или в какой рамке они заключены) непосредственно влияет на восприятие фирменного стиля сайта.
Экспериментальным путём при исследовании формы символов выявлено, что наиболее быстро и точно распознаются символы, контур которых имеет резкие перепады. Треугольник и прямоугольник распознать значительно легче, чем многоугольник или овальные фигуры. По точности их распознавания простейшие фигуры располагаются в следующем порядке (в порядке возрастания): треугольник, ромб, прямоугольник, круг, квадрат.
Рисунки, которые должны быть запомнены посетителем сайта, желательно выполнять в виде самых простых геометрических фигур. Предпочтительны прямоугольник или квадрат.
Разработка фирменного стиля
Во многих случаях посетители сайта реагируют на цвет одинаково.
Разработка фирменного стиля
Во многих случаях посетители сайта реагируют на цвет одинаково.
Как правило, синий цвет обозначает мышление, жёлтый - интуицию, красный - волнение, зелёный - восприятие и спокойствие.
Какой бы ни была тематика сайта, не следует забывать, что применение ярких и сочных цветов заставляет посетителей отвлекать своё внимание от объектов, представленных на сайте. Посетитель вынужден рассматривать оформление сайта, а не содержание, которые предлагаются на сайте. Эффективность сайта уменьшается.
Любой рисунок, перекрывающий другой рисунок кажется посетителю сайта более близким.
Среди одинаковых по внешнему виду (форме, цвету, размеру и т.д.) рисунков внимание посетителя сайта будет сконцентрировано на том рисунке, который отличается какими-то качествами.
Основные недостатки flash-технологий
Не всем посетителям сайтов нравится анимация. Многих посетителей анимация
Основные недостатки flash-технологий
Не всем посетителям сайтов нравится анимация. Многих посетителей анимация
Поисковые системы (как отечественные, так и зарубежные), как правило, вообще не индексируют flash. Текст, находящийся внутри flash, в этих случаях не будет проиндексирован и внесён в базу данных поисковой системы. Таким образом, основная задача, которая ставится перед сайтом, применением flash не решается, поскольку рейтинг сайта заведомо не может быть высоким.
Долгая загрузка страниц сайта, разработанных на основе flash-технологии. Посетители могут покинуть сайт, не дожидаясь его загрузки, если они просматривают страницы сайта, основанные на flash-технологиях с использованием модема.
Невозможно увеличить размер шрифта. Часто шрифт бывает мелким. Посетители со слабым зрением могут испытывать серьёзные неудобства при просмотре страниц сайта, основанных на применении flash-технологии. Кнопкой браузера увеличить или уменьшить размер шрифта нельзя. Посетителям сайта приходится читать текст со шрифтом такого размера размера, каким его задал веб-дизайнер.
Движущийся текст читать труднее, чем неподвижный.
Кнопка браузера "Поиск" на flash-страницах не работает.
Для внесения любых, даже мелких, изменений требуется изменение всего flash модуля (ролика).
Соединить в единый сайт страницы, основанные на flash, достаточно сложно. В ряде случаев невозможно.