Help - Search - Members - Calendar
Full Version: Tips For Designing Better Nokia Themes
mobile9 Forum > ThemeMaking > Chat, Tutorials & Resources > Tutorials
Patrick
QUOTE
It's piece of art - so get creative!

    * A good Theme should be useful, usable, unique, and, above all, desirable. At their best, Themes are a clever combination of art, vital information, and good usability. For users, Themes are a way to express their individuality. Your Theme will be successful if it has something unique and personal. It’s like good clothing: it's nice to wear, nice to have, keeps you warm, and tells something about the person who wears it.
    * A proper Theme is much more than one new background. Be open-minded with all the possibilities provided by the Series 60 technology, such as nine-piece highlights or the possibility to create your own icons and sounds from scratch.
    * Design and revise. Even the best sketches need revising and require hard disciplined work to make them really good. As Hemmingway put it, "I write 99 pages of crap for every one page of masterpiece."
    * Follow your intuition and remember copyright issues - use only material of which you possess all copyrights.

Even though it's art, keep it usable

    * Keep it simple: text must be easily readable and, most importantly, icons (for example, battery) should remain informative. A user should find basic information such as clock, battery charge, and signal strength at first glance (See Figure 1).
    * Don't use the "idle" screen as your only reference screen. While it's easy to make it look good, it doesn’t tell anything about the actual usage of the Theme. Instead, use screens like "Applications" or "Calendar" with different views to judge how good your Theme is in day-to-day usage.
    * Indication is important: concentrate on highlighting. Wherever possible, there should be clear states for the "active" and "passive" modes.
    * Devices are small and text is even smaller - keep contrast high enough. A user should be able to easily read messages, even in low lighting conditions. Dark text on a light background is better than vice versa in most cases. (See Figure 2).
    * Reflections and drop shadows are a good way to provide better contrast for the icons and menu items - wisely used drop shadows provide a professional look. Remember that some devices don't support soft masks.
    * Less is usually more - choose a basic color scheme and follow that through the whole Theme. Concentrate on a color scheme that is harmonious and avoid too vibrant colors. It's a good idea to study a little bit of color theory in order to avoid problematic combinations.
    * Too many details create a restless Theme - don't squeeze too much into too small an area.

To be usable, it has to be consistent

    * Series 60 devices have almost 900 different objects that can be changed — so, it’s easy to get lost while creating a Theme. Take one basic idea for the Theme and focus on that. You will definitely have many great ideas, but don't try to fit them all into one Theme. Use these ideas to create additional Themes.
    * While you design your own icons, it's a good idea to study those symbols that surround you and your culture. The best icons are not just intuitive - they are easy to learn and recognize as well. Creating one excellent icon may take days, so don't rush.
    * In most cases, it's good to make big icons antialiased, but small ones (like those in View tabs) should be without antialiasing.
    * Remember the limitations of the target device. It's totally different to create a Theme for a Series 40 device than for a Series 60 device. Basically, it's better to start with Series 60 devices because they offer the best possibilities available in the market for Theme customization. For Series 40 devices, it’s relatively easy to port a Theme from Series 60 devices. You will need some fine-tuning since the screen is smaller and colors won't be same as they are in Series 60 devices.

Test your masterpiece

    * A good Theme will be excellent with proper user testing. Use your co-workers, friends, and random passers-by to obtain overall opinions and impressions. Ask two or three friends to use your Theme for a few days and to write down their opinions. It's always better to get feedback prior to release than afterwards.
    * Don't rely on what you see on your screen of the Series 40 or Series 60 Theme Studio application - use real devices as much as possible. Screen resolution and colors are different on the device than on the monitor. In particular, you'll notice a difference with the tone of colors and gradients.
    * There are four key aspects to testing a Theme: 1) suitability, 2) usability, 3) execution testing, and 4) delivery testing. You can find more information about these from the Forum Nokia document Series 40 And Series 60 Themes White Paper.
    * It's advised to have your Series 60 Theme *.sis files verified and signed using Symbian Signed. You can read more about from www.symbiansigned.com.

