Web-дизайн. Web-сайты

1.

2. Для чего создаются web-сайты?

1.
2.
3.
4.
5.
Имидж
Оперативность и актуальность
Реклама
Информативность
Эффективность работы

3. Основные типы сайтов:

1.
2.
3.
Виртуальный буклет с фотографиями
Информационное представительство
Виртуальный офис – 24 часа на боевом посту

4. Первые шаги создания сайта

1.
2.
3.
Продумывание Концепции сайта
Подготовка текстов
Структурирование информации

5. Концепция web-сайта

1.
2.
3.
4.
С какой целью Вы создаете сайт?
Для какого Вы создаете сайт?
Что Вы хотите сказать?
В каком стиле излагать информацию?

6. Причины, влияющие на популярность сайта:

1.
2.
3.
4.
5.
6.
7.
8.
Контент (содержание сайта)
Стиль сайта
Ясность и логическая структура
информации
Графический дизайн
Техническая реализация сайта
Раскрутка сайта
Скорость загрузки страниц
Отсутствие орфографических ошибок

7. Стиль сайта или стильно это:

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

8. В создании стиля участвуют следующие элементы дизайна:

1.
2.
3.
4.
5.
Цветовая схема web-сайта
Графическое оформление
Навигация
Информационная структура сайта
Оформление текстов на странице

9. Инфраструктура сайта-

Инфраструктура сайтаэто информационные потоки внутри сайта и
отношения связи между отдельными страницами и
элементами, то есть своего рода «карта путей», по
которым посетитель сможет передвигаться внутри
сайта. А реализацией инфраструктуры в дизайне и
будут являться информационная структура и
система навигации.

10. Дизайн страниц сайта

Заголовок сайта
Заголовок страницы
Элементы навигации
Переход на главную страницу сайта
Возможность обратной связи

11. Пять шагов в разработке дизайна страниц:

1.
2.
3.
4.
5.
Создайте ясную визуальную иерархию на каждой
странице
Используйте обычаи и условности
Разбейте страницы на четко разделенные
области
Покажите ясно то, по чему можно щелкать
мышью
Уменьшите визуальный шум

12. Навигация

Навигация (navigatio, от navigo – плыву на судне) –
это наука о способах выбора пути, методах
определения
места
и
перемещения
в
пространстве с учетом решаемых задач и
влияния внешней среды.
Навигация на web-сайте – это совокупность
элементов дизайна, служащая для перемещения и
определения текущего положения на сайте.

13. Система навигации на сайте должна помочь пользователю ответить на три вопроса:

1.
2.
3.
Где я нахожусь?
Где я уже был?
Куда могу пойти?

14. Типы ссылок:

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

15. Типы ссылок:

Структурные ссылки (тесно связанные с
навигационным меню сайта) – это ссылки, которые
указывают на другие уровни структуры сайта.
(Переход на уровень вверх или вниз).

16. Типы ссылок:

Ассоциативные ссылки– это ссылки, связанные с
содержанием текущей страницы по смыслу.

17. 10 качеств эффективной навигации:

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
Легко воспринимается
Остается последовательной
Реагирует на действия пользователя
Появляется в контексте
Предлагает альтернативы
Экономит время и действия
Несет ясные визуальные послания
Использует понятные категории
Соответствует предназначению сайта
Поддерживает цели и поведение
пользователя

18. Пример структуры сайта

Главная страница
Страница 1
Страница 1.1.
Страница 1.2.1.
Страница 1.2.
Страница 1.2.3.
Страница 2
Страница 2.1.
Страница 2.1.1.
Страница 2.2.
Страница 2.2.1.
Страница 2.2.1.1.
Страница 2.2.1.2.

19. Задание

Основные типы сайтов ….
Типы ссылок….
Что входит в создание сайта
В создании стиля участвуют следующие
элементы дизайна….