PresentingExpressionBlend 3<br />Ricardo CastelhanoTrainer & Consultant @ ITech4All<br />
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
About Me<br />Ricardo Castelhano<br />Trainer & Consultant @ ITech4All<br />Mail: 	ricardo.castelhano@itech4all.com<br />r...
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
Introduction<br />UX Tool (Silverlight & WPF)<br />XAML, VB & C# Editor<br />Integration with Traditional Design Workflow<...
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
Import Your Own Artwork<br />
DEMO<br />Import Photoshop OR Illustrator Files<br />
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
How To Display My Content<br />http://404uxd.com<br />
DEMO<br />Layout Controls<br />
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
It Don’t Have To Be Static<br />
DEMO<br />Storyboards<br />
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
What About My Controls States<br />
DEMO<br />Visual State Manager<br />
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
Interactions? YES, But With No Code Please!<br />
DEMO<br />Behaviors<br />
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
All My Data Will Be Dynamic And My Developer Is Working On That<br />
DEMO<br />Design Time Data<br />
Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />...
Thank You<br />Ricardo CastelhanoTrainer & Consultant @ ITech4All<br />Mail:	ricardo.castelhano@itech4all.com<br />rc@rica...
Próximos SlideShares
Carregando em…5
×

Presenting Expression Blend 3 (2 Fev 2010)

530 visualizações

Publicada em

2010's first portuguese Microsoft Conference about the Web. Talking about the "new" Expression Blend 3.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
530
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • UXparaSilverlight &amp; WPFEditor XAML e C# com IntellisenseIntegração com o Workflow “tradicional” dos designersInteractividades “prontas a usar” … com possibilidade de se extenderemIntegração com os Developers, pois o projecto é o mesmo (facilversionamento entre Designer-Developer) Integração no Team Foundation Server … Blend passou a fazer parte do “ALM” – Application Lifecycle Management
  • Importação de ficheiros PSD ou AILive Effects do Photoshop e Illustrator não são importadosPhotoshop tem de vir em RGB
  • Importar so as imagens de backgroundProjecto: w:766 h:800
  • Um dos aspectos fundamentais do XAML (mostrar codigo gerado)Modo de funcionar é mais parecido ao XHTML + CSSPessoal do PRINT e FLASH têm de ter MAIOR cuidado até compreenderem o “papel” de cada ControlAdvertir para o facto dos designers costumarem “NAO” apagar as experiencias
  • Criar Grid 2x2Adicionar o LogoAdicionar StackPanel para o MenuAdicionar 4 buttons
  • Animacao Time-Based (Vantagens em relaçao ao Frame-Based)Animacao Frame-Based (é necessário o especificar no codigo XAML)Sem “Estado Inicial”Funçoes EASE !!!
  • - Criar a animaçao OnMouseOver e OnMouseOut do rectangulo de descriçao e ClickToZoom
  • Visual State Manager permite definir o estilo de simples interaccoes com os ControlsPermite facilmente se definir as interacções: MouseOver, Pressed, ...Atencao: Nao ha qualquer logica de codigo envolvida
  • - Formatar os Buttons do Menu através do VSM
  • Pacotes pré-criados de interaccoes que permitem a reutilizacao dos mesmos efeitos.Podem ser desenvolvidos pelos Developers, permitindo que os Designers só se preocupem mesmo com a parte criativa
  • Mostrar os Behaviors “PreBuilt” – aplicar o ControlStoryboardAction para controlar a Descricao e ClickToZoomMostrar o desenvolvimento de um pequeno BehaviorAdicionar o Behavior “EXPLODE”
  • Pode-seutilizar o XML Dataset quejávem no Blend ouimportar de um XML “custom”.Pode-se tambémimportar DATA via DataObjects- Há total flexibilidadepara se trocar entre SAMPLE e LIVE Data
  • Mostrar “Sample Data” com uma CollectionMudar a source das ImagensCriar uma ListBoxAlterar o Style dos DataItemsCriar um Detail View (ALT KEY)
  • Presenting Expression Blend 3 (2 Fev 2010)

    1. 1. PresentingExpressionBlend 3<br />Ricardo CastelhanoTrainer & Consultant @ ITech4All<br />
    2. 2. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    3. 3. About Me<br />Ricardo Castelhano<br />Trainer & Consultant @ ITech4All<br />Mail: ricardo.castelhano@itech4all.com<br />rc@ricardocastelhano.com<br />Blogs: http://www.ricardocastelhano.com<br /> http://xamlpt.com/blogs/ricardocastelhano<br />http://pontonetpt.com/blogs/ricardocastelhano<br />Twitter: @RicCastelhano<br />
    4. 4. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    5. 5. Introduction<br />UX Tool (Silverlight & WPF)<br />XAML, VB & C# Editor<br />Integration with Traditional Design Workflow<br />Design-Driven Interactivity<br />Developer Integration<br />TFS Support<br />
    6. 6. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    7. 7. Import Your Own Artwork<br />
    8. 8. DEMO<br />Import Photoshop OR Illustrator Files<br />
    9. 9. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    10. 10. How To Display My Content<br />http://404uxd.com<br />
    11. 11. DEMO<br />Layout Controls<br />
    12. 12. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    13. 13. It Don’t Have To Be Static<br />
    14. 14. DEMO<br />Storyboards<br />
    15. 15. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    16. 16. What About My Controls States<br />
    17. 17. DEMO<br />Visual State Manager<br />
    18. 18. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    19. 19. Interactions? YES, But With No Code Please!<br />
    20. 20. DEMO<br />Behaviors<br />
    21. 21. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    22. 22. All My Data Will Be Dynamic And My Developer Is Working On That<br />
    23. 23. DEMO<br />Design Time Data<br />
    24. 24. Agenda<br />Introduction<br />Import Your Own Artwork<br />How To Display My Content<br />It Don’t Have To Be Static<br />What About My Controls States<br />Interactions? YES, But With No Code Please!<br />All My Data Will Be Dynamic And My Developer Is Working On That<br />Q&A<br />
    25. 25. Thank You<br />Ricardo CastelhanoTrainer & Consultant @ ITech4All<br />Mail: ricardo.castelhano@itech4all.com<br />rc@ricardocastelhano.com<br />

    ×