Upload
hsien-hui-tang
View
639
Download
6
Embed Size (px)
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
Citation preview
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