Рассматриваем принципы гештальта, скелет сайта, шрифтовую пару и создаем макет главной страницы сайта кинотеатра. https://www.youtube.com/watch?v=H-0iP4Ck1xI&feature=youtu.be

1. Designfor
People
Alexandra Miracle
Проектирование.
Шаблон страницы

2. ПРИЕМЫ ФОРМАЛЬНОЙ КОМПОЗИЦИИ
Формальная композиция - организация пространства таким образом, что форма
становится содержанием.
Мозг устроен таким образом, что группирует сходные элементы.
Родченко, 1917 Рудольф Васильевич Паранюшкин

3. Признаки композиции: целостность, подчиненность главному второстепенного,
уравновешенность. (визуальная иерархия)
http://www.merciame.ic24.net/Merciame.html
http://www.brakebillsu.com/lessons/00

4. http://www.wloks.com

5. http://www.adidas.co.uk

6. СКЕЛЕТ САЙТА
ШАПКА/HEADER
ТЕЛО/BODY
ПОДВАЛ/FOOTER
КОПИРАЙТ/COPYRIGHT

7. ПРИНЦИПЫ ГЕШТАЛЬТА
БЛИЗОСТЬ
Предметы, расположенные ближе друг к другу воспринимаются более как целостное,
нежели чем удаленные.
http://www.apollo-magazine.com

8. СХОЖЕСТЬ
Предметы, имеющие схожие характеристики, воспринимаются более связанными, чем таковые,
не имеющие данных характеристик.
www.themoscowtimes.com/news/

9. ПАРАЛЛЕЛИЗМ
Предметы, параллельные друг другу, более связанные, чем те, которые не параллельны.
http://www.doudoublues.com/histoire

10. ПРОДОЛЖЕНИЕ
Те элементы, которые находятся на одной прямой, воспринимаются как одно целое, чем элементы,
которые вовне.
http://www.ulisiggmovie.com/en

11. СИНХРОННОСТЬ
Предметы, движущиеся в одном направлении воспринимаются более связанные, чем те,
которые двигаются в ином или противоположном направлениях.
http://poc-sculpture.com/

12. ОБЩИЕ ОБЛАСТИ
Объекты воспринимаются как единое целое, если они находятся в рамках одной замкнутой области.
http://www.rjsmith.co.uk/

13. ФОКУСНЫЕ ТОЧКИ
Объекты с акцентом или отличием захватывают и удерживают внимание зрителя.
http://shft.run/

14. ОПЫТ
Объекты воспринимаются на основе прошлого опыта наблюдателя.
http://www.gitman.com/

15. ЗАКОН ПРОСТОТЫ
Люди воспринимают и интерпретируют неоднозначные или сложные изображения в самой простой
из возможных форм.
http://www.awwwards.com/sites/slay-your-next-giant/

16. ЗАМЫКАНИЕ
Достраивание объекта до цельного образа.
http://www.apple.com/

17. КОНТРАСТ
http://creogram.com/

18. АКЦЕНТ
http://www.brakebillsu.com/
Объекты располагаются в соответствии со значимостью.

19. БАЛАНС
http://www.apple.com/

20. РИТМ
http://mindful.com.sg/

21. СИММЕТРИЯ И ПОРЯДОК
http://mindful.com.sg/
Симметричные объекты создают ощущение плотности и порядка
http://sendthanks.to/

22. ВИЗУАЛЬНАЯ ИЕРАРХИЯ
Заголовок 1-го уровня
Заголовок 2-го уровня
Заголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
Заголовок 1-го уровня
Заголовок 2-го уровня
Заголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
Why not?
Les kiosques pour l'Édition 2016 du Suprême Laitier
sont maintenant en vente ! Ne manquez pas la chance
de faire connaître votre entreprise lors de cet événe-
ment laitier d'envergure ! Contactez Jenny Henchoz
pour plus d'informations, jhenchoz@expo-agricole.com
Why not?
Les kiosques pour l'Édition 2016 du Suprême Laitier
sont maintenant en vente ! Ne manquez pas la chance
de faire connaître votre entreprise lors de cet événe-
ment laitier d'envergure ! Contactez Jenny Henchoz
pour plus d'informations, jhenchoz@expo-agricole.com

24. Основной шрифт
Акцидентный
Corbel A a B b C c D d E e F f G g H h I i J j K k L l M m
MagistralC A a B b C c D d E e F f G g H h I i J j K k L l M m
Bold
Corbel A a B b C c D d E e F f G g H h I i J j K k L l M m
Regular
Bold
MagistralC A a B b C c D d E e F f G g H h I i J j K k L l M m
Regular
ШРИФТОВАЯ ПАРА
http://fonts2u.com
http://www.allfont.net
https://www.1001fonts.com
https://myfontscom

25. http://www.awwwards.com
http://www.templatemonsters.com
https://www.thebestdesigns.com
https://creately.com

26. ДЕЛАЕМ САЙТ КИНОТЕАТРА

27. ДОМАШНЕЕ ЗАДАНИЕ
Сделать эскиз страницы сайта (свой и кинотеатра)
Шрифтовая пара для 2-х заголовков (см. пример “Why not?”)
Выбираем 2 примера со страницы http://www.awwwards.com/