1. Expression
Blend
NguyenPham
Pham.nguyen@Hotmail.com
http://phamnguyen.info

2. Windows Phone Microsoft confidential.

3. Windows Phone Microsoft confidential.
UI Design with
Expression Blend

4. Windows Phone Microsoft confidential.
ME
TR

5. Windows Phone Microsoft confidential.

6. Windows Phone Microsoft confidential.
VisualStudio
IDEforsoftwareengineer
BothcanbeusedtodevelopUIfor
WindowsPhone
Bothtoolscanworkonthesameprojectfiles
Evenatthesametime
6

7. Windows Phone Microsoft confidential.7

8. Windows Phone Microsoft confidential.
Animations

9. Windows Phone Microsoft confidential.
Inan animation, you
change one or more
properties of a control over
a time duration
Blend allows you tocreate
and test animations
graphically
9

10. Windows Phone Microsoft confidential.
More realistic animations can be
created by applying an easing function
Forexample,startslowly,thenspeedupinthe
middle,andgraduallycometoahalt
Properties change linearly by default
10

11. Windows Phone Microsoft confidential.
Demo:Animations

12. Windows Phone Microsoft confidential.
Design-Time Data

13. Windows Phone Microsoft confidential.
Design-time data is essential for
designers toget the full benefits
of WYSIWYG designing
Blend allows you tocreate
sample data, toimport it
from XMLor generate it
from an existing class
13

14. Windows Phone Microsoft confidential.

15. Windows Phone Microsoft confidential.
EasilyeditthenumberofwordsExpressionBlend
generatesforeachstringfield
Editthemaximumlengthofeachword

16. Windows Phone Microsoft confidential.
Edit the sample data XMLfile that Expression
Blend generates

17. Windows Phone Microsoft confidential.
Demo:
Design-Time Data

18. Windows Phone Microsoft confidential.
Custom Control
Templates

19. Windows Phone Microsoft confidential.
Visually edit
Controllayout
Visualstates
Statetransitions
Blend is an ideal tool for creating
custom control layouts
19

20. Windows Phone Microsoft confidential.
Demo: Designing
Custom Control
Templates

21. Windows Phone Microsoft confidential.21

22. © 2011 Microsoft Corporation.
All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of
Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to
changing market conditions, it should not be interpreted to be a commitment on the part of
Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the
date of this presentation.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO
THE INFORMATION IN THIS PRESENTATION.