1. ЯК
Валюс Сашко

2. НЄ, НЄ ШОСЬ
НЕ ТО…

3. Як вариться
«Швейцарський дизайн»
1. Близькість
2. Вирівнювання
3. Повтор
4. Контраст

4. Правило #1
БЛИЗЬКІСТЬ

5. Пр. #1
Чак Норіс Техаський рейнджер
Тел. 0972345672
м. Шепетівка вул. В’язів, 13

6. Пр. #1
Чак Норіс
Техаський рейнджер
Тел. 0972345672
м. Шепетівка
вул. В’язів, 13

7. Я люблю:
кашалотів
жовті ґудзики
мідні дроти
марсіан
Я не люблю
Пр. #2 зелені окуляри
ванілін
чорний круг
Мені все одно:
всесвіт
біатлон
бізони

8. Я люблю:
кашалотів
жовті ґудзики
мідні дроти
марсіан
Я не люблю
Пр. #2 зелені окуляри
ванілін
чорний круг
Мені все одно:
всесвіт
біатлон
бізони

11. Правило #2
ВИРІВНЮВАННЯ

12. Пр. #1
Чак Норіс
Техаський рейнджер
м. Шепетівка
вул. В’язів, 13
Тел. 0972345672

13. Пр. #1
Чак Норіс
Техаський рейнджер
м. Шепетівка
вул. В’язів, 13
Тел. 097 234-56-72

14. Це прекрасно!
Пр. #3
Lorem ipsum dolor sit amet, consectetur adipi-
scing elit. Cras mattis blandit felis a auctor.
Nam aliquet nisl id neque tempor tristique.
Aliquam rutrum fringilla luctus. Duis iaculis,
metus eu porttitor malesuada, orci tortor con-
dimentum mauris, ut consectetur urna leo a
lectus. Nam sodales, purus eget commodo
Це ж просто свято!

15. Це прекрасно!
Пр. #3 Lorem ipsum dolor sit amet, con-
sectetur adipiscing elit. Cras
mattis blandit felis a auctor. Nam
aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla
luctus. Duis iaculis, metus eu port-
titor malesuada, orci tortor condi-
mentum mauris, ut consectetur
urna leo a lectus. Nam sodales,
purus eget commodo bibendum,
enim massa vulputate massa, quis
aliquam diam enim a risus. Sed
imperdiet pellentesque lorem, in
iaculis sem vehicula in. Do
Це ж просто свято!

16. Це прекрасно!
Пр. #3 Lorem ipsum dolor sit amet, con-
sectetur adipiscing elit. Cras
mattis blandit felis a auctor. Nam
aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla
luctus. Duis iaculis, metus eu port-
titor malesuada, orci tortor condi-
mentum mauris, ut consectetur
urna leo a lectus. Nam sodales,
purus eget commodo bibendum,
enim massa vulputate massa, quis
aliquam diam enim a risus. Sed
imperdiet pellentesque lorem, in
iaculis sem vehicula in. Do
Це ж просто свято!

17. НЕВИДИМІ ЛІНІЇ

18. Правило #3
ПОВТОРЕННЯ

19. Я люблю:
кашалотів
жовті ґудзики
мідні дроти
марсіан
Я не люблю
Пр. #2 зелені окуляри
ванілін
чорний круг
Мені все одно:
всесвіт
біатлон
бізони

20. Я люблю:
кашалотів
жовті ґудзики
мідні дроти
марсіан
Я не люблю
Пр. #2 зелені окуляри
ванілін
чорний круг
Мені все одно:
всесвіт
біатлон
бізони

