Fullstack разработка. Планирование проекта

Июль 24, 2022

Главная
Информатика
Fullstack разработка. Планирование проекта

Содержание

2. Планирование контента проекта Определение целей проекта: Что необходимо разместить на сайте? Какова цель создания сайта? Определение
3. Элементы сайта Домашняя страница: Чем больше контента и ссылок на другие страницы, тем больше информации получит
4. Элементы сайта Контент: Уникальность; Однозначная адресуемость; Логическая упорядоченность; Заголовки.
5. Три кита Согласованность: Различное оформление как подчеркивание отдельных страниц сайта; Единая панель навигации и колонтитулы. Юзабилити:
6. Основные принципы дизайна Контраст Смысл принципа в том, чтобы не располагать рядом похожие элементы. Если элементы
7. Примеры
8. Примеры
9. Примеры
10. Примеры
11. Примеры
12. Теория цвета Цвета: Первичные, вторичные и третичные цвета; Оттенок — результат смешения цвета с белым; Тональность
13. Цветовой круг
14. Гарнитуры шрифтов Шрифт с засечками (serif); Шрифт без засечек (sans-serif); Рукописные шрифты (cursive); Декоративные шрифты (fantasy);
15. Правила шрифтового оформления Используемый шрифт достаточно большой, чтобы его можно было читать с различным разрешением браузера;
17. Скачать презентацию

Слайд 2

Планирование контента проекта
Определение целей проекта:
Что необходимо разместить на сайте?
Какова цель

создания сайта?
Определение целевой аудитории:
На какие группы можно разделить посетителей?
Какую информацию они хотят найти?
Разработка схемы сайта:
Какие страницы будут присутствовать на сайте?
Организация структуры навигации;
Именование страниц.

Слайд 3

Элементы сайта
Домашняя страница:
Чем больше контента и ссылок на другие страницы,

тем больше информации получит пользователь?
Домашняя страница является первой, на которую зайдет посетитель?
Уникальная страница сайта?
Навигация:
Принцип трех кликов;
Выделение текущей страницы.
Дополнительные элементы:
Верхний колонтитул: брендинг, навигация, поиск;
Нижний колонтитул: авторские права, вспомогательные ссылки, дополнительная информация;
Контейнеры.

Слайд 4

Элементы сайта
Контент:
Уникальность;
Однозначная адресуемость;
Логическая упорядоченность;
Заголовки.

Слайд 5

Три кита
Согласованность:
Различное оформление как подчеркивание отдельных страниц сайта;
Единая панель навигации

и колонтитулы.
Юзабилити:
Центр реальности — потребности пользователей;
Список негативных характеристик;
Свежий взгляд.
Доступность:
Что значит сделать сайт доступным?
Альтернативный контент.

Слайд 6

Основные принципы дизайна
Контраст
Смысл принципа в том, чтобы не располагать рядом похожие

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

Слайд 7

Примеры

Слайд 8

Примеры

Слайд 9

Примеры

Слайд 10

Примеры

Слайд 11

Примеры

Слайд 12

Теория цвета
Цвета:
Первичные, вторичные и третичные цвета;
Оттенок — результат смешения цвета

с белым;
Тональность — результат смешения цвета с серым;
Тень — результат смешения цвета с черным;
Палитра безопасных цветов Web (216 цветов).
Цветовые схемы:
Монохроматические;
Дополнительные;
Триадические;
Тетрадические;

Слайд 13

Цветовой круг

Слайд 14

Гарнитуры шрифтов
Шрифт с засечками (serif);
Шрифт без засечек (sans-serif);
Рукописные шрифты (cursive);
Декоративные шрифты

(fantasy);
Моноширинные шрифты (monospace).

Слайд 15

Правила шрифтового оформления
Используемый шрифт достаточно большой, чтобы его можно было читать

с различным разрешением браузера;
Обеспечивается достаточный контраст между фоном и основным текстом;
Заголовки действительно отличаются от основного текста;
Исключается растягивание основного текста на всю ширину экрана с помощью текучей компоновки.

Fullstack разработка. Планирование проекта

Содержание

Планирование контента проектаОпределение целей проекта: Что необходимо разместить на сайте?Какова цель

Элементы сайтаДомашняя страница: Чем больше контента и ссылок на другие страницы,

Элементы сайтаКонтент: Уникальность;Однозначная адресуемость;Логическая упорядоченность;Заголовки.

Три китаСогласованность: Различное оформление как подчеркивание отдельных страниц сайта;Единая панель навигации

Основные принципы дизайнаКонтрастСмысл принципа в том, чтобы не располагать рядом похожие

Примеры

Примеры

Примеры

Примеры

Примеры

Теория цветаЦвета: Первичные, вторичные и третичные цвета;Оттенок — результат смешения цвета

Цветовой круг

Гарнитуры шрифтовШрифт с засечками (serif);Шрифт без засечек (sans-serif);Рукописные шрифты (cursive);Декоративные шрифты

Правила шрифтового оформленияИспользуемый шрифт достаточно большой, чтобы его можно было читать

Похожие презентации

Планирование контента проекта
Определение целей проекта:
Что необходимо разместить на сайте?
Какова цель

Элементы сайта
Домашняя страница:
Чем больше контента и ссылок на другие страницы,

Элементы сайта
Контент:
Уникальность;
Однозначная адресуемость;
Логическая упорядоченность;
Заголовки.

Три кита
Согласованность:
Различное оформление как подчеркивание отдельных страниц сайта;
Единая панель навигации

Основные принципы дизайна
Контраст
Смысл принципа в том, чтобы не располагать рядом похожие

Теория цвета
Цвета:
Первичные, вторичные и третичные цвета;
Оттенок — результат смешения цвета

Гарнитуры шрифтов
Шрифт с засечками (serif);
Шрифт без засечек (sans-serif);
Рукописные шрифты (cursive);
Декоративные шрифты

Правила шрифтового оформления
Используемый шрифт достаточно большой, чтобы его можно было читать