![Photoshop手机App界面设计实战入门](https://wfqqreader-1252317822.image.myqcloud.com/cover/966/24980966/b_24980966.jpg)
1.3 UI设计组成部分
在如今的UI设计领域,常规整套设计主要由ADS、画草图、低保真原型与高保真原型、Axure、图形界面设计等几部分组成。
1.3.1 ADS(Application Definition Statement)
ADS(Application Definition Statement)即应用定义声明,它由3个部分组成即:用户(audience)、定位(differentiator)、方案(solution)。
此部分在设计过程中要用一句话简短地说明应用(App)的作用,它能为(哪些)用户(在说明情况下)解决(什么)问题?从而展现出它的定位,然后列出最主要的功能,如图1.5所示。
![](https://epubservercos.yuewen.com/0A908B/13311736603833806/epubprivate/OEBPS/Images/figure_0013_0006.jpg?sign=1739286543-bFIZIvepyDc9Kja9Q2A3y2m3ZmMPJbNS-0-013d2df48633b1a34761e22d1106cc23)
图1.5 ADS功能图示
1.3.2 画草图
由于ADS是基于文字表达的一种方式,为了能更清楚明了的表达意图,这时就需要用画草图的方法来实现。既然是草图就无需精确的表达,只需要特别注意将整体的布局及重要的模块表现出来即可,同时可以根据实际情况来绘制彩色或者灰度的草图,如图1.6所示。
![](https://epubservercos.yuewen.com/0A908B/13311736603833806/epubprivate/OEBPS/Images/figure_0014_0007.jpg?sign=1739286543-4qDiTFw7GbrD6kY2lfeKoEYs8kzvBDQz-0-51f0a03aed8d45b9b55baa86fe13c03d)
图1.6 草图效果
Tips
如今更多的公司采用草图设计模版,它集快速、高效等多项优点于一身,而且由于模版本身采用硬质不诱钢结构,可以多次利用,图1.7所示为Android 4.0 UI 设计模版实物展示。
![](https://epubservercos.yuewen.com/0A908B/13311736603833806/epubprivate/OEBPS/Images/figure_0014_0008.jpg?sign=1739286543-m38AvMFmGBswqsYXJH8Vdl54JYcRNyQJ-0-c0a512f9b06fba2118cef6316cc6f4e2)
图1.7 Android 4.0 UI 设计模版实物展示
1.3.3 低保真原型与高保真原型
低保真原型是指将草图通过Axure、Mockup和Visio等交互设计软件在计算机上生成大致框架效果图。
高保真原型则追求细节(如屏幕尺寸、色彩细节等),比低保真原型更加耗时,高保真原型通常是在低保真原型得到确认后才开始制作,如图1.8所示。
![](https://epubservercos.yuewen.com/0A908B/13311736603833806/epubprivate/OEBPS/Images/figure_0015_0009.jpg?sign=1739286543-fp2siGmiilq5QmTX0j5hVqjI1XLlSmNo-0-ddd3e4d7a28caa2060e7cc903e1cd09c)
图1.8 框架效果图
1.3.4 Axure即 Axure RP
Axure RP是一个专业的快速原型设计工具,Axure代表美国Axure公司,RP则是Rapid Prototyping(快速原型)的缩写。在UI设计过程中它主要是让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师和界面设计师等,另外,架构师、程序开发工程师也在使用AxureRP,如图1.9所示。
![](https://epubservercos.yuewen.com/0A908B/13311736603833806/epubprivate/OEBPS/Images/figure_0016_0010.jpg?sign=1739286543-jvBxJEE694ycEFKB99m7ymxRuRRxKBSR-0-f3de646d4ae8fa2a2f6c22c97e45f44a)
图1.9 Axure RP界面
1.3.5 图形界面设计
图形界面设计是指在高保真原型完成的基础上,对其进行视觉细化设计,具有针对性的为图形添加阴影、高光、质感等效果。图形界面设计如图1.10所示。
![](https://epubservercos.yuewen.com/0A908B/13311736603833806/epubprivate/OEBPS/Images/figure_0017_0011.jpg?sign=1739286543-J8DRNO5MKr2LExXUyw57pu3UHDN1wtyD-0-61a63e6c29e4d8887bef8265dc9ebe35)
图1.10 图形界面设计