Figure 1: Good Theme design (Figure A, courtesy of MangoDesign) versus bad Theme design (Figure cool.gif.

1. Signal strength and battery charge graphics should always be easily located. Make it easy to see what the maximum/minimum level is as well as the current status.
2. Good indication is important. It's advised to have a clear triangle as the Scroll icon in the Control area with a strong contrast to the background.
3. View tabs are another important area to make usable. Highlight the active tab (current page), use a different color or tone for passive tabs, and make it easy to see if there are more tabs on the right (or left) to scroll.
4. Since the Application menu is one of the most viewed areas, it is a good place to test your Theme's usability. The icon text must be readable and highlighting should have enough contrast so that the users always know where they are.
5. There are many different icons that must stand out while using the device, such as "new message", "keypad locked", "bluetooth active", and so on. Remember to test your Theme so that the user can see these signs in every possible situation.


Official Nokia Theme Creating Guide (pdf):
Click Here
SKITSOfranic
what kind of software do u use to create themes i used the nokia studio software but it was a trial version i want a free one
adonisdemon
QUOTE(skitsofranic @ Apr 29 2007, 09:00 PM)
what kind of software do u use to create themes i used the nokia studio software but it was a trial version i want a free one
[right][snapback]322269[/snapback][/right]

Just register at Nokia to get a code. The theme creator is FREE.
Bishop_Bacon
Tutorial: Choosing the correct Carbide UI settings for your very own theme.

Hi, fellow S60 themers! byebye.gif
While doing themes with Carbide UI, you may have wondered why the background pictures you have chosen so carefully looked distorted when you deployed the theme to your phone. Or why the nice analogue clock you created had pixely edges although it seemed to look OK in the Carbide UI. Or maybe your phone even didn't accept your theme at all, bugging you with the "theme corrupt" message?

Such things happen mostly because themers choose
- the wrong settings in the "Create a new theme" menu at the beginning of the theming process
- the wrong settings in the "Create a new sis package" menu at the end of the theming process
- or the wrong display size.

To avoid these inconveniences, I recommend this walkthrough:

1. Get crucial information about your phone
First you have to find out which S60 Edition ("developer platform") your phone belongs to and which display size it has.
Go to the Device Specifications provided by Nokia and select your phone from the "Select Device" scrolldown list.
In the "Technical specs" list on the left, you can now look up the required infos about the "Developer platform" and "Display" of your phone.

2. Choose the correct template in the Carbide UI when creating a new theme
In the "Create a new theme" screen of the Carbide UI you see a small scrolldown menu:
user posted image

For all Series 60 3d Edition or 3d Edition Feature Pack 1 phones you have to select "Base Graphics"

For all 2nd Edition, 2nd Edition Feature Pack 1, 2nd Edition Feature Pack 2 or 2nd Edition Feature Pack3 phones you have to select "S60 2nd Edition FP2"

3. Then choose the correct display size for your phone from the scrolldown menu:
user posted image

4. When you're finished with your theme and call up the "Create a new sis-package" screen, make sure that you select the correct Developer platform of your phone (as looked up in the Nokia Device Specifications in step 1) in the target platform scrolldown menu:
user posted image

(Note that 3d Edition and 3d Edition Feature Pack 1 themes need to be signed with a keypair.)

Happy theming! user posted image
adonisdemon
That's very useful BB thumbsup.gif
SKITSOfranic
yeah i did register but it still only gave me a 15 day trial
adonisdemon
There is a link to get the code when it prompts you of the 15 day trial etc. Just click on it to get the code!
SKITSOfranic
thank u sir
sanfoura
thanks
kevivek
Quite an enlightening post. Awesome work expert_21.
BEX80X
Some awesome pointers in your post - thank you smile.gif
srk_ankit
really very important thread , thnx alot , buddies smile.gif
sajad24
please somone help me. i need theme maker for my cell phone 5610 notworthy.gif notworthy.gif notworthy.gif
djfreecko
QUOTE(sajad24 @ Feb 23 2008, 12:10 AM)
please somone help me. i need theme maker for my cell phone 5610 notworthy.gif  notworthy.gif  notworthy.gif
[right][snapback]476599[/snapback][/right]




get it frm www.nokia.com byebye.gif
obed_james
QUOTE(Bishop_Bacon @ Apr 30 2007, 07:56 AM)
Tutorial: Choosing the correct Carbide UI settings for your very own theme.

Hi, fellow S60 themers! byebye.gif
While doing themes with Carbide UI, you may have wondered why the background pictures you have chosen so carefully looked distorted when you deployed the theme to your phone. Or why the nice analogue clock you created had pixely edges although it seemed to look OK in the Carbide UI. Or maybe your phone even didn't accept your theme at all, bugging you with the "theme corrupt" message?

Such things happen mostly because themers choose
- the wrong settings in the "Create a new theme" menu at the beginning of the theming process
- the wrong settings in the "Create a new sis package" menu at the end of the theming process
- or the wrong display size.

To avoid these inconveniences, I recommend this walkthrough:

1. Get crucial information about your phone
First you have to find out which S60 Edition ("developer platform") your phone belongs to and which display size it has.
Go to the Device Specifications provided by Nokia and select your phone from the "Select Device" scrolldown list.
In the "Technical specs" list on the left, you can now look up the required infos about the "Developer platform" and "Display" of your phone.

2. Choose the correct template in the Carbide UI when creating a new theme
In the "Create a new theme" screen of the Carbide UI you see a small scrolldown menu:
user posted image

For all Series 60 3d Edition or 3d Edition Feature Pack 1 phones you have to select "Base Graphics"

For all 2nd Edition, 2nd Edition Feature Pack 1, 2nd Edition Feature Pack 2 or 2nd Edition Feature Pack3 phones you have to select "S60 2nd Edition FP2"

3. Then choose the correct display size for your phone from the scrolldown menu:
user posted image

4. When you're finished with your theme and call up the "Create a new sis-package" screen, make sure that you select the correct Developer platform of your phone (as looked up in the Nokia Device Specifications in step 1) in the target platform scrolldown menu:
user posted image

(Note that 3d Edition and 3d Edition Feature Pack 1 themes need to be signed with a keypair.)

Happy theming! user posted image
[right][snapback]322663[/snapback][/right]


Thanks its great. Helped me. was useful. notworthy.gif notworthy.gif
bk-artist
thank u!+
verg
10.gif nice,,, this is very usefull... 10.gif
happy7007
That's very useful!!
happy7007
very useful!
thanks a lot!
cute_heart
really very important information thank you very much
gvsviper
Thank you !
technoviz
The Nokia Symbian^3 Developer's Library is a cool package of info for developers who wish to use Symbian^3 to develop mobile C++ apps!!
Download the library here http://bit.ly/cAqY83
eliasjan
Thanks From All Of You Keep It Up Guys
akhilnn
thnx 4 d info
san-sagar
thanks...***
shalvinCalicut
Thanks
AJISHOOMMEN
Thanks for sharing
Banty135
Nice
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.