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

PAGE2 / NUMPAGES6 第一章App UI设计基础 1.1 UI的设计概念？ UI就是User Interface的简称，即为用户界面，一般指软件界面、也包括人机交互 。 1.2 什么是UI设计？ UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。 1.3 什么是APP？ APP即为手机应用程序，通常分为个人用户APP和企业用户APP。 1.4 优秀的APP 有些人认为APP是一个独立的个体，只要由设计者单独设计出来就可以了，但是不能忽视一个问题，那就是APP界面同时属于产品团队，如果没有产品团队的配合，最终也无法发挥界面的优势。 1.5 APP设计师与产品团队 产品经理：对用户需求进行细致研究，针对广大用户的需求进行规划（PPT、Project 、Visio） 产品设计师：完善功能方面的设计，考虑技术是否具有可行性（Word、Axure） 用户体验师：了解商业层面胡东西，应该从商业价值的角度出发，对用户交互方面进行改善（Dreamweaver） UI设计师：对用户界面进行美化，（Photoshop、Iiiustrator） 1.6 APP界面设计与项目流程 产品定位 产品的功能是什么？依据什么而这样的产品？要达到什么影响？ 产品风格 产品定位直接影响产品风格，根据产品的功能、商业价值等内容，可以产生许多不同的风格。当产品是以面向人群为定位，那产品的风格应该是清新、绚丽的，当产品是以商业价值为定位，那产品的风格应该是稳重，大气的。 建造框架 素材收集 草稿绘制 界面设计 联机审核 第二章App UI设计理论 2.1 用户操作习惯 应用最好小而准 满足用户的情景需求 要帮助用户去消磨时间 2.2 界面布局 重要的信息放在上方 常用的操作放在界面的下方 最小的触摸单位，一般为44个像素 2.3如何配色 不管在那个平台上，画面一般由主色调、辅色调、点睛色、和背景色四部分构成，其中主色调在画面画面中的作用是无可取代的。 第三章App UI设计技巧 3.1完整App设计流程 一个通用消费软件界面的设计大体可分为5个步骤 需求阶段 分析设计阶段 调研验证阶段 方案改进阶段 用户验证反馈阶段 3.2需求阶段 软件产品依然属于工业产品的范畴，依然离不开3W的考虑（Who、Where、Why），也就是使用者、使用环境、使用方式的需求。所以在设计一个软件产品之前我们应该明确给什么人用（用户的年龄、爱好、性别、收入、教育程度），什么地方用（办公室、家庭、厂房车间、公共场所），如何用（鼠标、键盘、遥控器、触摸屏）。上面的任何一个元素改变，结果都会有相应的改变。 除此之外，在需求阶段同类竞争产品也是必须了解的。同类产品比我们提前问世，我们需要比它做的更好才有存在的价值。 3.2分析设计阶段 通过上面的需求，下面进入设计阶段，也就是方案形成阶段，一般需要设计出几套不同分格的界面用于备选、。首先应该制作一个体现用户定位的词汇坐标，例如为25岁左右的白领男性制作家居娱乐软件，对于这类用户分析得到的词汇有：品质、精美、高档、高雅、男性、时尚、cool、个性、亲和、放松等。分析这些词汇的时候就会发现有些词汇是必须体现的，例如：品质、精美、高档、时尚。 3.3调研测试阶段 测试时间：某年某月某日 测试区域：北京、上海、天津 测试对象：某消费软件界定市场用户 主要特征：对计算机的硬件配置以及相关的性能指标比较了解，计算机应用水平较高；计算机使用经历一年以上；年龄阶段为X~X岁，年龄在X岁以上的被访问者文化程度为大专及以上；个人收入x元以上或家庭月收入X元以上。 样品：五套软件界面 样本量：X个，实际完成X个。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 选出最喜欢的 选出其次喜欢的 对各方案的色彩、文字、图形等分别打分 结论出来以后，请所有用户说出来最受欢迎方案的优、缺点 3.4方案改进阶段 经过用户调研,可以得到目标用户最喜欢的方案,而且了解礴用户为什么喜欢,还有什么缺陷有等,这样就可以进行下一步修改了.这时侯可以把精力投入到选中方案上,将该方案做到细致、精美。 3.5用户验证反馈阶段 改正以后的方案，我们可以将它推向市场，单设计并没有结束，还需要用户反馈。好的设计师应该在产品上市以后去站柜台，零距离接触最终用户，看看用户政治真正使用时胡感想，为以后胡升级版本积累资料。 用铅笔画出草图，构思图标的造型。笔和纸可以在构思的时候反复修改，最终草图庶尽量接近成品经过上面设计过程胡描述，大家可以清楚发现，界面UI设计类似于一个非常科学的推导公式，它有设计师对艺术的理解感悟，但绝对不仅仅是表现设计师个人的绘画水平。所以我们一再强调，这个工作过程是设计过程，UI 用铅