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 |

February 5th, 2009 at 12:55 am
Great! Thanks!
February 5th, 2009 at 7:49 am
They were excellent…
Loved the Icon tutorials, and the color wheel is very handy
Cheers
Eoin…
February 5th, 2009 at 7:55 am
[…] 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 […]
February 5th, 2009 at 8:28 am
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.
February 5th, 2009 at 10:05 am
Icons #2 - sound borked.
February 5th, 2009 at 10:28 am
[…] Check it out here […]
February 5th, 2009 at 3:23 pm
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!
February 6th, 2009 at 12:33 pm
[…] 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 […]
February 6th, 2009 at 5:24 pm
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
February 6th, 2009 at 6:00 pm
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
February 6th, 2009 at 10:11 pm
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!
February 8th, 2009 at 3:50 am
[…] Entnommen von ux.artu.tv - Microsoft UX chit chat. […]
February 9th, 2009 at 12:48 pm
I second Hayats question, when will there be a book?
Great work!!
February 9th, 2009 at 2:57 pm
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?
February 12th, 2009 at 1:44 pm
Arturo congrats! Thank you very much, fabulous work !! As for the poll, i vote for the Video Series
February 13th, 2009 at 3:03 am
[…] Principles of Design series by Total Training […]
February 13th, 2009 at 9:54 am
[…] 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 […]
February 25th, 2009 at 5:34 pm
[…] 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) […]
April 6th, 2009 at 5:45 pm
[…] Arturo’s Design Assets & Recordings ux.artu.tv/?p=121 […]
April 20th, 2009 at 9:15 am
[…] 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 […]
May 1st, 2009 at 6:05 pm
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.
May 9th, 2009 at 8:07 pm
[…] 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 […]
June 1st, 2009 at 1:47 pm
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!
August 12th, 2009 at 7:44 pm
[…] 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 ) […]
November 22nd, 2009 at 5:53 pm
[…] UI Design for Developers Series, by Total Training. […]
March 21st, 2010 at 6:41 am
[…] 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 […]
April 15th, 2010 at 2:30 am
Thank you for producing and posting these tutorials.
September 20th, 2011 at 1:08 pm
handy Pornos
[…]ux.artu.tv » Blog Archive » New Video Series: UI Design for Developers Series, by Total Training.[…]