21. Супер стаття!
Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras mattis blandit felis a adipiscing elit. Cras mattis blandit felis a
auctor. Nam aliquet nisl id neque tempor auctor. Nam aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla luctus. Duis tristique. Aliquam rutrum fringilla luctus. Duis
iaculis, metus eu porttitor malesuada, orci iaculis, metus eu porttitor malesuada, orci
tortor condimentum mauris, ut consectetur tortor condimentum mauris, ut consectetur
urna leo a lectus. Nam sodales, purus eget urna leo a lectus. Nam sodales, purus eget
Пр. #4
commodo bibendum, enim massa vulputate commodo bibendum, enim massa vulputate
massa, quis aliquam diam enim a risus. Sed massa, quis aliquam diam enim a risus. Sed
imperdiet pellentesque lorem, in iaculis sem imperdiet pellentesque lorem, in iaculis sem
vehicula in. Do vehicula in. Do
Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras mattis blandit felis a adipiscing elit. Cras mattis blandit felis a
auctor. Nam aliquet nisl id neque tempor auctor. Nam aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla luctus. Duis tristique. Aliquam rutrum fringilla luctus. Duis
iaculis, metus eu porttitor malesuada, orci iaculis, metus eu porttitor malesuada, orci
tortor condimentum mauris, ut consectetur tortor condimentum mauris, ut consectetur
urna leo a lectus. Nam sodales, purus eget urna leo a lectus. Nam sodales, purus eget
commodo bibendum, enim massa vulputate commodo bibendum, enim massa vulputate
massa, quis aliquam diam enim a risus. Sed massa, quis aliquam diam enim a risus. Sed
imperdiet pellentesque lorem, in iaculis sem imperdiet pellentesque lorem, in iaculis sem
vehicula in. Do vehicula in. Do
Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras mattis blandit felis a adipiscing elit. Cras mattis blandit felis a
auctor. Nam aliquet nisl id neque tempor auctor. Nam aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla luctus. Duis tristique. Aliquam rutrum fringilla luctus. Duis
iaculis, metus eu porttitor malesuada, orci iaculis, metus eu porttitor malesuada, orci
tortor condimentum mauris, ut consectetur tortor condimentum mauris, ut consectetur
urna leo a lectus. Nam sodales, purus eget urna leo a lectus. Nam sodales, purus eget
commodo bibendum, enim massa vulputate commodo bibendum, enim massa vulputate

22. СУПЕР СТАТТЯ!
Lorem ipsum dolor sit amet, consecte- Lorem ipsum dolor sit amet, consecte-
tur adipiscing elit. Cras mattis blandit felis a tur adipiscing elit. Cras mattis blandit felis a
auctor. Nam aliquet nisl id neque tempor auctor. Nam aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla luctus. Duis tristique. Aliquam rutrum fringilla luctus. Duis
iaculis, metus eu porttitor malesuada, orci iaculis, metus eu porttitor malesuada, orci
tortor condimentum mauris, ut consectetur tortor condimentum mauris, ut consectetur
urna leo a lectus. Nam sodales, purus eget urna leo a lectus. Nam sodales, purus eget
commodo bibendum, enim massa vulputate commodo bibendum, enim massa vulputate
massa, quis aliquam diam enim a risus. Sed massa, quis aliquam diam enim a risus. Sed
Пр. #4
imperdiet pellentesque lorem, in iaculis sem imperdiet pellentesque lorem, in iaculis sem
vehicula in. Do vehicula in. Do
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor sit amet, consecte- adipiscing elit. Cras mattis blandit felis a
tur adipiscing elit. Cras mattis blandit felis a auctor. Nam aliquet nisl id neque tempor
auctor. Nam aliquet nisl id neque tempor tristique. Aliquam rutrum fringilla luctus. Duis
tristique. Aliquam rutrum fringilla luctus. Duis iaculis, metus eu porttitor malesuada, orci
iaculis, metus eu porttitor malesuada, orci tortor condimentum mauris, ut consectetur
tortor condimentum mauris, ut consectetur urna leo a lectus. Nam sodales, purus eget
urna leo a lectus. Nam sodales, purus eget commodo bibendum, enim massa vulputate
commodo bibendum, enim massa vulputate massa, quis aliquam diam enim a risus. Sed
massa, quis aliquam diam enim a risus. Sed imperdiet pellentesque lorem, in iaculis sem
imperdiet pellentesque lorem, in iaculis sem vehicula in. Do
vehicula in. Do Lorem ipsum dolor sit amet, consecte-
tur adipiscing elit. Cras mattis blandit felis a
Lorem ipsum dolor sit amet, consecte- auctor. Nam aliquet nisl id neque tempor
tur adipiscing elit. Cras mattis blandit felis a tristique. Aliquam rutrum fringilla luctus. Duis
auctor. Nam aliquet nisl id neque tempor iaculis, metus eu porttitor malesuada, orci
tristique. Aliquam rutrum fringilla luctus. Duis tortor condimentum mauris, ut consectetur
iaculis, metus eu porttitor malesuada, orci urna leo a lectus. Nam sodales, purus eget
tortor condimentum mauris, ut consectetur commodo bibendum, enim massa vulputate

