Перед началом работы, рекомендую прочесть статью Обзор программы Nokia S40 ThemeStudio 2.2 (S40 3rd edition).
Там Вы найдете описание основных панелей Инструментов, диалоговых окон программы и вкладок. Данный обзор поможет Вам быстрее освоить навигацию в приложении Nokia S40 ThemeStudio 2.2 (S40 3rd edition).

• Прежде всего, все картинки для создания темы, должны соответствовать экрану телефона.
  Для примера будем использовать размер картинок для основного экрана 240х320 и для дополнительного экрана 128х160, т. к. этот формат является самым распространённым.
• Полоски можно использовать в формате .png, или .jpg
• Иконки в формате .png или .gif
• В процессе создания тему можно быстро скинуть на телефон для проверки - сохраняем тему, и если ваш телефон подключен к компьютеру, нажимаем кнопку с изображением телефона на панели инструментов. Если тема не была сохранена, то программа не даст возможности её скинуть на телефон.
• В названиях файлов темы и графических элементов можно использовать только английские буквы и цифры.

И так, открываем программу:

Выбираем формат темы кнопкой на панели инструментов.
Мы выбираем 240х320



1. Начнём с закладки – idle:

Idle Screen

• Wallpaper (main) - устанавливаем фоновую картинку.
  И если есть необходимость, убираем синие полосы, заменяя их на прозрачные.
• Background (idle status area) - верхняя полоска 240х46.
• Background (idle softkey area) - нижняя полоска 240х22.


Заменяем цвет шрифта на фоновой картинке, обращая внимание на читаемость.


• Idle Font Color – для часов.
• Idle Status Area Font Color – название оператора.
• Idle Softkey Area Font Color – на функциональных клавишах.

В данном случае специально оставим в надписи оранжевый цвет, чтобы было заметно, что цвет вроде и подходит для данной картинки, но читаемость надписи снижается.



Active idle

Здесь устанавливаем всё для активного режима ожидания.

• Active idle Row Highlight – полоса для выделенного текста 240х25.
• Active idle Shortcut Bar Highlight – полоса для выделения иконок 44х50.
• Остальные параметры этой закладки устанавливают цвет шрифтов.

Меняя цвета, не забываем проверять в телефоне, чтобы цвет шрифта не совпадал с цветом, на котором он будет отображаться.
На разных моделях телефонов активный режим отображается по-разному, протестируйте читаемость внимательней.



2. Закладка – Default

Background (main) - устанавливаем картинку, на которой будем читать контакты, сообщение, галерея и др.

Здесь мы тоже можем поменять цвет шрифта:

• Head Font Color - для названия раздела.
• Status Area Font Color - для времени и номера пункта меню.
• Softkey Font Color - для функциональных клавиш.

Выбранный нами цвет шрифтов будет на всех картинках в дальнейшем (кроме фона), не забываем о читаемости.
Также здесь можем установить кнопочные полоски для функциональных клавиш:
Left Softkey Background, Middle Softkey Background, Right Softkey Background - левая, центральная и правая, каждая размером 80х22. Они будут отображаться на всех картинках.



3. Закладка – Main Menu:

Grid View

• Background (grid view) – устанавливаем картинку под иконки.
• Grid Menu item Highlight и Reorder item Highlight - полосу (74х80) на которой будут отображаться иконки.
• Labelled Gird Menu Font Color - цвет шрифта в названиях иконок на экране.
• Labelled Gird Menu Highlight Font Color – цвет шрифта в названиях иконок на полосе 74х80.

Для наглядности, также использовала жёлтый цвет вместо белого.



List View

• List Menu item Highlight - меняем полосу (224х48).
• Menu/List Font Color – цвет шрифта на экране.
• Highlighted Menu/List Font Color – цвет шрифта на полоске List Menu item Highlight.

Здесь главное, что бы цвет шрифта, полоски и установленной картинки (закладка Default) не сливались в одну не читаемую массу.



Menu Icons

Если есть необходимость, заменяем стандартные иконки на другие.

• List – вид иконок списком и вкладками 46х48.
• Grid – вид иконок значками 74х62.
• Animated Grid – вид иконок с подписями 74х62, могут быть анимированные.

Основные иконки: Applications, Log, Contacts, Gallery, Media, Messaging, Organizer, PTT, Services, Settings, SIMATK. Желательно, чтобы вид иконки соответствовал её названию.


