Photoshop手机App界面设计实战入门
上QQ阅读APP看书,第一时间看更新

1.3 UI设计组成部分

在如今的UI设计领域,常规整套设计主要由ADS、画草图、低保真原型与高保真原型、Axure、图形界面设计等几部分组成。

1.3.1 ADS(Application Definition Statement)

ADS(Application Definition Statement)即应用定义声明,它由3个部分组成即:用户(audience)、定位(differentiator)、方案(solution)。

此部分在设计过程中要用一句话简短地说明应用(App)的作用,它能为(哪些)用户(在说明情况下)解决(什么)问题?从而展现出它的定位,然后列出最主要的功能,如图1.5所示。

图1.5 ADS功能图示

1.3.2 画草图

由于ADS是基于文字表达的一种方式,为了能更清楚明了的表达意图,这时就需要用画草图的方法来实现。既然是草图就无需精确的表达,只需要特别注意将整体的布局及重要的模块表现出来即可,同时可以根据实际情况来绘制彩色或者灰度的草图,如图1.6所示。

图1.6 草图效果

Tips

如今更多的公司采用草图设计模版,它集快速、高效等多项优点于一身,而且由于模版本身采用硬质不诱钢结构,可以多次利用,图1.7所示为Android 4.0 UI 设计模版实物展示。

图1.7 Android 4.0 UI 设计模版实物展示

1.3.3 低保真原型与高保真原型

低保真原型是指将草图通过Axure、Mockup和Visio等交互设计软件在计算机上生成大致框架效果图。

高保真原型则追求细节(如屏幕尺寸、色彩细节等),比低保真原型更加耗时,高保真原型通常是在低保真原型得到确认后才开始制作,如图1.8所示。

图1.8 框架效果图

1.3.4 Axure即 Axure RP

Axure RP是一个专业的快速原型设计工具,Axure代表美国Axure公司,RP则是Rapid Prototyping(快速原型)的缩写。在UI设计过程中它主要是让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师和界面设计师等,另外,架构师、程序开发工程师也在使用AxureRP,如图1.9所示。

图1.9 Axure RP界面

1.3.5 图形界面设计

图形界面设计是指在高保真原型完成的基础上,对其进行视觉细化设计,具有针对性的为图形添加阴影、高光、质感等效果。图形界面设计如图1.10所示。

图1.10 图形界面设计