24. Правило #4
CONTRAST

25. Пр. #1
Чак Норіс
Техаський рейнджер
м. Шепетівка
вул. В’язів, 13
Тел. 0972345672

26. Пр. #1
Чак Норіс
Техаський рейнджер
м. Шепетівка
вул. В’язів, 13
Тел. 0972345672

27. Пр. #1
Чак Норіс
2 Техаський рейнджер 1
3
м. Шепетівка
4 вул. В’язів, 13
Тел. 0972345672

28. Ассоціація захисту дітей
Якщо вам хтось заважає…
Пр. #5 Магазин «Мамина Рушниця»
вул. Морозова, 12

29. 2
Якщо вам
хтось
заважає…
Пр. #5
1
3 Рушниця»
Магазин «Мамина
Ассоціація захисту дітей
вул. Морозова, 12

31. В курсі справи
ГРАФІЧНИЙ ДИЗАЙН ДЛЯ ЧАЙНИКІВ
1. Близькість. Елементи мають бути згруповані в
групи по смислу
2. Вирівнювання. Виводимо елементи в акуратний
та есететичний порядок
3. Повторення. Повторюваність створює гармонію
речей на сторінці
4. Контраст. Робить сторінку красивішою та
створює порядок зчитування

32. В курсі справи
ГРАФІЧНИЙ ДИЗАЙН
ДЛЯ ЧАЙНИКІВ
1 Близькість. Елементи мають бути згруповані в групи
по смислу
2 Вирівнювання. Виводимо елементи в акуратний та
есететичний порядок
3 Повторення. Повторюваність створює гармонію речей
на сторінці
4 Контраст. Робить сторінку красивішою та створює
порядок зчитування

33. ТИПО-
ГРА-
ФІКА

34. Типи шрифтів
Serif
Sans Serif
Sabr
Accent

35. Book Antiqua
Serif
З засічками

36. Helvetica
Sans
Без засічок

37. Rodeo
Sabr
Брусковий шрифт

38. Lo�ter
Акцидентні
Jacob
Рукописні
Aquarelle
Каліграфічні
Encient German Gothic
Готичнчі
Izhitsa
Ñëîâ’ÿíñüê³
qwerty
Символьні

39. Smarty Bold
Такі різні літери
Helios Cond Thin Helios Cond Thin Italic
Helios Cond Light Helios Cond Light Italic
Helios Cond Regular Helios Cond Italic
Helios Cond Bold Helios Cond Bold Italic
Helios Cond Black Helios Cond Black Italic
Helios Compressed Regular Helios Ultra Compressed
Helios Regular Helios Italic
Helios Bold Helios Bold Italic
Helios Black Helios Black

41. Такі різні літери (2)
Helios Ext Thin Helios Ext Thin Italic
Helios Ext Light Helios Ext Light Italic
Helios Ext Regular Helios Ext Italic
Helios Ext Bold
Helios Ext Bold Italic
Helios Ext Black
Helios Ext Black
[ 28 типів ]

42. Такі різні літери (3)
Суперсім’я
PF Agora Sans Pro
PF Agora Sabr Pro
PF Agora Serif Pro
[ 32 типи ]

