App-UI设计从入门到精通.docx

《App-UI设计从入门到精通.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一章AppUI设计基础1.1UI的设计概念？UI就是UserInterface的简称，即为用户界面，一般指软件界面、也包括人机交互。1.2什么是UI设计？UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。1.3什么是APP？APP即为手机应用程序，通常分为个人用户APP和企业用户APP。1.4优秀的APP有些人认为APP是一个独立的个体，只要由设计者单独设计出来就可以了，但是不能忽视一个问题，那就是APP界面同时属于产品团队，如果没有产品团队的配合，最终也无法发挥界面的优势。1.5APP

2、设计师与产品团队产品经理：对用户需求进行细致研究，针对广大用户的需求进行规划（PPT、Project、Visio）产品设计师：完善功能方面的设计，考虑技术是否具有可行性（Word、Axure）用户体验师：了解商业层面胡东西，应该从商业价值的角度出发，对用户交互方面进行改善（Dreamweaver）UI设计师：对用户界面进行美化，（Photoshop、Iiiustrator）1.6APP界面设计与项目流程²产品定位产品的功能是什么？依据什么而这样的产品？要达到什么影响？²产品风格产品定位直接影响产品风

3、格，根据产品的功能、商业价值等内容，可以产生许多不同的风格。当产品是以面向人群为定位，那产品的风格应该是清新、绚丽的，当产品是以商业价值为定位，那产品的风格应该是稳重，大气的。²建造框架²素材收集²草稿绘制²界面设计²联机审核第二章AppUI设计理论2.1用户操作习惯A.应用最好小而准B.满足用户的情景需求C.要帮助用户去消磨时间2.2界面布局A.重要的信息放在上方B.常用的操作放在界面的下方C.最小的触摸单位，一般为44个像素2.3如何配色不管在那个平台上，画面一般由主色调、辅色调、点睛色、和背景

4、色四部分构成，其中主色调在画面画面中的作用是无可取代的。第三章AppUI设计技巧3.1完整App设计流程一个通用消费软件界面的设计大体可分为5个步骤A.需求阶段B.分析设计阶段C.调研验证阶段D.方案改进阶段E.用户验证反馈阶段3.2需求阶段软件产品依然属于工业产品的范畴，依然离不开3W的考虑（Who、Where、Why），也就是使用者、使用环境、使用方式的需求。所以在设计一个软件产品之前我们应该明确给什么人用（用户的年龄、爱好、性别、收入、教育程度），什么地方用（办公室、家庭、厂房车间、公共场所）

5、，如何用（鼠标、键盘、遥控器、触摸屏）。上面的任何一个元素改变，结果都会有相应的改变。除此之外，在需求阶段同类竞争产品也是必须了解的。同类产品比我们提前问世，我们需要比它做的更好才有存在的价值。3.2分析设计阶段通过上面的需求，下面进入设计阶段，也就是方案形成阶段，一般需要设计出几套不同分格的界面用于备选、。首先应该制作一个体现用户定位的词汇坐标，例如为25岁左右的白领男性制作家居娱乐软件，对于这类用户分析得到的词汇有：品质、精美、高档、高雅、男性、时尚、cool、个性、亲和、放松等。分析这些词汇的

6、时候就会发现有些词汇是必须体现的，例如：品质、精美、高档、时尚。3.3调研测试阶段测试时间：某年某月某日测试区域：北京、上海、天津测试对象：某消费软件界定市场用户主要特征：对计算机的硬件配置以及相关的性能指标比较了解，计算机应用水平较高；计算机使用经历一年以上；年龄阶段为X~X岁，年龄在X岁以上的被访问者文化程度为大专及以上；个人收入x元以上或家庭月收入X元以上。样品：五套软件界面样本量：X个，实际完成X个。调研阶段需要从以下几个问题出发：A.用户对各套方案的第一印象B.用户对各套方案的综合印象C.

7、用户对各套方案的单独评价D.选出最喜欢的E.选出其次喜欢的F.对各方案的色彩、文字、图形等分别打分G.结论出来以后，请所有用户说出来最受欢迎方案的优、缺点3.4方案改进阶段经过用户调研,可以得到目标用户最喜欢的方案,而且了解礴用户为什么喜欢,还有什么缺陷有等,这样就可以进行下一步修改了.这时侯可以把精力投入到选中方案上,将该方案做到细致、精美。3.5用户验证反馈阶段改正以后的方案，我们可以将它推向市场，单设计并没有结束，还需要用户反馈。好的设计师应该在产品上市以后去站柜台，零距离接触最终用户，看看用

8、户政治真正使用时胡感想，为以后胡升级版本积累资料。用铅笔画出草图，构思图标的造型。笔和纸可以在构思的时候反复修改，最终草图庶尽量接近成品经过上面设计过程胡描述，大家可以清楚发现，界面UI设计类似于一个非常科学的推导公式，它有设计师对艺术的理解感悟，但绝对不仅仅是表现设计师个人的绘画水平。所以我们一再强调，这个工作过程是设计过程，UI界面设计不只是美工。3.6图标设计的流程不同的图标用途决定了风格取向:卡通——轻松写实——突出质感单色——简洁风格和操作系统关系比较大，要