15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex

ipod-santaclaus-128x128 As well as you know creating a polished user interface is an important part of a successful application. Although the Flex has powerful default skin and looks not bad. But from the business point of view you should consider more about the comany’s identity,unique, the difference from competitors and need meet the target customer’s sense. Then you need to be an ability to customize the look for your own. No matter you are just a beginner or an expertise, we all recommand these tutorials to read. Athough some of them seems very old by now written in 2006, but still very classical.  Okay,let’s enjoy!

Flex 2.0.1 – Understand Runtime CSS ( by Ted Patrick ) 
It introduced Runtime CSS example in Flex 2.0.1.Now your expecting CSS to be text based but in Flex’s case to support custom fonts, custom component skins, and graphics embedding the runtime format of CSS in Flex is SWF. Through it we could learn how to set up CSS in runtime.

Interface Customization in Adobe Flex ( by Tariq Ahmed )
It introduced Adobe Flex Interface Customization:the basics of Themes, Styles and Skins.
One of the great things about Flex is that you spend most of your time working on the business logic and workflow, and less on the cosmetic aspect. It is because the Flex default’s look-and-feel is great! The only problem of course is that most people won’t spend much time customizing the look, resulting in many Flex apps looking the same. But if you want your website application has own unique charming, you’d better customize in Adobe Flex by yourself.

Flex Quick Starts: Building an advanced user interface ( By Aral Balkan )
It is a basic tutorial published in Adobe Official Website which help you to quickly learn how to build an advanced user interface. 

Adobe Live Docs: Using Skins (N/A)
It is another tutorial published in Adobe Official Website. This topic describes how to add skins to Adobe Flex components by using ActionScript class files or image files. 

Skinning and theme support  ( by Glenn Ruehle, PDF file ) 
If you want to know the details of skinning and theme support in Flex 2 there is no better guide than Glenn Ruehle. Here are Glenn’s slides from his technical session on Skinning and Theme support at the Adobe Component Developers Summit.

Designing Flex 2 skins with Flash, Photoshop, or Fireworks ( by Narciso Jaramillo )
This article describes how to use Flash, Photoshop, Fireworks, or Illustrator to create a set of skins for the Flex component set. Using the skin template files provided with this article, you can draw your new skins, then go through a simple export process to create the skin asset files that Flex needs.

Designing Flex 3 skins and styles using Creative Suite 3 and Flex Builder 3 ( by Narciso Jaramillo )
This article provides an overview of the CS3 extensions and Flex Builder 3 features that automate the skinning and styling workflow.

Programmatic Skinning with Flex 2 ( by Kevin Hoyt ) 
It is also an OLD article written in Feb.2006. This article teach you how to create a programmatic skin in Flex 2.

Adobe Flex 2 Example: Skinning Framework support for 9-slice MovieClips from Adobe Flash Professional 8 ( by Waldo Smeets )
It is also an OLD article written in Feb.2006. It is supply the demo and source code download for the example which process of making your own expressive designs for the Adobe Flex Framework, through skins, has been dramatically improved in the new framework. 

Presentation on skinning and styling ( by Andrew Trice )
It is a very OLD article written in Dec.2006. You will download some demo source code.

Flex Skinning: Introduction w/ Buttons (Part 1) ( by John Blanco Littleton )
It is a very interesting articl and explain how to style, skin, and customize your Flex components in a humor sense. At least you won’t fell boring.

Flex Skinning: Programmatic Skins (Part 2) ( by John Blanco Littleton )
This time the author reviewed Button skinning and then launch into a discussion about how to skin using code rather than graphics.

Documentation for the Flex Skin Design Extensions
This article describes how to create skins for Adobe Flex applications by using Adobe Flash CS3, Adobe Illustrator CS3, Adobe Photoshop CS3, and Adobe Fireworks CS3, and then import the skins into a Flex Builder project.

How to Skin a Flex Video Player ( by Dolores Joya )
This is a small video tutorials for creating Flex skins from photoshop.It shows all details from “Create a New Flex Project” to “Test Project Turn Off the Scrollbars for the Flex Component”(see details by click above link).I think this tutorial is very easily understand for EVERYONE.

Flex Developer Center: Design
It is not a tutorial but a community for Flex Developer. You will get much resource of UI design—Include shared insights into the darkest corners of the Flex UI design from Experts.

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • DZone
  • Reddit
  • Technorati
  • StumbleUpon
  • Twitter
RSS Enjoy this Post? Subscribe to Ntt.cc

RSS Feed   RSS Feed     Email Feed  Email Feed Follow us Follow us
You can leave a response, or trackback from your own site.

13 Responses to “15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex”

  1. Y.Boy says:

    GooD!
    Thank you!

  2. [...] http://ntt.cc/2008/05/03/over-15-strongly-recommand-tutorials-you-must-read-for-creating-skins-and-t... Read More var blogurl=”http://www.asflex.cn”; var needemail=”1″; var nowurl=”http://www.asflex.cn/wp-content/themes/yuewei/jscript/getpost.php?id=110″; var md5 = “a19e90065b309c09c4b9ad73783907d9″; [...]

  3. [...] previous article 15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex, we have collected some wonderful tutoials. It helps us to understand how to create Skins and [...]

  4. [...] 在前面的15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex中,我们收集了一些非常精彩的Tutorials,帮助我们了解了如何在Flex中创建符合自己需要的Skins和Themes。知道了如何创建,很多人就会迫不及待的动手做自己的Skins和Themes了,我也相信大部分的Flex程序员都具有很好的艺术细胞,依靠自己的想象或者利用10+ great free Photoshop brush websites中的工具,可以按照自己的想象制作出自己满意的作品; 也有一部分人可能会非常“smart”的让google帮我们找一些资料/素材;也许有一些人在自己的收藏夹里就有类似于前面的a list of the best free vector graphics,free icons,images and sounds website这样的列表–这或多或少可以节省不少的时间。 [...]

  5. [...] 15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex (tags: flash flex skins Style themes tutorial) [...]

  6. [...] previous we have the tutorial about how to create Skins & Thenmes (@see 15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex) and also prepared many free beautiful icons (@see 480+ free and fresh icon sets help you to [...]

  7. [...] previou articles 5+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex and 480+ free and fresh icon sets help you to create your beautiful skins and themes in Flex, We [...]

  8. [...] 前面我们有了如何在Flex中创建Skins和Themes的教程(15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex),也准备好了非常多的可以供我们免费使用的icons(480+ free and fresh icon sets help you to create your beautiful skins and themes in Flex),那么在创建与众不同的Skins和Themes的时候,还有什么是我们所需要的呢?答案就是Fonts!不要小看这个我们只要打开电脑就可以看到的普通的不能再普通的东西,在你的Flex project中合理的使用他们,往往会给你带来画龙点睛的意外效果。下面是一篇字体资源列表,超过10万的字体可以供您选择,设计类的朋友们可以收藏一下: [...]

  9. [...] is tutorial in previous has introduced how to create Skins and Themes like 15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex and we aslo have many many free icons in hand (480+ free and fresh icon sets help you to create [...]

  10. [...] 15+ Strongly Recommend Tutorials You Must Read for Creating Skins and Themes( UI Design ) in Flex – … (tags: flex design skinning) [...]

Leave a Reply