43. ffi S as Sas
Sas as
Такі різні літери (2)
½ Open type
o
ol

44. ЗАБОРОНЕНО
1) Більше 3-х шрифтів
2) Більше 3-х кольорів
3) Прикольні шрифти
4) Фото на фоні
5) Змінювати шрифт
5) Крутити текст
6) Малі в розрядку

45. НІ ТАК
Заголовок1 Заголовок1
Заголовок2 Заголовок2
Sample text
Заголовок3 Заголовок3
Sample text

46. НІ ТАК
Заголовок1 Заголовок1
Заголовок2 Заголовок2
Sample text
Заголовок3 Заголовок3
Просто текст

47. www.colourlovers.com/

48. Adobe Illustrator CS4-5

49. НІ ТАК
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
mattis blandit felis a auctor. Nam aliquet nisl id neque tempor mattis blandit felis a auctor. Nam aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla luctus. Duis iaculis, metus eu tristique. Aliquam rutrum fringilla luctus. Duis iaculis, metus eu
porttitor malesuada, orci tortor condimentum mauris, ut con- porttitor malesuada, orci tortor condimentum mauris, ut con-
sectetur urna leo a lectus. Nam sodales, purus eget commodo sectetur urna leo a lectus. Nam sodales, purus eget commodo
bibendum, enim massa vulputate massa, quis aliquam diam enim bibendum, enim massa vulputate massa, quis aliquam diam enim
a risus. Sed imperdiet pellentesque lorem, in iaculis sem vehicula a risus. Sed imperdiet pellentesque lorem, in iaculis sem vehicula
in. Do in. Do
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
mattis blandit felis a auctor. Nam aliquet nisl id neque tempor mattis blandit felis a auctor. Nam aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla luctus. Duis iaculis, metus eu tristique. Aliquam rutrum fringilla luctus. Duis iaculis, metus eu
porttitor malesuada, orci tortor condimentum mauris, ut con- porttitor malesuada, orci tortor condimentum mauris, ut con-
sectetur urna leo a lectus. Nam sodales, purus eget commodo sectetur urna leo a lectus. Nam sodales, purus eget commodo
bibendum, enim massa vulputate massa, quis aliquam diam enim bibendum, enim massa vulputate massa, quis aliquam diam enim
a risus. Sed imperdiet pellentesque lorem, in iaculis sem vehicula a risus. Sed imperdiet pellentesque lorem, in iaculis sem vehicula
in. Do in. Do
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
mattis blandit felis a auctor. Nam aliquet nisl id neque tempor mattis blandit felis a auctor. Nam aliquet nisl id neque tempor
tristique. Aliquam rutrum fringilla luctus. Duis iaculis, metus eu tristique. Aliquam rutrum fringilla luctus. Duis iaculis, metus eu
porttitor malesuada, orci tortor condimentum mauris, ut con- porttitor malesuada, orci tortor condimentum mauris, ut con-
sectetur urna leo a lectus. Nam sodales, purus eget commodo sectetur urna leo a lectus. Nam sodales, purus eget commodo
bibendum, enim massa vulputate massa, quis aliquam diam enim bibendum, enim massa vulputate massa, quis aliquam diam enim
a risus. Sed imperdiet pellentesque lorem, in iaculis sem vehicula a risus. Sed imperdiet pellentesque lorem, in iaculis sem vehicula
in. Do in. Do

50. НІ ТАК
Тісно Тісно
99% – 101%
Хило Хило 8° 17°

51. ь
рт
ТАК
Ве
Круть
Верть
НІ
Кру ть

52. НІ
черепаха
ТАК
черепаха

53. Оточуйте
себе красивими
речима

54. Хороший дизайн
в інтернеті
behance.net
revision.ru
lookslikegooddesign.com
peopleofdesign.ru

55. Q?

56. Дякую за
увагу!
Валюс Олександр
valyus.com