Please enable JavaScript.
Coggle requires JavaScript to display documents.
Mobile Design Pratice (Steps (Interaction Practice (Usability Design,…
Mobile Design Pratice
Steps
Familiar the official design guideline
Visual Design Practice
Subject: 12306(English Version)
Result
Login
Form
Specification
Search
Interaction Practice
Usability Design
Detail Interaction
....
Guidelines
IOS
https://developer.apple.com/ios/human-interface-guidelines/overview/themes/
Material Design
https://material.io/
Other Reference
IBM Design
https://www.ibm.com/mobile/mobilefirst-for-ios
https://www.ibm.com/design/language/
SAP Design
https://experience.sap.com/fiori-design-ios/
Ant Design
https://mobile.ant.design/
WeChat Design
https://github.com/Tencent/weui/blob/master/README_cn.md
Tips
Prototype Tools
Sketch
InvisionApp
Mocking bot / 墨刀
XD
Real-time Preview Tools
Photoshop
https://isux.tencent.com/resources/psplay/
Sketch Mirror
https://www.sketchapp.com/support/sketch-mirror/
https://crystal.smithy.productions/
XD
https://play.google.com/store/apps/details?id=com.adobe.sparklerandroid&hl=en
https://helpx.adobe.com/xd/help/preview-mobile.html
UI Kit Templates
https://facebook.design/
https://developer.apple.com/design/resources/
https://material.io/guidelines/resources/layout-templates.html#layout-templates-mobile
Subjects
Biz
BigSchedule
OmniOcean App ( Some major function )
OOCL Lite
My Podium
Others
12306
Evaluation
Usability
Interation
Information Architecture
Visual Hierarchy
Deliver Quality
Specification
Adaptiveness
Prototype
📱