Проектирование. Шаблон страницы
•
0 likes•436 views
Рассматриваем принципы гештальта, скелет сайта, шрифтовую пару и создаем макет главной страницы сайта кинотеатра. https://www.youtube.com/watch?v=H-0iP4Ck1xI&feature=youtu.be
Проектирование. Шаблон страницы
- 2. ПРИЕМЫ ФОРМАЛЬНОЙ КОМПОЗИЦИИ Формальная композиция - организация пространства таким образом, что форма становится содержанием. Мозг устроен таким образом, что группирует сходные элементы. Родченко, 1917 Рудольф Васильевич Паранюшкин
- 3. Признаки композиции: целостность, подчиненность главному второстепенного, уравновешенность. (визуальная иерархия) http://www.merciame.ic24.net/Merciame.html http://www.brakebillsu.com/lessons/00
- 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/
- 18. АКЦЕНТ http://www.brakebillsu.com/ Объекты располагаются в соответствии со значимостью.
- 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
- 27. ДОМАШНЕЕ ЗАДАНИЕ Сделать эскиз страницы сайта (свой и кинотеатра) Шрифтовая пара для 2-х заголовков (см. пример “Why not?”) Выбираем 2 примера со страницы http://www.awwwards.com/