ILISTEN VISUAL DESIGN PRCOESS• Concept    (iOS)• Scenario   (iOS)                ILISTEN• UI   flow (Android)• Prototype   ...
VISAUL COMMUNICATION      PART.1 FOR IOS
SCENARIOFIRST PRESENT TO RD
WIREFRAME
WIREFRAME
WORKING MODEL    BY ATEN
VISAUL COMMUNICATION                UI STYLE  more texture / more pattern / dark style
VISAUL COMMUNICATION    PART.2 FOR ANDROID
VISAUL COMMUNICATION            UI EVOLUTION HOMEPAGE                  SIGNAL
VISAUL COMMUNICATION                UI EVOLUTIONCOMMUNICATION                  EMERGENCY
VISAUL COMMUNICATION                  UI EVOLUTION BY CODEBY DESIGN
LAYOUT/common-use size   /common-use button   /same style
LAYOUT/common-use size   /common-use button   /same style
LAYOUT/common-use size   /common-use button   /same style
ICON DESIGNiOS icon    Android icon
TARNSITION / ANIMATION        BY FLASH
TARNSITION / ANIMATION         BY AE
Upcoming SlideShare
Loading in …5
×

App design process part IV

957 views

Published on

The simple process of APP Design Part IV for the course of UOID, uoid.drhhtang.net
A multidisciplinary collaboration course for user-oriented innovative APP design.

by drhhtang@NTUST

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
957
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

App design process part IV

  1. 1. ILISTEN VISUAL DESIGN PRCOESS• Concept (iOS)• Scenario (iOS) ILISTEN• UI flow (Android)• Prototype (Android)• UI design (Android)• App (Android)
  2. 2. VISAUL COMMUNICATION PART.1 FOR IOS
  3. 3. SCENARIOFIRST PRESENT TO RD
  4. 4. WIREFRAME
  5. 5. WIREFRAME
  6. 6. WORKING MODEL BY ATEN
  7. 7. VISAUL COMMUNICATION UI STYLE more texture / more pattern / dark style
  8. 8. VISAUL COMMUNICATION PART.2 FOR ANDROID
  9. 9. VISAUL COMMUNICATION UI EVOLUTION HOMEPAGE SIGNAL
  10. 10. VISAUL COMMUNICATION UI EVOLUTIONCOMMUNICATION EMERGENCY
  11. 11. VISAUL COMMUNICATION UI EVOLUTION BY CODEBY DESIGN
  12. 12. LAYOUT/common-use size /common-use button /same style
  13. 13. LAYOUT/common-use size /common-use button /same style
  14. 14. LAYOUT/common-use size /common-use button /same style
  15. 15. ICON DESIGNiOS icon Android icon
  16. 16. TARNSITION / ANIMATION BY FLASH
  17. 17. TARNSITION / ANIMATION BY AE

×