Anna Notovska from Melon BG designs Symbian and Windows Mobile applications

3. Смарт телефон – Смарт дизайн
1. Дизайн на мобилни приложения
*Смартфонът ще изпревари РС по продажби през 2012
* Ovi store продава по 2.5 млн. Приложения на ден
Размер/Резолюция на екрана
Размерът/Резолюцията на екрана няма да
достигнат тези на монитора
Фокусът е изцяло върху освобождаването
на екрана от излишни елементи, а не запълването му
Стремеж за максимална интуитивност на дизайна
Персонализация
Стремеж за максимално придържане към вградените
контроли за навигация
Запазване на логиката, която следват основния
пакет от приложения

4. Смарт телефон – Смарт дизайн
1. Дизайн на мобилни приложения
Смартфонът ще изпревари РС по продажби през 2012

5. 2. Примерни Проекти
A. Фонетични touch-screen клавиатури за Symbian

6. 2. Примерни Проекти
Размер/Резолюция на екрана
Размерът/Резолюцията на екрана няма да
достигнат тези на монитора
Фокусът е изцяло върху освобождаването
на екрана от
излишни елементи, а не запълването му
Стремеж за максимална интуитивност на дизайна
Персонализация
Стремеж за максимално придържане към вградените
контроли за навигация
Запазване на логиката, която следват основния
пакет от приложения
A. Фонетични touch-screen клавиатури за Symbian
Първа итерация/предложение
Вертикален и хоризонтален изглед
Син фон и синя гама
Резолюция 640x360
Работа във Photoshop и JPG експорт

7. 2. Примерни Проекти
A. Фонетни touch-screen клавиатури за Symbian
Втора итерация/предложение
Конвертиране във векторно изображение
Adobe Illustrator

8. 2. Примерни Проекти
A. Фонетни touch-screen клавиатури за Symbian
Заключение
Форматът - вектор или пиксел - трябва да се уточни предварително
Недостатъци в софтуеъра при експорт за мобилни устройства
да се имат предвид
За да постигнем мах интуитивност, се възползваме мах от заложените в OS
и най-близки до основните параметри

9. 2. Примерни Проекти
Какво да имаме предвид,
когато рисуваме игра за
мобилен телефон
МАЛЪК ЕКРАН
по-малко детайл
по-малко анимация
по-отчетливи шрифт и
изображения
Touch Input
* 2 mm минимум - Разстояние
* 7-9 mm минимум - Размери
B. Flash Lite игра за Symbian S60

10. 2. Примерни Проекти
B. Flash Lite игра за Symbian S60
Подготвяне на
сториборд и
концепция

11. 2. Примерни Проекти
B. Flash Lite игра за Symbian S60

12. 2. Примерни Проекти
B. Flash Lite игра за Symbian S60
Създаване на прототип на играта в оригинален размер
Дефиниране на 2 основни състояния на обектите - преди и след
Ограничаване на обектите по сцената до 5-6 основни

13. 2. Примерни Проекти
B. Flash Lite игра за Symbian S60

14. 2. Примерни Проекти
B. Flash Lite игра за Symbian S60

15. 2. Примерни Проекти
B. Flash Lite игра за Symbian S60
Създаване GAME екрани и икона на играта
57x57 px
SVG = Scalable Vector Graphic формат

16. Фокус върху
функционалността
Usability – максимално
бързо и лесно за
потребителя
Спазване на принципите
на заложената логика и
навигация на конкретното
устройство

17. anotovska@melon.bg
http://www.melon.bg