App design process part IV
17
ILISTEN VISUAL DESIGN PRCOESS • Concept (iOS) • Scenario (iOS) • UI flow (Android) • Prototype (Android) • UI design (Android) • App (Android) ILISTEN
-
Upload
hsien-hui-tang -
Category
Education
-
view
638 -
download
6
description
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
Transcript of App design process part IV
ILISTEN VISUAL DESIGN PRCOESS
• Concept (iOS)
• Scenario (iOS)
• UI flow (Android)
• Prototype (Android)
• UI design (Android)
• App (Android)
ILISTEN
VISAUL COMMUNICATIONPART.1 FOR IOS
SCENARIOFIRST PRESENT TO RD
WIREFRAME
WIREFRAME
WORKING MODELBY ATEN
VISAUL COMMUNICATIONUI STYLE
more texture / more pattern / dark style
VISAUL COMMUNICATIONPART.2 FOR ANDROID
VISAUL COMMUNICATIONUI EVOLUTION
HOMEPAGE SIGNAL
VISAUL COMMUNICATIONUI EVOLUTION
COMMUNICATION EMERGENCY
VISAUL COMMUNICATIONUI EVOLUTION
BY CODE
BY 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 DESIGN
iOS icon Android icon
TARNSITION / ANIMATIONBY FLASH
TARNSITION / ANIMATIONBY AE
