cg&web 2010 melon ani mobile app design
DESCRIPTION
Anna Notovska from Melon BG designs Symbian and Windows Mobile applicationsTRANSCRIPT
Смарт телефон – Смарт дизайн
1. Дизайн на мобилни приложения*Смартфонът ще изпревари РС по продажби през 2012* Ovi store продава по 2.5 млн. Приложения на ден
Размер/Резолюция на екрана
Размерът/Резолюцията на екрана няма да достигнат тези на монитора
Фокусът е изцяло върху освобождаването на екрана от излишни елементи, а не запълването му
Стремеж за максимална интуитивност на дизайна
Персонализация
Стремеж за максимално придържане към вградените контроли за навигация
Запазване на логиката, която следват основния пакет от приложения
Смарт телефон – Смарт дизайн
1. Дизайн на мобилни приложенияСмартфонът ще изпревари РС по продажби през 2012
2. Примерни Проекти
A. Фонетични touch-screen клавиатури за Symbian
2. Примерни Проекти
Размер/Резолюция на екрана
Размерът/Резолюцията на екрана няма да достигнат тези на монитора
Фокусът е изцяло върху освобождаването на екрана отизлишни елементи, а не запълването му
Стремеж за максимална интуитивност на дизайна
Персонализация
Стремеж за максимално придържане към вградените контроли за навигация
Запазване на логиката, която следват основния пакет от приложения
A. Фонетични touch-screen клавиатури за Symbian
Първа итерация/предложение
Вертикален и хоризонтален изгледСин фон и синя гамаРезолюция 640x360Работа във Photoshop и JPG експорт
2. Примерни Проекти
A. Фонетни touch-screen клавиатури за Symbian
Втора итерация/предложение
Конвертиране във векторно изображениеAdobe Illustrator
2. Примерни Проекти
A. Фонетни touch-screen клавиатури за Symbian
Заключение
Форматът - вектор или пиксел - трябва да се уточни предварително
Недостатъци в софтуеъра при експорт за мобилни устройствада се имат предвид
За да постигнем мах интуитивност, се възползваме мах от заложените в OS и най-близки до основните параметри
2. Примерни Проекти
Какво да имаме предвид, когато рисуваме игра за мобилен телефон
МАЛЪК ЕКРАН
по-малко детайл
по-малко анимация
по-отчетливи шрифт и изображения
Touch Input* 2 mm минимум - Разстояние* 7-9 mm минимум - Размери
B. Flash Lite игра за Symbian S60
2. Примерни Проекти
B. Flash Lite игра за Symbian S60
Подготвяне на сториборд иконцепция
2. Примерни Проекти
B. Flash Lite игра за Symbian S60
2. Примерни Проекти
B. Flash Lite игра за Symbian S60
Създаване на прототип на играта в оригинален размер
Дефиниране на 2 основни състояния на обектите - преди и след
Ограничаване на обектите по сцената до 5-6 основни
2. Примерни Проекти
B. Flash Lite игра за Symbian S60
2. Примерни Проекти
B. Flash Lite игра за Symbian S60
2. Примерни Проекти
B. Flash Lite игра за Symbian S60
Създаване GAME екрани и икона на играта
57x57 pxSVG = Scalable Vector Graphic формат
Фокус върху функционалността
Usability – максимално бързо и лесно за потребителя
Спазване на принципите на заложената логика и навигация на конкретното устройство
