Основы Web-дизайна презентация

компонентов сделать заданное пространство удобным и гармоничным

другие импортированные объекты
Web-узел - группа взаимосвязанных Web - страниц

глубиной (более упорядочена, чем другие, или содержит больше информации);
необычным видом (не обязательно много, “Черный квадрат” Малевича).

материалов
✓Работа в редакторе
✓Оформление гиперссылок

информация;
безопасные цвета;
кнопки.

назначение или концепцию сайта
!Рекомендуется рисунок броский, необычный, привлекающий внимание, но с чувством меры

изображения
Изменение контраста и яркости
Изменение размера
Настройка прозрачности
Черно-белое изображение
Высветление

серого цвета
Копии экранов, использующие стандартные цвета Windows, также иногда выглядят плохо: из 20 стандартных цветов в палитре присутствуют только 8

страницы
Заголовок должен быть кратким, понятным, этически и эстетически корректным

в темной комнате – это примеры предельно неудачного выбора контраста.
2. При создании Web-страниц контраст служит для выполнения двух важных задач:
облегчает восприятие информации (черный текст на белом фоне или желтый текст на синем фоне);
разграничивает различные элементы страницы: заголовки от основного текста

штрихов, наклон, толщина линий, направление, пропорциональные;
эффекты анимации.

смешиваться разные сигналы для пользователя.

одинаково;
заголовки первого уровня должны отличаться от обычного текста;
то же самое для всех элементов.

на компьютере посетителя.

Шрифты старого стиля
Модерн
Шрифты без засечек
Рукописные
Декоративные
Символьные

специальные термины, особенно если они встречаются первый раз;
полужирный курсив, как правило, используется для заголовков;
подчеркивание использовать не рекомендуется.

штрихов, небольшой наклон влево
Times Roman, Garamont

горизонтальные;
выглядит более холодным и механистическим;
Bodoni, Elephant, Georgia.

хуже, чем с засечками;
Arial, Helvetica.

в природе, - сочетаются.
Цвета Web-страниц должны сочетаться с цветами изображений.
Между текстом и фоном должен быть контраст.
Лучше темный цвет на светлом фоне, чем наоборот.
Цвета должны контрастировать, но не дисгармонировать.
Изображения для фона должны быть очень светлые со слабым контрастом.

оттенки человеческий глаз воспринимает как теплые, синий и фиолетовый – как холодные.
У зеленого цвета есть холодные и теплые оттенки. В композиции главную роль, как правило, играют теплые и светлые тона, а темные и холодные – подчиненную.

Цветоведение – наука о цвете.

Профессиональные дизайнеры используют «Большой цветовой круг Освальда», помогающий образовывать гармоничные сочетания из двух, трех, реже четырех цветовых оттенков.
Серый, белый и черный фон часто создают приятное впечатление, но: белые предметы на светлом фоне пропадают; бежевые цвета теряются на сером фоне. Черный фон в сочетании с красным выглядит очень агрессивно.

обеспечивают ее гипертекстовую связь с внешним миром.
Не стоит увлекаться числом кнопок. Число Мюллера 7±2

месте;
Укрупнение плана;
Цветовой акцент;
Световой акцент;
Контраст;
Форма;
Жесткое кадрирование

7±2.
больше – возникает ощущение перегруженности, меньше – скучно смотреть

структуру
второстепенные

черный текст на белом фоне. Это сочетание, как правило, требует поддержки с использованием кадров, рисунков и обрамления

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

текстуре и т.д.; включение в композицию контрастов, которые создают в ней напряжение.
Соблюдение закона ограничения в материале, деталях, цвете, форме (не больше трех).
Основа статичной композиции – симметрия.
Группировка объектов (по 2-3 объекта, а не смешанная куча!).
Обеспечение свободного пространства между группами.
Подчеркивание субординации объектов (на почетное видное место помещают самые важные объекты).
Соблюдение оптического равновесия путем определенного размещения крупных, темных предметов относительно малых, светлых.
Следование естественному положению объектов, а также их росту, движению, развитию.
Главное – чувство меры, здравый смысл и соответствие формы содержанию!

Проектирование

3. Разработка

4. Применение

5. Оценка и корректировка

компетенций и ожидаемых результатов при использовании ресурса
Анализ и структурирование учебного материала
Разработка стиля оформления учебного материала
Определение методов работы с ресурсом
Разработка методов оценки ЗУН, полученных при работе с ресурсом
Оценка эффективности предлагаемой разработки
И т.д.

Общее руководство на всех этапах

Отбор материала, определение методических подходов использования ресурса

Разработка интерфейса, определение навигации

Перевод материала в электронный формат, создание ЭОР, тестирование и отладка