Дизайн WP приложений в Expression Blend – это весело! - презентация

1 Дизайн WP приложений в Expression Blend – это весело!

2 Принципы Metro в Windows Phone 7 приложениях; Прототипирование приложений при помощи Expression Blend SketchFlow; Дизайн приложения при помощи Expression Blend;

3 Принципы Metro в WP 7 приложения х Идеология Metro Организация работы интерфейса Windows Phone 7

4 METRO

5

6 Принципы METRO дизайна Легкий, простой, открытый, быстрый

7 Сконцентрируйтесь на сути, Играйте со свободным пространством, Выделяйте приоритеты

8 Качественная типографика Segoe WP

9

10

11 Хабы Организация работы интерфейса Windows Phone 7

12 Цель дать общее представление о контенте, завлечь пользователя и предоставить ему возможность двигаться дальше. Panorama

13 Pivot это основной элемент организации приложений. Pivot

14 Application bar

15 SketchFlo w Инструмент для скетчинга и прототипирования интерактивных приложений SketchFlow - часть Expression Blend

16 Что понадобиться? Expression Blend + SketchFlow + Visual Studio 2010 Windows Phone SDK (Windows Phone Developer Tools) SketchFlow Template v1 wp7sketchflow.codeplex.com - устанавливается из файла msi, автоматом добавляет шаблон на страницу нового проекта в Expression Blend wp7sketchflow.codeplex.com SketchFlow Template v2 cut.ms/bn5M - просто архив с шаблоном проекта, который необходимо распаковать в папку c:\users\[username]\Documentscut.ms/bn5M

17 SketchFlow Позволяет быстро экспериментировать с динамическими приложениями Огромное количество возможностей Быстрый обмен идеями Сбор и обмен отзывами Огромная ценность для бизнеса: Быстрый и недорогой способ предоставить клиенту готовый прототип решения

18 Прототип работающая штуковина, которую можно пощупать, потрогать, пожмакать, почувствовать. В нем может быть мало функциональности (например, всего одна, но работающая(!) функция).

19 Прототип не жалко выкинуть

20 Демо

21 Мы посмотрели Базовые возможности SketchFlow: –SketchFlow Map –Создание экранов и навигации между ними –Использование простых поведений –Возможности получения отзывов –Генерацию документа с описанием

22 Дизайн приложения в Expression Blend Разработка дизайна приложения

23 Демо

24 Что почитать? dynamic- prototyping.co m

25 ces/BlendTraining/Day.aspx?day=1#Intro ces/BlendTraining/Day.aspx?day=1#Intro us/cc us/cc X?ie=UTF8&tag=expr- 20&linkCode=as2&camp=1789&creative= &creativeASIN= X 377X?ie=UTF8&tag=expr- 20&linkCode=as2&camp=1789&creative= &creativeASIN= X Что почитать?

26 Обратная