28.11_Создание персонального сайта

1. ВЕБ-ДИЗАЙН

Преподаватель:
Романькова А.С.

2. Цель: создание прототипа

3. Тема 1.1. Общие сведения о веб – дизайне.

Прототипирование - быстрая «черновая» реализация базовой
функциональности будущего продукта/изделия, для анализа работы
системы в целом. На этапе прототипирования малыми усилиями
создается работающая система (возможно неэффективно, с ошибками, и
не в полной мере). Во время прототипирования видна более детальная
картина устройства системы.
URL - Унифицированный указатель ресурс; URL [ˌjuː ɑːr ˈel]) —
система унифицированных адресов электронных ресурсов, или
единообразный определитель местонахождения ресурса (файла)

4. Какие бывают сайты? 

Какие бывают сайты?
одностраничные и многостраничные
1. Сайт-визитка.
2. Сайт компании.
3. Промо-сайт.
4. Интернет-магазин.
5. Порталы.
6. Доски объявлений.
7. Блог.

5. САЙТОСТРОЕНИЕ

6. Карта сайта

7.

8. АНАЛИЗ

9. Как создаются приложения

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

10. Визуальное оформление.

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

11. Что такое структура сайта

система
расположения
страниц
сформированной логической схеме
сайта
Где я нахожусь сейчас (страница входа);
Куда я могу попасть (переход);
Взаимосвязь между категориями.
по
четко

12. сайты

13.

14. ОФОРМЛЕНИЕ САЙТА

15.

16. Элементы навигации

17.

18.

19. Выделение

20.

21.

22.

23. Второстепенное меню

24. иконки

25. Раскрывающееся меню

26. Выпадающее меню

27. Графические элементы

28. Логотип и другие обозначения главной страницы

Лого-главная
Значок дома – главная
Текстовые ссылки

29. Оформление гиперссылок

Цвет
Подчеркивание
«Читать здесь»
«Хлебные крошки»
Главная > Уютный блог о дизайне > Навигация в
дизайне сайта: основные правила и примеры
использования

30. Футер

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

31. Кнопка для возврата

32. Элементы навигации на главном экране