交互设计

写在前面，虽然这是一篇老文章，但是对刚入行的同学来说仍然非常重要，所以今天再次拿出来，进行了重新翻译，希望对大家有帮助！

什么是交互设计？交互设计其实是设计可交互产品，来帮助人们在日常工作生活中的沟通和互动方式。在本文中，我们将解释交互设计是什么，介绍一些有用的交互设计模型，并简要描述交互设计师通常做什么。

设计师都知道，设计不只是为了好看。设计也决定用户如何融入一个产品，无论是网站还是app。这是一种交谈。导航菜单就是一种交谈。因为如果用户不明白使用方式，你的网站或app再漂亮都没用。

在交互设计领域有很多经过时间检验过的定律及法则来作为设计的指导原理，它能够帮助产品设计者对界面上的各种视觉元素进行合理评估，从而发现一些使用过程中的可用性问题，还可以根据这些法则从界面的维度来改善操作...

UI或UX分析需求主要是以人机交互界面为主，而这个需求不仅仅是一些设计、视觉使用体验，在这里体验当中，我们可适当运用一些心理学，比如格式塔理论就是一个很好的分析法。

空状态，或零数据状态，比如网站购物车为空时、页码没有下一页、某页面出错或不存在等等这些都可以称为“空状态”，但这个很多时候被设计师忽略，我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善...

这是刚在 Dribbble 看到的一个创意作品3D Waggle，该作品展示了一个手机APP的拖拽交互动效，其效果就像纸粘在手指上，随着手指不同方向移动，这个像“纸”一样的UI元素也会跟着飘动，而且效...

前言：这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。

今天分享一个元素周期运动表，这个并不是化学元素，你可以理解为「元素运动规律」，因为这个元素表是由一些常用动效组成，并且每个动效的实现都有一个理论依据，而不是凭空想象出来。动效有弯曲、偏移、流动线、噪波...

AV8D，又见面了，在此之前，和多位同行有过沟通，发现很多人反映自己的基础不太扎实，没有系统的知识体系支撑自己进阶、转岗。这让我产生了反思，所以这段时间梳理了一些关于交互设计师的知识架构，这也是我今年...

迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则，是由Ollie Johnston和Frank Thomas在他们的书《The Illusion of Life》中提出来的观点（译者注：这本书...

发展电子商务已经不能仅关注桌面平台了，目前越来越多的用户通过智能手机来发现和浏览商品，与此同时，一个更大的问题产生了——这些用户是否愿意在他们的移动设备上完成支付呢？——答案马上揭晓。拿美国为例，20...

无论是注册流程，多视图步进或单调的数据输入界面，表单都是数字产品的设计中最重要的组成部分之一。本文重点介绍了常见的表单设计样式和要避免的注意事项。但请记住，这些都是一般准则，每一个规则都有例外。 1...

项目背景

目前来说网站交互应用很重要，交互是否做得好直接影响到用户体验，现在国外的交互做得非常好，下面列举一些网站的交互例子。

最近2年一直在做WebApp相关项目，设计过上百个弹框，其中总结了一些心得，将透过以下文章介绍弹框在Web上的各种应用﹑技巧及表现。 什么是弹框? 弹框是一种交互方式，用作提醒，做决定或者解决某个...

一个新的设计风格的确立一定会提出他特有的设计原则。而如今设计原则越来越多的关注到了动效的定义。甚至在Android L的Material Design中直接将动效写入的设计原则中：Motion pro...

一次升级、引入新功能或者开始营收变现后用户反而流失了？是不是产品和用户的沟通出现问题了？看看你的产品与用户的沟通是如何设计的吧。今天设计达人和大家分享应用与用户沟通的最重要途径——消息通知。消息通知是...

如何通过区分两者来完善两者

扁平化的兴起，现在越来越流行动效设计，特别对于移动端，对交互动效要求是很高的，今天为大家整理一些以展示动效为主的网站，对交互设计师来说是很好的灵感发源地。

现代智能手机给我们提供了非常多丰富实用的功能，比如平时颇为在意金钱去向的我，就是一个 手机记账 App 的使用者，曾经尝试过各种记账 App，但好像都有那么一点不满意，于是我就想如果是我来设计这么一款...

