ux.artu.tv » Blog Archive » New Video Series: UI Design for Developers Series, by Total Training.

New Video Series: UI Design for Developers Series, by Total Training.

Hello! Ok a while ago I mentioned we had produced a short video series with Total Training called UI Design for Developers. Total Training invited us to visit them at NY where they have their studios and with their help we produced these 13 video series with quick tips & tricks for non designers to learn more about design. This is something I officially consider Part I because teaching design takes longer than just 13 videos but I hope these help you to get a little deeper into design. The videos are produced using Expression Design but all the tips and tricks work with Expression Blend too. I am already working on Part II of these series which I’ll make available in the future.

Also if you want more info on design check out this amazing website that will take you way deeper into Colors. Janet has done an amazing job providing good resources there.

For colors don’t forget ColourLovers.com now supports downloadable color palettes in Silverlight, WPF and Expression Design friendly formats.

We will publish all this content in the Expression Community site, an amazing resource for Designers but as usual I couldn’t resist so I’m licking out the videos here in my blog. Enjoy!

1 - Principles of Design Series:  Learning about Balance using Expression Design
| Video | Assets|

2 - Principles of Design Series:  Learning about Rhythm using Expression Design
| Video | Assets |

3 - Principles of Design Series:  Learning about Emphasis using Expression Design
| Video | Assets |

4 - Principles of Design Series:  Learning about Symmetry and Asymmetry using Expression Design
| Video | Assets |

5 - Principles of Design Series:  Learning about Unity using Expression Design
| Video | Assets |

6 - Principles of Design Series:  Learning about Points, Lines, and Form using Expression Design
| Video | Assets |

7 - Choosing Colors to Complement Your User Interface with Expression Design
| Video | Assets |

8 - Experimenting with User Interface Colors with Expression Design
| Video | Assets |

9 - Creating Mosaic and Tiled Patterns using Expression Design
| Video | Assets |

10 - Learning to Create Icons using Expression Design
| Video | Assets |

11 - Creating a Sample Icon using Expression Design
| Video | Assets |

12 - Designing a Glassy Button using Expression Design
| Video | Assets |

13 - Applying Effects to Bitmap Images using Expression Design
| Video | Assets |

shot.jpg

