ОСНОВЫ ГРАФИЧЕСКОГО ДИЗАЙНА В ЦЕЛЯХ СОЗДАНИЯ КОНТЕНТА Создаете

Содержание

Слайд 2

1. Психология восприятия
2. Принципы визуального восприятия - теоретическая основа для создания композиции

БЛОК

1. Психология восприятия 2. Принципы визуального восприятия - теоретическая основа для создания
1

БЛОК 2

1. Модульная сетка как основа мировосприятия
2.Сетка в печатной рекламе
3. Сетка шаблона сайтов
4. Типографика. Шрифты

БЛОК 3

1. Инфографика
2. Логотип

Слайд 3

БЛОК 1 1. Психология восприятия

ХХ век — создание основ учения о зрительном

БЛОК 1 1. Психология восприятия ХХ век — создание основ учения о
(визуальном) восприятии человеком окружающего мира.

Законы восприятия - действуют независимо от жедания и воли человека

Знание законов позволяют:
Овладеть принципами создания композиции
Уметь оценить чужую композицию

Слайд 4

БЛОК 1 2. Принципы визуального восприяти

Закон завершения

БЛОК 1 2. Принципы визуального восприяти Закон завершения

Слайд 5

Люди отождествляют объекты с узнаваемыми образами

БЛОК 1 2. Принципы визуального восприятия

Люди отождествляют объекты с узнаваемыми образами БЛОК 1 2. Принципы визуального восприятия

Слайд 6

БЛОК 1 2. Принципы визуального восприятия

Закон направления движения:
От темного к светлому

БЛОК 1 2. Принципы визуального восприятия Закон направления движения: От темного к светлому

Слайд 7

БЛОК 1 2. Принципы визуального восприятия

Закон направления движения:
Продолжение обзора в выбранном направлении

БЛОК 1 2. Принципы визуального восприятия Закон направления движения: Продолжение обзора в выбранном направлении

Слайд 8

БЛОК 1 2. Принципы визуального восприятия

Закон подобия (похожести)
Подобие по форме

БЛОК 1 2. Принципы визуального восприятия Закон подобия (похожести) Подобие по форме

Слайд 9

БЛОК 1 2. Принципы визуального восприятия

Закон подобия (похожести)
Подобие по размеру

БЛОК 1 2. Принципы визуального восприятия Закон подобия (похожести) Подобие по размеру

Слайд 10

БЛОК 1 2. Принципы визуального восприятия

Закон подобия (похожести)
Подобие по цвету (светлоте)

БЛОК 1 2. Принципы визуального восприятия Закон подобия (похожести) Подобие по цвету (светлоте)

Слайд 11

БЛОК 1 2. Принципы визуального восприятия

Закон соседства (близости)

БЛОК 1 2. Принципы визуального восприятия Закон соседства (близости)

Слайд 12

БЛОК 1 2. Принципы визуального восприятия

Закон выравнивания

БЛОК 1 2. Принципы визуального восприятия Закон выравнивания

Слайд 13

БЛОК 1 2. Принципы визуального восприятия

Законы восприятия лежат в основе художественной композиции
(психологическое,

БЛОК 1 2. Принципы визуального восприятия Законы восприятия лежат в основе художественной
эмоциональное восприятие)
Соотношение групп предметов, цвет и т. д. Все подчинено авторскому замыслу
см. О.Л. Голубева «Основы композиции»

Слайд 14

БЛОК 1 2. Принципы визуального восприятия

Основные принцины композиции:
Целостность
Контраст
Акцент
Ритм
Доминанта — один из важных

БЛОК 1 2. Принципы визуального восприятия Основные принцины композиции: Целостность Контраст Акцент
принципов

Слайд 15

БЛОК 1 2. Принципы визуального восприятия

Дизайн это:
см. В. Устин «Композиция в

БЛОК 1 2. Принципы визуального восприятия Дизайн это: см. В. Устин «Композиция в дизайне»
дизайне»

Слайд 16

БЛОК 2 1. Модульная сетка

Модуль в построении — один из способов

БЛОК 2 1. Модульная сетка Модуль в построении — один из способов
построения композиции с учетом законов восприятия

Слайд 17

БЛОК 2 1. Модульная сетка как основа мировосприятия

Ускорение
Единообразие
Уравновешенность

БЛОК 2 1. Модульная сетка как основа мировосприятия Ускорение Единообразие Уравновешенность

Слайд 18

БЛОК 2 2. Сетка в печатной рекламе

БЛОК 2 2. Сетка в печатной рекламе

Слайд 19

Виды сеток

БЛОК 2 2. Сетка в печатной рекламе

Виды сеток БЛОК 2 2. Сетка в печатной рекламе

Слайд 20

БЛОК 2 2. Сетка в печатной рекламе

БЛОК 2 2. Сетка в печатной рекламе

Слайд 21

БЛОК 2 3. Сетка шаблона сайтов

см. А. Херлберт «Сетка»

БЛОК 2 3. Сетка шаблона сайтов см. А. Херлберт «Сетка»

Слайд 22

БЛОК 2 4. Типографика. Шрифты

Наука оформления. Включает работу со шрифтом и массивами

БЛОК 2 4. Типографика. Шрифты Наука оформления. Включает работу со шрифтом и массивами текста
текста

Слайд 23

БЛОК 2 4. Типографика. Шрифты

Виды шрифтов:

см. Э. Рудер «Типографика»

БЛОК 2 4. Типографика. Шрифты Виды шрифтов: см. Э. Рудер «Типографика»

Слайд 24

БЛОК 2 4. Типографика. Шрифты

БЛОК 2 4. Типографика. Шрифты

Слайд 25

БЛОК 3 1. Инфографика

Способ коммуникации, направленный на упрощение усвоения информации через

БЛОК 3 1. Инфографика Способ коммуникации, направленный на упрощение усвоения информации через
графические образы

Это визуализация данных

Статистика
Хронология
География
Структура
Идеи
см. М. Смикиклас «Инфографика»

Слайд 26

БЛОК 3 1. Инфографика

БЛОК 3 1. Инфографика

Слайд 27

БЛОК 3 1. Инфографика

БЛОК 3 1. Инфографика

Слайд 28

БЛОК 3 1. Инфографика

БЛОК 3 1. Инфографика

Слайд 29

БЛОК 3 2. Логотип

Основной элемент визуального представления современной цивилизации.
Его функция в

БЛОК 3 2. Логотип Основной элемент визуального представления современной цивилизации. Его функция
представление чего-либо.
Это не просто набор графических элементов, это совокупность, взаимозависимых элемент, наделенных неким смыслом
Логотип — это идеология
см. https://www.logolounge.com

Слайд 30

БЛОК 3 2. Логотип

БЛОК 3 2. Логотип

Слайд 31

БЛОК 3 2. Логотип

Тренды логотипов в 2014 г.

Моно-герб

Буквы штабелями

БЛОК 3 2. Логотип Тренды логотипов в 2014 г. Моно-герб Буквы штабелями

Слайд 32

БЛОК 3 2. Логотип

Тренды логотипов в 2014 г.

География

Плоские грани

БЛОК 3 2. Логотип Тренды логотипов в 2014 г. География Плоские грани

Слайд 33

БЛОК 3 2. Логотип

Тренды логотипов в 2014 г.

Каркас

Таблички

БЛОК 3 2. Логотип Тренды логотипов в 2014 г. Каркас Таблички

Слайд 34

БЛОК 3 2. Логотип

Привет из 90-х)))

БЛОК 3 2. Логотип Привет из 90-х)))