- Photoshop CC移動UI設計實戰從入門到精通
- 水木居士
- 823字
- 2019-03-07 12:46:09
實例002 UI設計組成部分
在如今UI設計領域,常規整套設計主要由ADS、畫草圖、低保真原型與高保真原型、Axure、圖形界面設計等幾部分組成。
1. ADS
ADS(Application Definition Statement)即應用定義聲明,它由3個部分組成:用戶(audience)、定位(differentiator)、方案(solution)。
在設計過程中一句話簡短說明應用(APP)的作用,它能為(哪些)用戶(在說明情況下)解決(什么)問題?從而展現出它的定位,然后列出最主要的功能。功能圖如圖1.1所示。

圖1.1 ADS功能圖示
2.畫草圖
由于ADS是基于文字表達的一種方式,為了能更清楚明了地表達意圖,這時就需要以畫草圖的方法來解決,既然是草圖就無須精確的表達,只需要特別注意將整體的布局及重要的模塊表現出來即可,同時可以根據實際情況繪制彩色或者灰度的草圖,如圖1.2所示。

圖1.2 草圖效果
提示
如今更多的公司采用草圖設計模板,它集快速、高效等多項優點于一身,而且由于模板采用了硬質不銹鋼結構,可多次利用。圖1.3所示為Android 4.0 UI設計模板實物展示。

圖1.3 Android 4.0 UI設計模板實物展示
3.低保真原型與高保真原型
低保真原型是指將草圖通過Axure、Mockup和Visio等交互設計軟件在計算機上生成大致框架效果圖,高保真原型則追求細節(如屏幕尺寸、色彩細節等),高保真原型的制作比低保真原型更加耗時,所以通常在低保真原型得到確認后才開始制作。框架效果如圖1.4所示。

圖1.4 框架效果圖
4. Axure即Axure RP
Axure RP是一個專業的快速原型設計工具,Axure代表美國Axure公司,RP則是Rapid Prototyping(快速原型)的縮寫。它主要負責UI設計過程中的定義需求和規格,使設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。Axure RP作為專業的原型設計工具,它能快速、高效地創建原型,同時支持多人協作設計和版本控制管理。
Axure RP的使用者主要包括商業分析師、信息架構師、可用性專家、產品經理、IT咨詢師、用戶體驗設計師、交互設計師和界面設計師等。
5.圖形界面設計
在高保真原型完成的基礎上,對其進行視覺細化設計,具有針對性地為圖形添加陰影、高光、質感等效果。圖形界面設計如圖1.5所示。

圖1.5 圖形界面設計
- AutoCAD 2010中文版基礎教程(第2版)
- Cacti 0.8 Beginner's Guide
- 中文版Photoshop 2020基礎教程
- 工業軟件研發、測試與質量管理論叢
- 大規模組織DevOps實踐
- Photoshop網店美工實例教程(第2版 全彩微課版)
- Indesign平面排版技術應用
- 中文版Photoshop CS6應用技法教程
- 用Multisim玩轉電路仿真
- PHP and MongoDB Web Development Beginner's Guide
- Revit技巧精選應用教程
- Oracle E/Business Suite R12 Supply Chain Management
- Creo 4.0中文版基礎教程
- Getting Started with Oracle Hyperion Planning 11
- UG NX 9.0模具設計工廠實訓