SlideShare a Scribd company logo
1 of 44
ОСНОВЫ ДИЗАЙНА
или без чего не сделать красиво

Галина Хазова
дизайнер
2
Дизайн – это не то, как
предмет выглядит,
а то, как он работает
Стив Джобс
4

Цель дизайна

коммуникация
При помощи дизайны Вы доносите информацию до ЦА.
Хороший дизайн – доносит. Плохой дизайн – доносит…
но не ту.
Люди игнорируют
дизайн, который
игнорирует людей
Фрэнк Химеро
6

Требования к дизайну
• ИНТУИТИВНОСТЬ
«не заставляйте меня думать»
• ПРОСТОТА
keep it simple
• ПОСЛЕДОВАТЕЛЬНОСТЬ
используйте паттерны
7

Красивый дизайн –
не сама цель,

но
8
9

Красивый дизайн –
не сама цель

но
без красивого дизайна
не достичь цели
10

На что обратить внимание
• ЦВЕТ
• ШРИФТ
• КОМПОЗИЦИЯ
Когда мне говорят, что красный не
сочетается с зеленым – я сатанею.
Посмотри на грядку клубники,
дундук!
Рома Воронежский
12

Как выбрать цвет
13

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

Оттенки, собранные
вместе с помощью
цветового круга, не будут
резать глаз.
14

Комплементарные

Контрастные. Один – основной, второй – акцентный.
15

Триадные

Один – основной, два – акцентные.
16

Частично комплементарные
17

Аналоговые
18

Можно проще
• http://kuler.adobe.com

• http://colorschemedesigner.com/
• http://www.colourlovers.com/
19

Важно помнить
• Цвета имеют свои значения
• Цветовая схема должна быть уместной
(специфика проекта, предпочтения ЦА)
• Цвета влияют на настроение
• Яркие цвета потребляют больше ментальной
энергии
20

Как выбрать шрифт
21

Когда выбираешь шрифт
следует учитывать…
РАЗМЕР
КОНТРАСТ
ПРОСТРАНСТВО
ИЕРАРХИЯ
СОЧЕТАНИЕ ШРИФТОВ

читабельность
22

Размер
23

Контраст
24

Пространство
25

Иерархия
26

Сочетание шрифтов
27

Сочетание шрифтов
• Шрифты должны отличаться друг от друга

• Используйте шрифты с существенно разными
размерами
• Комбинируйте шрифты с засечками со шрифтами
без засечек, разные размеры и стили
28

Важно помнить
• Шрифт создает настроение
29

Важно помнить
• Шрифт создает настроение
• Много разных шрифтов – не всегда хорошо
30

Важно помнить
• Шрифт создает настроение
• Много разных шрифтов – не всегда хорошо
• Шрифт влияет на читабельность
31

Составляем композицию
32

Варианты композиции
Single Visual
33

Варианты композиции
Правило третей
34

Варианты композиции
Золотое сечение

1,618…
35

Варианты композиции
Z-layout
36

Варианты композиции
F-layout
37

Всё дело в движении глаз
38

Управляем движением
39

Помним о деталях
40

Помним о деталях
41

Помним о деталях
42

Помним о деталях
Дизайн не нужно обсуждать.
Он является решением
поставленной задачи. Обсуждать
можно только одно: решена
задача или нет.
Артемий Лебедев
Контакты
craftsmandigital.ru
mail@craftsmandigital.ru
Тел.: 8 (343) 290-90-20
http://vk.com/galka_ha_galka

Галина Хазова
дизайнер

More Related Content

Viewers also liked

Набор правил оформления веб-страниц
Набор правил оформления веб-страницНабор правил оформления веб-страниц
Набор правил оформления веб-страницNimax
 
Как не нужно делать Landing Page
Как не нужно делать Landing PageКак не нужно делать Landing Page
Как не нужно делать Landing Pagecraftsmandigitalru
 
Конспект "Основные принципы графического дизайна" - Надя Кельм
Конспект "Основные принципы графического дизайна" - Надя КельмКонспект "Основные принципы графического дизайна" - Надя Кельм
Конспект "Основные принципы графического дизайна" - Надя КельмInternews Ukraine
 
Дизайн гайды
Дизайн гайдыДизайн гайды
Дизайн гайдыNimax
 
4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)LPgenerator
 
Презентация Webcom Media
Презентация Webcom MediaПрезентация Webcom Media
Презентация Webcom MediaWebcom Group
 
Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»
Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»
Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»School of Visual Communications
 
UX в интерфейсе и в жизни
UX в интерфейсе и в жизниUX в интерфейсе и в жизни
UX в интерфейсе и в жизниNimax
 
Психографическое сегментирование Censydiam
Психографическое сегментирование CensydiamПсихографическое сегментирование Censydiam
Психографическое сегментирование CensydiamБорис Бобылев
 

Viewers also liked (11)

Портфолио Оксаны Коромысловой ПОСЛЕ
Портфолио Оксаны Коромысловой ПОСЛЕПортфолио Оксаны Коромысловой ПОСЛЕ
Портфолио Оксаны Коромысловой ПОСЛЕ
 
Набор правил оформления веб-страниц
Набор правил оформления веб-страницНабор правил оформления веб-страниц
Набор правил оформления веб-страниц
 
Как не нужно делать Landing Page
Как не нужно делать Landing PageКак не нужно делать Landing Page
Как не нужно делать Landing Page
 
Конспект "Основные принципы графического дизайна" - Надя Кельм
Конспект "Основные принципы графического дизайна" - Надя КельмКонспект "Основные принципы графического дизайна" - Надя Кельм
Конспект "Основные принципы графического дизайна" - Надя Кельм
 
Модульные сетки в реальном мире
Модульные сетки в реальном миреМодульные сетки в реальном мире
Модульные сетки в реальном мире
 
Дизайн гайды
Дизайн гайдыДизайн гайды
Дизайн гайды
 
4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)
 
Презентация Webcom Media
Презентация Webcom MediaПрезентация Webcom Media
Презентация Webcom Media
 
Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»
Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»
Лекция Наталии Синепуповой «ДНК дизайна: композиция для дизайнеров и не только»
 
UX в интерфейсе и в жизни
UX в интерфейсе и в жизниUX в интерфейсе и в жизни
UX в интерфейсе и в жизни
 
Психографическое сегментирование Censydiam
Психографическое сегментирование CensydiamПсихографическое сегментирование Censydiam
Психографическое сегментирование Censydiam
 

Основы дизайна