在线课堂 9月17日深圳 9月20日上海 9月19日
阅读（3728）
加入人人都是产品经理【起点学院】产品经理实战训练营，BAT产品总监手把手带你学产品
如今的设计师有很多机会可以接触到不同领域的设计。于是，在各种平面设计和网页设计之间流转的设计师们，逐渐进入了UI和UX设计领域。UI和UX与其他的创意工作，如logo设计，2D/3D动画，信息图形，动画等等略有不同。UI设计是一个制作前端页面以实现人机交互的过程。而UX设计则包括研究人机交互的各个方面，如可用性，功能性，交互设计，信息架构设计等等。
设计师们常常使用各种各样的工具和资源以达到他们的设计目的。市面上也有许多测试，原型，仿真和其他的工具可供UI和UX设计师使用。以下为笔者总结的一些可以帮助设计师们开展工作的线上工具和资源。
Proto.io是一款应用开发的原型工具。里面包含了大量的UI库和交互UI的组件。这个工具同时也提供调整颜色，滤镜，多文件上传等功能。Proto.io可与DropBox保持同步，使团队间的协作变得更加实时和便捷。
Pidoco是一款针对web，移动端和企业应用开发的原型软件。该软件提供基于云服务的平台，用于制作线框图，移动仿真，实物模型和U原型。Pidoco内部包含了许多模板，可以实现快速制作原型，同时也提供了实时协作功能。 有了Pidoco，你就可以设计交互原型的同时在IOS和安卓设备上实时运行了。
InVision一款强大的转换工具，它可以根据功能，比如动画，手势，特效等，将静态的设计转换成交互原型。该工具同样提供了基于云服务的平台，可以实时协作正在制作的移动端原型或企业应用原型。invison也支持设计Apple Watch和Android Wear的原型。
UserTesting是一款用于测试网站、应用、原型和其他台式机、平板电脑和移动设备的工具。 UserTesting就是一个用户研究平台，可以让你的目标用户来测试你的网站或APP。最后通过视频，指标和统计数据等等来向你提供有价值的目标用户的反馈。
唔，好工具，可惜要收费。
PowerMockup是一款PowerPoint用户专用的模型和线框图工具。应用提供了PowerPoint中缺少的UI设计组件。这些元素可用于在PowerPoint中创作多种移动设备、web和桌面应用的原型。PowerMockup也提供了强大的协作和分享功能。
PickFu是一个调查平台，可以帮助设计和市场人员找到解决方案。这也是一个接收建议、评论和反馈的工具，在这里，你可以收到来自美国用户的关于logo设计、封面设计和UI设计等等的建议，评论和反馈。
Myna是一款优秀的A/B测试或对比测试工具，被图形设计师和Web开发人员们广泛使用。这个工具对单个访问者执行测试并给提供产品各个版本的细致反馈。可用于网页设计，Email设计，广告和UI设计等等。
Ace UI是一款IOS8专用的移动应用UI工具。它提供了大量的字体，PSD模板和其他的UI元素。此外，它也提供了线框图和原型工具包，可以帮助提升APP开发效率。
Form是一款强大的原型工具，支持在设备上构建和定制本地原型。它还提供了最新的MD部件，还可以创建自定义部件。
MouseStats是一款流行的UX分析工具，提供了多种监测用户在网站上交互的功能。这个工具提供了许多服务，像视频记录浏览器会话、滚动热图、统计数据和调查等等。
POP或者Prototyping On Paper是一款相当酷的应用，它可以把手绘的操作和模型转换成交互原型。该应用可在多平台多种设备下工作，同时也整合了DropBox可以实现实时协同。
Gliffy是一款支持在线协作的专业设计应用。这个工具支持设计专业流程图， 技术图纸，线框图，流程图，网络图和站点图等等。
Antetype是一款用于制作UI原型的软件应用。这个应用400余个预设计的主流平台的组件。它也提供了动态布局，响应设计功能，属性绑定，断点，演讲模式，内嵌，注释等等功能。
Wirify是一款非常出色的UX工具，它可以一键将多个网页转换成线框图。这个工具可以让你检查页面结构和网页布局。而且，还支持编辑线框图并把他们导出到其他群的设计应用中，比如Baslsamiq或者Omnigraffle。
Naview是一款强大的工具，可以用来设计导航原型和测试导航原型可用性。使用Naview，你可以预览信息架构和网站地图。此外，这个工具还可以用来设计下拉式菜单甚至可以直接在浏览器中编辑导航结构。
一般来说，在web界，有三种图形用户界面。分别是工具型用户界面，桌面型用户界面和过程型用户界面。随着计算机技术在各个方面的应用，UI和UX设计范围变得越来越显著。我们可以期待未来即将出现的可以辅助UI和UX设计的工具。
当下的UI和UX工具都有许多内置的功能，可以很大程度地辅助设计师的工作。就UI和UX设计而言，这些工具也在提高视觉和功能方面带来了许多创新的成果。
以上所列仅为笔者在工作中接触并使用的工具，如有遗漏，欢迎补充。
#专栏作家#
康小胖，人人都是产品经理专栏作家，产品经理。专注专注O2O电子商务，坚决拥护用讲故事的思维做产品，关注旅游行业及移动互联网，爱好圆珠笔涂鸦。
本文系作者独家授权发布，未经本站许可，不得转载。
分享到微信朋友圈
有人回复时邮件通知我
讲故事，做产品。
人人都是产品经理社区（）是中国最大、最活跃、最具人气产品经理学习、交流、分享平台，微信公众号woshipm。成立5年以来举办线上活动500余场，线下活动数百场，覆盖北京、上海、广州、深圳、成都、杭州等30多个城市，在互联网业内得到了广泛关注和高度好评。社区目前拥有300万忠实粉丝，其中产品经理占比50万， 中国75%的产品经理都在这里。UI设计前景怎么样？_百度知道
UI设计前景怎么样？
我有更好的答案
UI设计中的交互设计方面已经走过了基于字符方式的命令语言式界面的阶段，目前正处于图形用户界面时代。但是，人们仍不满足于现状，在积极探索新型风格的人机交互技术。当前语音识别技术和计算机联机手写识别技术的商业成功让人们看到了自然人机交互的曙光。虚拟现实和多通道用户界面的迅速发展也显示出未来人机交互技术的发展趋势——“人机和谐”的多维信息空间。这些新技术理念的出现对UI设计师来说既是机遇又是挑战。
　　如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。因此，提高软件UI设计师...
其他类似问题
为您推荐：
ui设计的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁酷勤网 C 程序员的那点事！
当前位置： >
浏览次数：次
不论是应用，还是web浏览器、智能手表的界面，优秀的设计都是吸引用户参与的最为有效的方式之一。在这里，我将就扁平化设计、材质化设计，以及其中的进化趋势进行分析，分享下我的看法&&移动端设计的趋势是什么？对用户有哪些好处？这些设计风格具体怎么实现？
让我们来看下扁平化设计和材质化设计是怎么来的，如何演变出今天我们见到的设计风格。
轻量化设计
轻量化设计避免大量使用渐变和阴影，转而使用&扁平化&风格，为应用带来简洁、清爽的美感。使用留白而不是渐变、阴影，能让界面看起来更加简洁，便于突显核心内容，摈弃实现起来不那么容易以及分散用户注意力的设计元素。
轻量化设计避免打扰用户，分散用户注意力，引导用户关注屏幕上的主要内容，提供清晰、明了的导航，同时向用户传达了流畅、现代感极强的品牌体验。
单一字体统天下
界面中，只使用一种字体，减少字体种类，将单一字体的表现力发挥到极致。单一字体，使用斜体、加粗、半粗体等效果，或者使用不同的字号，可以清楚地将内容分成不同的区域，同样能够实现不同字体实现的分隔效果。
整个应用使用同一字体能够提升品牌的一致性，对于其他终端&&包括移动端应用、手机网站、网站在内&&都使用同一字体的话，同一元素在不同终端拥有一致的体验。此外，用户滚动浏览内容时，同一种字体带来的简洁也会使他们感到很舒服。
用留白和块状区域分隔内容&&线条落伍了
之前，设计师喜欢用线条和其他元素来区分界面中的内容，将它们分成不同的部分或类别，但是使用这些元素增加了界面元素的密度，导致界面看起来很拥堵。拿掉线条，根据内容块自身的颜色再加上内容块之间的间隔可以有效区分不同部分，这样充分利用了留白，外观更加清爽。
去除显眼的线条等分隔元素，界面看起来现代感更强，功能得以突出显示。例如，图像、字体可以适当放大，这样看起来更清楚，提升易用性。使用留白分隔内容较线条，更为自然，减少了生硬和突兀。
如今，用户更喜欢简洁的界面，使用大字号字体及醒目的颜色来突显数字的做法越来越普遍。可根据目标用户来调整数字的样式。
大字号、醒目的颜色，两个可以都用也可以任选其一，能够自然而然地吸引用户关注屏幕的特定区域&&而不是迫使或命令用户去关注。因此，用户获取信息的速度更快，在用户看来，导航更加清晰，信息获取更加快捷。
微交互指的是围绕用户使用场景对细节进行视觉体验上的改进（例如，添加动画、音效等）。这些场景包括完成交易、收藏商品或者弹出提示框等。这些交互都很小，但是它们能够引导用户关注应该关注的元素，从而让应用看起来与众不同。
微交互可以用作用户完成任务（比如更改设置）时的一种激励，形式可以是弹出消息框等。恰当使用微交互，能够给用户带去简单、充满趣味的正向体验，用户也更爱用。
2013年，扁平化风格兴起以来，简单的配色方案成为趋势，扁平化风格注重清爽、简洁。因此，设计师和用户喜欢较少的颜色，他们偏爱清爽的风格。
颜色的使用对于创造情绪，引导用户的注意力，传达品牌形象至关重要。更少的颜色可以更清楚地传达品牌形象。此外，由于较少的颜色降低用户分神的可能，用户更喜欢。包含较少色彩的设计，便于用户在使用过程中识别主要内容，此外，还可以提升导航易用性。
界面元素分层
之前，界面设计主要围绕着拟物化设计的规则来的，拟物化设计遵循的原则是采用实际结构或物体中的元素（例如，电子日历看起来就像是台历，应用图标具有立体感，手机相机应用快门的声音）。如今，扁平化风格与拟物化风格相去甚远，前者在立体感设计方面开辟了新的天地，带来了新机会。主要一点是使用层来创建立体感和维度，产生了更加&可触摸&的用户体验。
扁平化设计一个风险就是&太平&了&&所有的元素都处于同一平面内，习惯了3D世界的用户如何跳转，如何使用应用呢？通过使用z坐标，可以把一些元素放到其他元素的上面。层和深度可以帮助用户识别不同元素之间的关系，吸引他们关注主要元素。
幽灵按钮（GhostButtons）
幽灵按钮指的是透明，没有填充色的按钮，它们边框使用纤细的线型，形状很普通，比如矩形或方形，四个角为直角或是边缘进行模糊处理。按钮中的文字简单，字号较小。
幽灵按钮在不失简洁的情况下，能够吸引用户的注意力，同时看上去很潮且不突兀。如果屏幕上有多个按钮，可以根据优先级进行排列，比如同一页上有可选项和下一步按钮，可根据优先级放置这两个按钮。在遵循材质化原则设计时，可以为幽灵按钮添加一点阴影效果，帮助用户感知按钮的层级。
安装陀螺仪和运动传感器，电子设备就能用检测到用户的动作。从而，用户和设备的交互不再只局限于点击，用户可以用真实生活中的动作与设备进行交互。
用户很多手势来自于直觉。我们问用户如何删除一项内容时，不论受试者年龄大小、性别，他们会尝试将物体移动到屏幕外的地方。减少点击，增加滚动，能够提升用户体验，应用变得交互性更强，而不只是用来点击的对象。
随着软件技术的发展，设计师如今能够用样式表来控制物体的移动，充分利用这点能够实现很多意想不到的效果。基于运动的设计元素形式多样，包括转场、动画，甚至用纹理模拟3D纵深效果（and evenon texture to mimic 3D depth）。设计中的运动效果提升用户参与度，带给他们主人翁般的感觉，还可以将当前场景的重要元素或数据与其他元素区分开来，便于用户分辨主次。
动作能够吸引用户关注特定区域&&或帮助他们转移注意力。在视觉上给予回复，提升用户参与感，是让用户感到惊喜的&惊奇因子&。
短小的用户流
缩短用户流，用户在完成任务前，我们应避免让用户浏览过多页面，减少中间页面数量，最好在一屏内囊括紧密联系的几个步骤，减少用户花费的时间和精力。例如，当用户完成前一项表单域的填写时，新开一个表单或者高亮显示接下来要填写的表单域。
移动用户使用应用时，可能还在处理别的事情，所以他们很忙，他们更喜欢快捷地完成应用内的任务。设计时，考虑到这一点，能有效降低用户的精力，增加转化率和使用频率。
设计标准&&最佳设计实践
设计标准指的是在项目之初，通过确定颜色、图标、全局留白（global padding），把视觉语言标准化。
确定设计的标准，保证应用内部以及在不同终端的一致性，最小化项目过程中的错误，也便于日后修改。
制作原型&&最佳设计实践
原型是产品准备阶段或早起的版本。使用原型，能够更好地了解产品的功能，帮助发现用户体验不够好的地方，以提前修改，避免浪费设计师的时间和精力。
制作原型不需要花费太多精力，耗时也不会很长，可以帮助大家弄清楚项目的核心内容、工作范围以及要求。原型实验为设计人员留下宝贵时间和资源，他们可以根据原型测试结果来进行修改、迭代，这种由观察实验（insight-driven）驱动的设计过程更为有效。
& 相关主题：UI设计师的职业发展前景怎么样?_百度知道
UI设计师的职业发展前景怎么样?
提问者采纳
什么是UI设计师?他们需要具备怎样的知识背景，拥有怎样的发展和未来呢?　　　　“UI”的本义是用户界面，是英文User和Interface的缩写。从字面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。UI设计则指对软件的人机交互、操作逻辑、界面美观的整体设计，具体还包括：可用性分析、GUI(GraphicUserInterface即图形用户界面设计)、用户测试等。UI设计师不单纯从事美术绘画，而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于一身的设计，简单来说，他们需要完成的正是一个不断为用户设计视觉效果并使之满意的过程。UI设计从工作内容上来说分为3大类别，即研究工具，研究人与界面的关系，研究人。与之相应，UI设计师的职能大体包括三方面：一是图形设计，他们承担的不是单纯意义上美术的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
　　　　随着技术领域的逐步拓展，产品生产的人性化意识日趋增强，越来越多的企业开始注重交互设计、用户测试方面的投入，UI设计领域“三足鼎立”的局面将越来越成为大势所趋。这也就意味着兼具美术设计、程序编码、市场调查、心理学分析等诸多方面综合能力的UI设计师将拥有更为广阔的发展前景。UI设计中的交互设计方面已经走过了基于字符方式的命令语言式界面的阶段，目前正处于图形用户界面时代。但是，人们仍不满足于现状，在积极探索新型风格的人机交互技术。当前语音识别技术和计算机联机手写识别技术的商业成功让人们看到了自然人机交互的曙光。虚拟现实和多通道用户界面的迅速发展也显示出未来人机交互技术的发展趋势——“人机和谐”的多维信息空间。这些新技术理念的出现对UI设计师来说既是机遇又是挑战。如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。
其他类似问题
为您推荐：
ui设计师的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