设计并不是随心所欲，也不是每时每刻都需要创意。你需要一个向导为你指明方向- 这就是原型。 什么是原型？ 原型可以概括的说是整个产品面市之前的一个框架设计。设计师可以利用它引导每个人都参与到项目中来...

iOS7在UI界面设计上最大的变化就是抛弃了苹果使用了多年的拟物化设计，而转投扁平化设计阵营。一时间，业界评论褒贬不一，槽点多多亦不乏溢美之词。我们先暂且不去评判新的图标和整体设计风格的好坏，而是从其...

互联网时代，网络“提速”日益频繁，人们打开Web或软件的速度越来越快，一般页面缓冲和加载地过程也是几不可查。然而，在某些情况下，例如软件急需加载大量页面，首页急需加载大量内容，用户下载文件过大，甚至是...

功能性动画（functional animation）是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。

过马路的时候突然注意到红绿灯，恰好最近的新交通规则也热火朝天，就顺势吐槽下关于“设计规范”的思考。

一直有不少人讨论UI和UX到底有什么区别，这大多数是入门设计师的问题，而这个问题的存在是因为入门级设计师往往只能进一些小公司上班实习，小公司一般只有设计、前端、程序几个职位，什么 UE,UX,IxD...

前言 为了优化产品，提升用户体验，产品团队经常做很多事情：数据监测、数据分析、竞品分析…然后给交互设计师提需求，让交互设计师把需求转化为可用的功能和良好的体验。

译者注： 本文作者从自身丰富的应用开发设计实践经验和大量的优秀应用实例中，总结提炼了从产品概念、设计、开发到市场推广等一系列的相关原则，指导移动开发人员怎样来打造一款成功赚钱的应用。姗姗来迟的这篇文章...

一个好的动效设计可以提升UI界面与用户的交互体验，让枯燥的界面不这于沉闷，甚至具有吸引用户去继续去探索的可能，当然我们不能随便使用动效，需要经过深思熟虑，不要为了“弦”而去做。

这几年的工作经历中，我接触过许多的工具实验。常常听到激情满满的用户体验设计师为自己支持或反对的设计工具而争论。Axure, Balsamiq, Invision, Photoshop等等，你能说出名...

无论是做网页设计还是手机移动端设计，开始制作时都是先从原型框架开始设计，最初设计师们可能在纸上画原型图，但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此，设计达人网整理一些适用...

从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。这个经历了几年依然大热的响应式，在过去的几年里，快速巩固了自己的地位，并掀...

今天为大家分享的是「动效设计」。和听觉语言、视觉语言一样，动作也是语言的一种，可以在有限的空间内传递更多信息，轻松传达静态元素难以传达的内容。

