Download - 5 графічний дизайн веб сайтів
![Page 1: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/1.jpg)
Графічний дизайн веб-сайтів
![Page 2: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/2.jpg)
Макет сайту• Колонки
![Page 3: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/3.jpg)
Погляд відвідувача сайту
![Page 4: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/4.jpg)
Основні поняття дизайну
• Точка
• Лінія
• Текстура
• Форма
• Пропорція
![Page 5: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/5.jpg)
Прямі лінії
Пізнавання форм людиною
![Page 6: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/6.jpg)
Розмір
Пізнавання форм людиною
![Page 7: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/7.jpg)
Симетрія
Пізнавання форм людиною
![Page 8: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/8.jpg)
Кут, трикутник, квадрат
Пізнавання форм людиною
![Page 9: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/9.jpg)
Коло
Пізнавання форм людиною
![Page 10: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/10.jpg)
Контур
Пізнавання форм людиною
![Page 11: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/11.jpg)
Текстура
Пізнавання форм людиною
![Page 12: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/12.jpg)
Відносний розмір
Пізнавання форм людиною
![Page 13: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/13.jpg)
• Групування
Розміщення елементів на сторінці
![Page 14: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/14.jpg)
• Групування
• Охоплення
Розміщення елементів на сторінці
![Page 15: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/15.jpg)
• Групування
• Охоплення
• Вирівнювання
Розміщення елементів на сторінці
![Page 16: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/16.jpg)
• Групування
• Охоплення
• Вирівнювання
• Ритм
Розміщення елементів на сторінці
![Page 17: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/17.jpg)
• Групування
• Охоплення
• Вирівнювання
• Ритм
• Баланс
Розміщення елементів на сторінці
![Page 18: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/18.jpg)
• Групування
• Охоплення
• Вирівнювання
• Ритм
• Баланс
• Пропорція
Розміщення елементів на сторінці
![Page 19: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/19.jpg)
• Групування
• Охоплення
• Вирівнювання
• Ритм
• Баланс
• Пропорція
• Домінантність
Розміщення елементів на сторінці
![Page 20: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/20.jpg)
Розміщення елементів на сторінці
• Групування
• Охоплення
• Вирівнювання
• Ритм
• Баланс
• Пропорція
• Домінантність
• Єдність
![Page 21: 5 графічний дизайн веб сайтів](https://reader030.vdocuments.pub/reader030/viewer/2022032617/55b04ebd1a28ab4d2c8b45d1/html5/thumbnails/21.jpg)
Аналог Тріада
Часткове доповнення
Повнедоповнення
Гармонія кольорів