app ui设计指南参考文档

app ui设计指南参考文档

ID:10425377

大小:43.00 KB

页数:2页

时间:2018-07-06

app ui设计指南参考文档_第1页
app ui设计指南参考文档_第2页
资源描述:

《app ui设计指南参考文档》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、2/2AppUI设计指南1、概念创意首先,要确定你的创意还没有人做过。如果你发现已经有类似的app,那你需要比它做的更好,有一些独特的优化设计。最好的调查方式是到AppStore上搜索已有的App程序。2、App定位当公司有了创意,还需要有个明确的定位,它会在后续的设计过程中决定app的设计要点。app定位可以通过苹果的人机界面指南(HumanInterfaceGuidelines)图来确定。距离图中坐标原点位置越远的app,特点越明显,越需要精美易用的界面设计,让他们与其他竞争者明显区分开来。App定位一般在原点位置,即简单使用的辅助工具。3、核心功能确定App定位后,接下来需要聚焦App

2、的核心功能。在团队合作设计时,这一点尤其重要。团队在提出各种功能需求时,很容易陷入哪些功能要包含在第一个版本中的争论。这个过程叫设计ADS(ApplicationDefinitionStatement),或者叫设计精简的ADS。4、产品草图走到这一步,很多人会认为对App的设计已经想的很清楚,可以直接开始设计图形界面甚至编码了。实际上,前面的过程,仅仅设计的导入阶段。UI设计师接下来要做的,是产品草图设计。一般我们用纸和笔来画,它们是最简单,学习成本最低的工具。按照我们的设计经验,勾画出用户需要用到的界面,包括像按钮之类的界面交互元素;筛选出核心用户最常用的,最适合移动应用场景的功能。5、功

3、能穿越功能穿越要设计的是辅助工具软件,通常只需要主界面,和一个在背面显示相关信息的辅助界面,它通过信息按钮触发后翻转显示。如果UI设计的是其它app,就需要更多的界面。重点是要设计界面与界面之间的切换方式,这一点在设计交付给开发人员时会显得尤其重要,这个过程叫做App功能穿越(AppFunctionalityWalkthrough)。6、低保真原型现在,开始App的低保真原型设计。重点是不要陷入过多的细节,低保真只是把你纸面上的草图数字化,便于在电脑上持续的改进。所以,尽量使用黑白,粗糙的线条和图形来制作低保真。7、高保真原型2/2低保真原型完成后,开始设计注重细节和精度的高保真原型,使用P

4、hotoShop,设计师可以选用自己熟悉的其他工具。一般,设计师会为Android设置尺寸为800*480的画布,然后根据低保真原型进行细节设计。5、视觉设计UI设计师需要根据产品经理的产品定位,进行UI界面视觉效果的设计,一般需要选择三个设计效果图,由产品经理进行确认后,进行所有界面的设计。9、设计概念App所展现的信息,必须简洁明了,因此在界面设计上,需要让用户能一眼就看明白App的用途。主界面背后的相关信息界面,使用Android的标准界面即可,为用户提供核心栏目的功能。10、设计交付物1)、ICON现在可以开始考虑icon的设计。这将决定App在应用商店上的辨识度。设计师可以从简单的

5、轮廓设计开始设计,先把核心创意表现出来。除非有必要,Icon采用尽量少的文字,尽量使用跟你的App图形界面一致的材质和渐变。你如果想给用户呈现高质量的UI设计,由于发布在不同的应用商店,比如91助手、机锋网、中国电信等,ICON在发布时间,除了考虑App上的ICON外,还需要考虑不同应用商店对ICON尺寸发布的要求。2)、设计指导如果客户自己不开发App的功能,还需要把清晰的UI设计指南交付给开发人员,一般UI设计师需要界面和描述集中到一张大图,并尽可能的把所有可遇见的情况都给开发人员描述清楚。3)、低保真原型、高保真原型、切片图UI设计师低保真原型,所有的图形界面设计图(一般是PSD)和图

6、标打包在一起,做上清楚的标注,发送给开发人员;还需要对PSD进行切图,存成PNG,方便开发人员直接使用。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。