• Tab View Background - устанавливаем к каждой иконке картинку (можем одну и туже, а можем и разные) для режима телефона *меню – иконки – вкладки*, для тех моделей телефонов, где это необходимо. На этих картинках будет отображаться цвет шрифта, который мы установили (цвет шрифта текста в List View, а цвет шрифта сверху и снизу в Default).

Tab View

Tab Menu item Highlight – здесь установим полосу (43х48), на которой будут отображаться иконки для режима телефона *меню – иконки – вкладки*.



4. Закладка – General

Animations

Устанавливаем картинки:

• Screen Saver Animation (main) - для заставки.
• Startup image (main) - включение телефона.
• Shutdown image (main) – выключение телефона.
• Flip/Slide Open Animation (main) - открытие телефона.
• Flip/Slide Close Animation (main) – закрытие телефона.

Alerts

• Background (notes) – меняем полосу (236х114).
  Обращаем внимание на цвет шрифта и полосу, которые мы установили ранее (List View), чтобы всё это в телефоне при нажатии на кнопку *функции*(Options) не сливалось. Проверти читаемость.
• Wait Graphics - устанавливаем загрузочную полоску (220х24).
  Эта анимированная полоска также должна соответствовать теме.

Thumbnails – картинка в формате .gif, отображается в телефоне рядом с названием темы.



5. Закладка - Apps

Audio

• Radio Screen Background - здесь мы установили картинку для радио.
• Audio Player Background – картинка для плеера.
  Мы не установили картинку, чтобы показать, как программа хитрит. Хотя программа и отображает, что картинка установлена, но если вы её не устанавливали сами, то в телефоне её не будет.

Calendar

• Calendar Highlight Color - меняем цвет квадратика так, чтобы был виден цвет шрифта, который установили в List View. Цвет квадратика не должен также сливаться с полосой, которую мы установили в Alerts (236х114).
• Устанавливаем картинки на каждый месяц (можем установить одну на каждый месяц, а можем разные), обязательно в формате.jpg, иначе они будут не правильно отображаться. Проверяем читаемость на телефоне.

Forms

• Selected Form item Highlight – полоска активного выделения 224х34.
• Unselected From item Highlight – полоска не активного выделения 224х34.

Меняем цвет шрифта:


• Selected Form item Font Color – для полоски активного выделения
• Unselected From item Font Color – для полоска не активного выделения

Очень важно чтобы всё это читалось, не сливались полосы и цвет выбранного шрифта.
Проверьте это в телефоне (попробуйте создать новый контакт или написать сообщение).



6. Закладка Sounds

Устанавливаем мелодии

• Main Ringtone – мелодия звонка.
• Message Alert Tone – мелодия сообщения.
• Flip/Slide Open Tone – на открывание телефона.
• Flip/Slide Close Tone - закрывание телефона.
• Calendar Alert Tone – для календаря.
• Startup Duration (ms) и Shutdown Duration (ms) - для включения и выключения телефона.

Если звук на откр./закр. более 1сек., то можно увеличить время проигрыша, тогда при откр./закр. не будет обрываться звук. Формат звуков acc, mid, mp3, mp4.



В программе на панели инструментов кнопкой выбираем формат для маленького экрана (128х160m)



7. Закладка Mini Screen (для телефонов с дополнительным экраном):

Images (Mini)

Устанавливаем картинки

• Wallpaper (mini) – фон.
• Screen Saver Animation (mini) – заставка.
• Flip/Slide Open Animation (mini) и Flip/Slide Close Animation (mini) – открывание и закрывание.
• Startup image (mini) и Shutdown image (mini) – включение и выключение телефона.
• Background (mini) – для выполнения различных функций.

Colors (Mini)

• Calendar Highlight Color – меняем цвет полоски.
• Menu/List Font Color – цвет шрифта на картинке.
• Highlighted Menu/List Font Color – цвет шрифта на полоске Calendar Highlight Color.

Сохраняем тему. В программе на панели инструментов кнопкой переходим обратно на основной экран(240х320). Если на маленьком экране всё сделали правильно, то при возвращении на основной экран, программа отобразит заставку. Опять сохраняем тему.

Тестируем на телефоне, не забываем о читаемости.
При создании темы важна не только читаемость. В теме всё должно гармонично сочетаться: картинки, полоски и цвет шрифтов. Неповторимость теме придадут графические элементы созданные Вами. Фантазируйте. Сделайте свой телефон ещё красивее.