3. Android | Windows | IOS
Стиль. Ряд ограничений, которые, упрощают работу
дизайнерам приложений, делают её более
последовательной. Давая пользователю устойчивые
наборы паттернов в взаимодействии с устройством.
Две задачи. Передача печатной информации
и взаимодействий через навигацию и анимацию.
8. Metro
• Сетка — краеугольный камень стиля, она скрепляет весь
внешний облик интерфейса.
• Иерархия и ритм — создаются за счет правильного
использования типографики и помогают пользователю
сориентироваться в приложении.
• Контент важнее оформления — нет графическому мусору;
четкая структурая задается при помощи шрифтов и цвета.
• Плавность и движение — интерфейс живой и отзывчивый.
• Пиктограммы — быстрое ориентирование в приложении за
счет понятных символов.
9. IOS
"Настоящая простота является производным от
гораздо большего, чем отсутствие беспорядока и
украшательств. Речь идет о наведении порядка
в сложном. “ Джон Айв.
12. • Сетка – основа построения интерфейса, база
технологичности и кросплатформенности.
• Типографика – иерархия, ритм, форма. Взаимодействие
контента и фона.
•
Шрифт – использование sans-serif гарнитур, работа
контрастом размера и веса шрифта в одно гарнитуре
• Цвет – яркие, чистые цвета, контраст значимых объектов с
фоном.
Что получается?
13. Swiss style
Швейцарский стиль (называемый иногда Международным
Типографским стилем) является основным источником
вдохновения для плоского дизайна
14. Модульная сетка
Много ума не надо. Основное качество модульной
типографики – проектность. Главные
интеллектуальные усилия необходимо прикладывать
заранее, на берегу.
23. Шрифт
Один из главных секретов хорошего шрифтового
построения – использовать минимальное количество
размеров и видов шрифтов в одной работе.
Ян Чихольд 1946
Poster Jan Tschichold 1930
24. HelveticaЭтот шрифт стал основной Swiss Style которая также появилась в Швейцарии в 1957 году
и активно используется по сей день.
Helvetica Typeface,
Max Miedinger, Eduard Hoffmann,
1957. For Haas Type Foundry,
Münchenstein, Switzerland.
Inspired by the font Akzidenz
Grotesk, 1896.
27. Цвет
Цвет в material design
смелых оттенков сочетается
с приглушенными тонами,
глубоких теней и ярких
моментов. Цвет берет
вдохновение от
современной архитектуры,
дорожных знаков, разметки
дорожных ленты и
спортивных судов. Цвет
должен быть неожиданным
и ярким.
Einspuren - Spur Halten Hans Hartmann 1963
31. 10 правил
• Дизайн должен быть инновационным
• Дизайн должен быть вне времени
• Дизайн должен быть экологически чистым и не должен конфликтовать со средой
• Дизайн должен делать любой продукт удобным
• Дизайн должен делать продукт понятным
• Дизайн должен быть продуманным
• Дизайн должен быть эстетичным
• Дизайн должен быть честным
• Дизайн не должен быть навязчивым
• Чем меньше дизайна, тем лучше
41. Анимация
• Сжатие и растяжение.
• Сценичность (постоянный учёт того, как видит образ зритель)
• Сквозное движение (или доводка) и захлест действия.
Инерция.
• Добавление вторичных действий к основному действию
придает сцене больше жизни
• Каждому движению предшествует подготовка.
• Движение по дуге. Cила тяжести.