• Login
  • Contact
  • Sitemap
  • Newsletter
  • Home
  • Extensions
  • Support
  • Resources
  • Store
About Contact Newsletter Contests Sitemap Contribute Statistics Privacy Policy
Commands Styles Textures Libraries Patterns Auto-Shapes Rich Symbols Swatches Plugins All Extensions
FAQ Tips and Tricks
Linkbase Articles Tutorials Video Tutorials Downloads Book Reviews
Commands Textures Libraries Illustration Patterns All Products ›
Home>Chapters>Graphics>Designing for mobile devices using Fireworks CS4 beta
  Printer-Friendly Version

Tutorial

  1. Introduction
  2. Design plays a vital role when developing user interfaces with the goal of creating rich immersive experiences for end users. Mobile application development involves many other factors besides setting the stage size to match small screens or mapping functions to a device's soft keys.

    The visual elements that comprise the user experience on mobile devices are themselves becoming more important as devices become more complex and users become more adept. I believe there is a great opportunity at this time to help shape the future of user interfaces on handheld devices and promote intuitive interaction as a standard. Making something beautiful, as well as functional, will result in an application that is useful and offers a more interesting and compelling experience for consumers.

    Put simply: small is beautiful. When interface design effortlessly fulfils the purpose of an application while also enhancing its aesthetic, there is a greater chance that the end product will be successful. Users are naturally more drawn towards an application that they view as enjoyable and engaging.

    During the pre-planning stage of mobile development, remember that you are designing applications for a mobile lifestyle meaning that your target audience may be anywhere in the world when they use your application. The key is to create elegant and simple designs that focus directly on the users' needs. A good mobile application is not only easy to use but provides entertainment and services on demand.

    In addition, you should strive to offer functionality that results in creative interactive experiences, because users tend to develop an emotional attachment to an application that they can personalize and customize to make it feel like their own. Build a project that includes visual and audio elements that are defined by user preferences and that offers an intuitive, enjoyable interface design and you've got a winning combination.

    It is fairly common for designers to think of Adobe Photoshop first when discussing their primary design tools. However, with the release of Fireworks CS4 beta, I feel that this mindset may change. Once you appreciate the power of Fireworks CS4 beta, you begin to realize that its integration with Photoshop offers an efficient workflow for crafting rapid design prototypes.

    I use Fireworks CS4 beta almost exclusively on every project I create for mobile devices. It is my first choice because I find it to be much more user friendly in terms of creating graphics and exporting files to a wide variety of formats. Additionally, the integration between Fireworks CS4 beta and Adobe Flash is just fantastic. This article provides real-world considerations and tips for creating assets for your mobile development projects using Fireworks CS4 beta.

1 2 3 Next >>
You can comment or ask your questions about this tutorial Contact
  • YouTubeYouTube
  • RSS FeedRSS Feed
  • RSS FeedDelicious
  • MXNAMXNA
  • TweeterTweeter
  • FacebookFacebook 1
  • FacebookFacebook 2

Become an author

  • Submit your tutorials and articles. Anyone can send in a contribution.
  • Learn More

Adobe Links

  • Acrobat.com
  • Adobe TV Fireworks
  • Adobe TV Learn CS4
  • The Edge Newsletter
  • Fireworks Developer Center
  • BrowserLab
  • Fireworks CS5 Help
  • Packaging Extensions with Extension Manager CS5
  • Extending Fireworks CS4
  • Fireworks CS4 Help
  • Fireworks Help & Support
  • Forums
  • Fireworks LiveDocs
  • Inspire Team
  • Fireworks Exchange

Advertisement

  • 1fichier.com
  • Website Optimization
  • Global Articles
  • http://www.phphosts.org
  • TheWikiMag
  • Custom Logo Design
  • WebHostingDeals.org
  • Loans
  • Free Software Downloads
  • Shareware Downloads and Reviews

Sponsored links

  • Xfinity On Demand Programming

Sponsored Links

Addiction Recovery

Products

Seamless Textures Dot Patterns Checker Patterns graphicxtras

Adobe User Groups

  • Singapore User Group
  • Adobe Fireworks - San Francisco

Latest Comments

  • Customizing Fireworks Splash Screen
    Thanks for the tip. It worked perfectly...
  • Modern styles
    Great. Thanks. I will be sure to use t...
  • Modern styles
    Hi Tia, There are 2 files in the zip...
  • Modern styles
    Very nice styles. Downloaded, but file ...
  • How to blur background in Adobe Fireworks
    Thanks for sharing. This will make a gre...
  • Dragnet wireframes kit for Adobe Fireworks
    Hi Thierry! Nice share - but how do I...
  • auto-sizing-fixed-width-text-blocks
    Very nice site!...
  • Crystal button
    Hi Patzee, You are right Inner Glow ...
  • Crystal button
    I'm using CS5 and there is no way to set...
  • Crystal button
    Awesome... ! thanks for this tut ... ...

Random Links

    Firenet
  • Firenet
  • All the sites

Latest Tutorials

  • Grunge Text
  • How to make transparent background
  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Adobe Fireworks Command Panel Icons
  • Gesture library

Latest Extensions

  • Windows Phone 7 Symbol Library for Adobe Fireworks
  • Gesture library
  • Texture Collection 144
  • SelectionToMXMLClipboard v1
  • Arc Auto Shape

Latest Articles

  • How to make transparent background
  • Adobe Fireworks Command Panel Icons
  • How to export or import Keyboard shortcuts
  • Adobe Fireworks CS5 Keyboard Shortcuts
  • Low Memory Options

Copyright © 2013 Fireworks Zone

Fireworks is a registered trademark of Adobe

Home | Privacy Policy |Contact | Sitemap