没有用户会拒绝任何产品的锦上添花，而功能性动效对于产品来讲，在满足功能效率的同时，能够带来更多额外的附加体验，是一种相对比较容易引发体验峰值的途径，下面和大家介绍 功能性动效的定义和类型 [̷...

收到apple watch也才不到3个月的时间。我是一个不习惯手腕上有东西的人，但是出于工作需要又不得不去研究它，于是只在每天上下班路上带一会儿，到了公司就把它和其他测试机一起放在桌面上。

在网页设计中我们一直坚信，只要有光标，就有相应的链接。但是这不完全对啊，而且可能还有潜在的问题。我说这个是希望大家以后设置按钮光标的时候，不要用手形工具了。我用下文来解释下这点吧。

作为设计师，如何抓住乍现的灵光时刻并不断复制思路，生产源源不断的创意活水？《设计策略｜源源不断的创新思路》分为渐进篇和激进篇，旨在从创意的启动、过程和决策三个阶段出发，提供创意策略，通过具体的案例或思...

《情感化设计心理学中》作者唐纳德·诺曼将情感化设计与马斯洛的人类需求层次理论联系了起来。 产品特质也可以被划分为功能性、可依赖性、可用性和愉悦性这四个从低到高的层面，而情感化设计则处于其中最上层的“愉...

一款好用的 APP，前期的原型线框是关键阶段，原型图函盖很多方面的东西，如功能、易用性、版式，这对于交互设计师做原型时都需要考虑的。

项目进行过半后，当设计师做设计概念提案时，如果没得到任何微笑、点头确认等形式的反馈， 各位一定明白那种令人不安的感觉。它有时会带给我一种被吓尿的感受，因为你知道还有很多复杂问题没有浮出水面，待基本问题...

想入选做交互设计？不知道如何入手？你是交互设计新手，哪么下面的一文很值得你一看，文章来自163ued的显玉，写得很不错，值得一看： 交互设计师到底是需要做什么？

随着突如其来的疫情到现在，我们的生活被迫改变了很多。好像在家的时间更多了，人们的社交距离也被拉大。人们花更多的时间在手机和应用程序上面。世界各地的用户体验设计师也得到一个新的视角和机会来重新思考产品的...

以前，Photoshop在交互设计领域扮演着主要角色。最近一份调查显示， Photoshop的地位有所下降。一共有来自200个国家4000人参与了这次调查， 结果显示，设计师更加倾向于一些新型的工具...

效率高的设计师会根据APP产品中容易出现但重要性低的各种异常状态制定全局的规范，这样一来后续交接的开发可以直接复用异常状态的规范。而设计师也无需根据每个需求重新做一次异常状态，保证异常状态的一致性​...

在本系列的第2节中，交互设计师Elaine McVicar将继续讲解有关移动设计信息架构的知识，并提供大量有关移动端设计模式的范例，为大家解释它们与电脑端设计模式的区别之处。

悬浮按钮是 Material Design 语言的一个常用的控件，英文称为 Floating Action Button（FAB），通常用于 Android 手机端界面的按钮，它的特色之处就是会有一个...

前言：有不少的人想做或转行为 UI/UX 设计师，但是不知道如何下手，今天设计达人小编分享来自国外设计师 Erik D. Kennedy 的文章，文章中谈到了成为UI / UX设计师所需的7个步骤，小...

去年 10 月开始阅文海外设计从 Sketch 迁移到 Figma。如果你还不了解 Figma 或者在犹豫要不要切换到 Figma，这里会给你答案。 [……]

在网络技术蓬勃发展的当今社会，各类线框图和原型设计工具也随之而大量涌现。但是，作为一款简单又不失强大的新型工具，Mockplus借着它的独特之处在市场中也占有着它的一席之地。

我们在这个“极简主义”的世界生活已经有些时日了，之后又将去向何方？

介绍6种交互思维，换个角度看设计，也许有新的发现。[……]

现如今企业都在不断追求打造简单好用的产品，期望在产品中有更多的功能，更新的技术以及更强的能力但仍然能有一个非常轻量和简单使用体验。但通常情况下，做减法反而是最难的事情。

和HR打招呼不见得回，回复了不见得有机会聊，聊上了不见得能成功投递，投递进去了不见得能面试。面试都拿不到，那还玩个球啊！！投递总是拿不到面试机会？有可能你与成功仅一页之差–作品集封面设计...

Origami是一个适用于手机APP的原型制作工具，它是Facebook设计团队花9个月时间开发，Origami是一款基于Quartz Composer的插件，安装Origami之后，Quartz C...

交互思维作为用户共情能力的一种上层建筑，是UI设计行业要求设计师具备的指标之一。而作品集，就是设计师交互思维量化的最佳载体之一。设计达人希望大家认真阅读这篇文章，了解交互思维，以及在作品集中如何体现自...

要在Axure中设计一个搜索功能的下拉框，您可以按照以下步骤进行操作：

这是一篇关于iOS 13的全局组件交互设计分析文章，比如新版iOS系统中的分段控件、Switch、Sheet弹窗、Context Menu等组件的细化及影响，如果您是UI/UX设计师，请不要错过这篇文...

Uber总监Marco Paglia首度公开Uber背后的设计平台，阐述Uber的设计理念以及对设计过程中的思考和探索。这篇自述为团队的设计系统和协作提供了Uber的解决方案。

Mockplus是一款简洁快速的原型图工具 (http://www.mockplus.cn)，最近推出了审阅功能。