13.9.18-扁平化设计-曹玉青教程分析.pptx

扁平化设计（Flat Design）;随时随地接受大量信息，评估价值、过滤无用信息、创造新内容，这些造成大量负荷。 小屏幕设备流行更需要减少繁杂元素的交互。;大量新的设备和技术涌入市场，引发人们的思考，人们对内容本身的关注的回归。 当你专注于其中时，肯定不希望被无关的界面元素打扰。;许多软件都受其运行平台的限制。一个简约的界面需要有限的设计元素，这意味着每一个元素都要发挥作用。 随着屏幕尺寸和像素密度在不断增加，更细、更小的样式也能有更佳的清晰度。;设计简约界面时，可以从个人电脑兴起之前的设计中寻找灵感。 放松，暂时停止工作一会也会有帮助。 对比不同的版本同样有帮助。能很快看出好坏。 物件之间的大小关联非常重要，尽早在目标设备上测试。 整个过程中不断问自己“真的需要吗？”。;网格可以使设计有序、易用。 网格可以定义内容和功能。简单的对齐和间距能帮助用户理解界面结构。 可以打破网格的结构，突出重要的元素（大小和布局）来吸引用户注意力。;文字排版是扁平设计中的英雄。 衬线是一种选择，无衬线则会显得更干净。 更广泛的字体选择最会有好处，你会发现字体也可以定义出层次，而有些字体会更适合某些元素。 不要害怕将差异显著的字体放在一起，可以尝试下用超大、超细的字体作标题，而中等粗细的小号字体作正文。 确保字体易于阅读。;活用对比法。如果布局是白色，可以给交互元素一点彩色；如果是文字为主，可以使用图标；如果标题是大号小写字母，链接可以小号大写字母。 传统的布局也会有帮助。无论怎么设计还是要把大家习惯的东西放在习惯的地方。 尽可能直观。如果某种交互特别复杂或者出乎意料，还是需要容易理解的方式。 下拉框、弹出窗、侧滑栏以及其它层级元素在扁平设计中会引起麻烦。而对鲜明的对比、边框、着色的处理，也能区分出交互层级。;20款APP--扁平化设计（一）;20款APP--扁平化设计（二）;20款APP--扁平化设计（三）;20款APP--扁平化设计（四）;20款APP--扁平化设计（五）;“似扁平化设计”(Almost Flat Design)是以扁平化设计为基础，但是添加了一些简单的效果，比如简单的投影，基本的渐变。;/;思考：如何为不熟悉的人群做设计？;;产品经理（product manager） 对产品负责的人，产品主管，他们会提出概念、收集确定需求、制定计划、控制进度并保障产品质量。在很多团队里面“业务负责人”和“产品经理”通常是同一个人。;产品设计（ui/id/ia design） user interface design（人机界面设计）, industry design（工业设计）and information architecture design（信息架构设计）。将这三种职能混合起来，因为他们并不能孤立存在，我们统称为产品设计。他们决定产品的所有功能细节，配合产品经理制作产品原型，与视觉设计师和用户研究人员共同完成产品的详细设计。产品设计过程中最重要的产品功能说明文档将由他们来跟踪完善。 ;用户研究（user research） 最接近用户并了解用户的人（不需要技术高手或者是逻辑人），他们从产品的原型阶段就介入，配合产品设计师们做典型用户分析和用户目标分析，并对原型进行可用性测试，并制定最终的可用性测试计划。在很多产品团队里面，产品设计、视觉设计和用户研究通常会由一到两个人来担任，UI设计师会做用户研究，视觉设计是会做信息架构分析。 ; 产品开发的过程可以看作是整个产品设计环节的最终实现部分，对于非技术人员来说它是一个把理想变成现实的神秘阶段;1. 概念阶段（concept） 一切从有了一个想法开始！ 需要做的事情 业务负责人与产品经理沟通商业需求以及产品品牌的定义 产品经理针对这个想法提出自己的问题和需求，并提供解决方法与好处 产品经理从各方面收集信息并制作概念文档 业务负责人、产品经理、产品设计还有视觉设计们做到一起，来一场头脑风暴，证实这个想法并确定实现一个什么样的原型 产品设计负责完成最初的产品原型 阶段交付物： 概念文档（concept document）或者是概念原型（concept prototype） ;2. 探索阶段（discover） 那个伟大的想法已经得到了证实！ 需要做的事情： 在获取了多方面的意见之后业务负责人与产品经理进一步沟通商业需求以及产品的定义 产品经理需要分析产品的战略、商业案例、财务计划、应对策略以及执行方案 产品设计需要分析上一个版本的用户反馈和竞争对手的产品近况，将这些信息提交到产品经理那里 产品设计和用户研究小组共同做用户案例分析，理清用户的使用目标并分析用户的使用流程 产品设计、视觉设计和开发负责人预估自己的投入，并将这些信息提交给产品经理 产品经理