Ергономіка розміщення відомостей на вебсторінці. 10 клас

1.

ЕРГОНОМІКА
РОЗМІЩЕННЯ
ВІДОМОСТЕЙ НА
ВЕБСТОРІНЦІ
10 клас
1

2.

Вебдизайн
англ. web design
— галузь веброзробки і різновид дизайну,
до завдання якого входить проектування
призначених для користувача
вебінтерфейсів для сайтів або
вебзастосунків.
2

3.

Дизайн вебсайту базується на законах:
КОЛОРИСТИКИ
1
КОМПОЗИЦІЇ
2
ЕРГОНОМІКИ
3
3

4.

Які сучасні
тенденції
вебдизайну?
4

5.

Колірна палітра
є одним із найважливіших елементів сайта.
Існує безліч онлайн-сервісів, які
допомагають підібрати палітру кольорів
сайта, котра відповідає правилам
колористики.
5

6.

Темний режим (dark
mode) – це нова
тенденція.
Сміливі кольорові
поєднання
6

7.

Спліт-екран (розділений екран)
(англ. Split screen)
є зручним інструментом просування контенту.
Поділ екрана передбачає певний
взаємозв’язок контенту —
доповнює або контрастує.
7

8.

Великий шрифт
один з основних елементів
вебдизайну.
Коли
виникла
потреба
оптимізувати сайти під мобільні
екрани, усі шрифти стали набагато
більшими, почали займати основну
частину
сторінки,
витісняючи
решту елементів.
8

9.

Інфографіка
— спосіб подачі інформації за допомогою графічних елементів (діаграми,
графіки, образи).
Статистика на сайті перетворюється на візуально зрозумілу картинку з
цікавим змістом.
9

10.

Широкоформатні фонові фото і відео
надають динаміку веб-ресурсу і допомагають занурити користувача в
певну історію.
10

11.

Ілюстрації
це візуальне пояснення, завдяки якому користувач краще розуміє ідею
продукту.
Розповідь
Дизайн персонажів
11

12.

Ізометричні ілюстрації
3D ілюстрації
12

13.

Синематограф (жива фотографія)
— статична картинка з елементами анімації другорядних деталей.
13

14.

Відео + анімовані ілюстрації (змішані медіа)
14

15.

Завдання на самостійну
підготовку
• Складіть ілюстрований альманах,
який буде допомагати зрозуміти
критерії ергономіки сайта.
• Виконану роботу надішліть
учителю на електронну адресу.
Зразок альманаху
15

16.

Дякую за увагу !
16