28 Responses to “New Video Series: UI Design for Developers Series, by Total Training.”

  1. haagel Says:

    Great! Thanks! :)

  2. Eoin Says:

    They were excellent…

    Loved the Icon tutorials, and the color wheel is very handy :)

    Cheers

    Eoin…

  3. Design for developers! Whatever next? « Life, the universe and whatever Says:

    […] what got me so up tight? I was browsing the Silverlight community area and happened upon this blog post from Arturo Toledo, a Microsoft Product Manager on the UX Platform & Tools team. They have […]

  4. Jim Argeropoulos Says:

    Thanks very much for the videos! Design is something I struggle with and am always looking for more information on. The color section was especially helpful for me.

  5. Maciek Says:

    Icons #2 - sound borked.

  6. Developers Learning Design « myblog = new james.mccutcheon.blog(); Says:

    […] Check it out here […]

  7. ArturoT Says:

    Hello Maciek! Re: Icons #2 video … the original idea was that I was drawing the icon from scratch and we realized it would take a long time so we “fast forwaded” the video without audio. The problem is the video doesn’t really look “fast forwarded”… , that part of the video doesn’t have audio on purpose, it’s just for your visual enjoyment. thanks!

  8. La Liga Silverlight » Serie de Videos: Diseño de IU para Desarrolladores Says:

    […] Toledo acaba de anunciar en su blog la disponibilidad de una serie de videos llamada “Diseño de Interfaz de Usuario para Desarrolladores”.  Son 13 de videos de corta duración en donde podemos encontrar tips y reglas de oro para […]

  9. David Roh Says:

    Thank you Arturo for doing these videos - as a developer working to become a designer, these are really appreciated.

    Looking forward to part II.

    David Roh

  10. Ben Hayat Says:

    Hi;

    Every time I see some news from this web site, I get excited. I’m downloading the videos to watch. I’m sure they are going to be great. Your contribution is great in this area. Keep them coming!

    Thanks a million!
    ..Ben

  11. Ben Hayat Says:

    Man, you’re good. I want to learn more from you. Do you have any books? Starting from video 10, it got really interesting. Where can I learn more of these types of designs?

    Thank you again!

  12. Programming with Silverlight, WPF & .NET » Neue Videoserie: UI Design für Entwickler Says:

    […] Entnommen von ux.artu.tv - Microsoft UX chit chat. […]

  13. Stefan Says:

    I second Hayats question, when will there be a book?

    Great work!!

  14. ArturoT Says:

    Thank you Stefan. So guys, tell me what you think… for developers, what do you like more to learn (for training):

    A - Books
    B - Video Series

    ? I’m curious :) I can certainly see a hybrid of a book that includes videos… what do you think?

  15. nosuic Says:

    Arturo congrats! Thank you very much, fabulous work !! As for the poll, i vote for the Video Series :D

  16. Video Tutorials: Principles of Design series - Silverlight σε απλά ελληνικά Says:

    […] Principles of Design series by Total Training […]

  17. UX Array » Blog Archive » Notebook Sketches by Arturo Toledo Says:

    […] the UX platform and tools, was a fun introduction into using the Expression tools to design. This class is on Arturo’s blog with assets and video, btw. After talking to Arturo, I was impressed and […]

  18. Shane Morris: UXB : UI Design for Developers Says:

    […] Toledo and Total Training have created an excellent series of short tutorials covering “UI Design for Developers”. Arturo focussed on aspects of visual design (rather than say, interaction design or usability) […]

  19. Jared Bienz's Blog : Blend Tips and Tricks Says:

    […] Arturo’s Design Assets & Recordings ux.artu.tv/?p=121 […]

  20. Cory Plotts’ Blog » UI Design for Developers Says:

    […] I thought I would also go ahead and also quickly point to Arturo Toledo’s blog and his UI Design for Developer Series. Arturo is designer who is a product manager at Microsoft and his blog has loads of designer […]

  21. Meredith Robinson Says:

    Wow Arturo! Your blog is very helpful. Can’t wait to dig in and try some of the things you demonstrated. Thanks for creating all of these great resources.

  22. Diseñando interfaces de usuario « Celula Spargo.Net Says:

    […] por linamoc en Tecnologia. Etiquetado:expression, GUI. No hay comentarios Colección de videos que proporcionan diversas técnicas para la creación de interfaces de usuario mediante las […]

  23. Tushar Saxena Says:

    Hey Arturo!
    Thanks for these tutorials! theyve been great. I just had one question. I’ve encountered a lot of difficulty in exporting the buttons in the Glassy Button tutorial to Blend to attach visual states to them and do various things with them in my Silverlight application. Is there any resource that helps with this step that you know of?

    Thanks a lot!

  24. UI Design for Developers « distilled template Says:

    […] UI Design for Developers Series by Total Training Tagged as: design tech software Leave a comment Comments (0) Trackbacks (0) ( subscribe to comments on this post ) […]

  25. Weekend Reading #3 Says:

    […] UI Design for Developers Series, by Total Training. […]

  26. Cory Plotts’ Blog » MIX10 Recap Says:

    […] session because Arturo is a designer PM for Microsoft. Last year he published a great series on UI Design for Developers. Unfortunately, they changed things around and he was not the one presenting but the content was […]

  27. Phu Says:

    Thank you for producing and posting these tutorials.

  28. handy Pornos Says:

    handy Pornos

    […]ux.artu.tv » Blog Archive » New Video Series: UI Design for Developers Series, by Total Training.[…]

Leave a Reply