'

«Эргономика и дизайн Web-сайта»

Понравилась презентация – покажи это...





Слайд 0

«Эргономика и дизайн Web-сайта» Занятие № 4


Слайд 1

Топология сайта Интуитивно-понятная структура: Древовидная - Линейно-последовательная - Гибридная - Отсутствие перекрестных переходов между разными ветками Особое оформление внешних ссылок


Слайд 2

Древовидная структура


Слайд 3

Линейно-последовательная структура


Слайд 4

Гибридная структура


Слайд 5

Эргономика Web-страницы Web-страницы не читают, а просматривают!


Слайд 6

Страницы должны быть понятными Ясная визуальная иерархия страниц Чем важнее элемент, тем заметнее Элементы связанные логически, связывать визуально Вложенные элементы, если они являются частями друг друга Четко разделенные области Заметные ссылки Отсутствие перегруженности лишними деталями и словами


Слайд 7

Web-навигация Особенности Web-пространства: Нет ощущения масштаба сайта Нет ощущения направления Нет ощущения местоположения Назначение навигации: Помочь найти требуемую информацию Указать текущее местоположение


Слайд 8

Меню Меню должно быть четко продумано Иерархия меню должна содержать не более двух уровней Меню должно находиться там, где его ожидают увидеть


Слайд 9

«Хлебные крошки» Рекомендации по использованию: Размещать вверху страницы Между уровнями использовать символ > Небольшой размер шрифта Использовать слова «Вы находитесь здесь» Зоопарк > Заяц > Шутка


Слайд 10

Страницы сайта Каждая страница должна иметь название Название должно «обрамлять» содержимое Название должно быть заметным Название должно соответствовать ссылке меню


Слайд 11

Цель первой страницы Не дать посетителю сразу уйти Показать посетителю то, что он ищет … и то, что не ищет Показать откуда начать просмотр Вызывать доверие к сайту


Слайд 12

Первая страница сайта Содержимое первой страницы: Цель и назначение сайта Иерархия сайта Поиск Анонсы содержания сайта Обновляемое содержание Обзор сервисов (персонализация, подписка) Реклама Ярлыки Регистрация


Слайд 13

Шрифты Шрифт с засечками – Times New Roman Шрифт без засечек – Arial Другой шрифт – в виде картинок Не более двух типов шрифтов на странице


Слайд 14

Цвет на Web-странице Цвет текста и цвет фона должны контрастировать по яркости Фоновый рисунок не должен затруднять чтение текста Количество цветов – не более 4-х Возможно использование одного цвета разной яркости Нюансировка


Слайд 15

Цвет-тон


Слайд 16

Цвет на Web-странице 0 1 2 3 4 5 6 7 8 9 A B C D E F


Слайд 17

Примеры цветов


Слайд 18

Стандартная палитра Web 00 33 66 99 СС FF


Слайд 19

Рисунки на Web-странице


Слайд 20

Формат GIF


Слайд 21

Формат JPEG


Слайд 22

Формат PNG


Слайд 23


Слайд 24

«Разработка Web-сайтов и Web-дизайн» Занятие № 4 Московский институт открытого образования УМЛ Информационных технологий Тел. 151-59-31 Сайт: http://iit.metodist.ru E-mail: iit@metodist.ru Методист Н.И. Михайлова


×

HTML:





Ссылка: