交互设计

去年我们发布了 Gyroscope 以来，许多人问过我们做动画用的什么 JavaScript 库，我们也曾想过将它公布于众，但实际上那并不是奥妙所在。

Mockplus 目前是国内比较流行的原型设计工具，功能上，相比Axure不算全面和强大，但在不少功能上有它独到之处。

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

几平每个购物网站都会有一个购物车功能，它可以算是不可缺少的重要组成部分之一，也许你已习惯了右上角的购物车体验，也想不出创意的点子，那么建议看看 codyhouse 的新作：「添加购物」交互效果，也许会...

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

好的UI设计师应该是理论结合实践，好的理论是指导实践，所以今天我带来了这一篇文章。讲讲什么是黄金ux七大定律以及它们如何在UI中的运用。 1、费兹定律 费兹定律（fitts’law) 是心理学家...

虽然只是一个简单的下拉刷新动效设计，但是设计思考的时候，你只是想换个展示的图案呢，还是只想提高一些趣味性就ok了呢，还是说可以再深入点思考，从表到里的展示出品牌故事特性，加深用户对品牌的印象？~最后希...

这是一个创新的年代，如果你的设计千篇一律，哪对用户来说，这是很乏味的作品。所以在满足设计需求的同时，我们可以加入一些趣味性的东西，比如方案、声音、交互细节、图像等等，让页面更加有趣。[…...

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

组件化，就像乐高拼图一样，整个网站是由一些组件拼接而成，这些组件可以独立使用，也可以拼接在一起，这样程序员开发时就能按照你的组件进行组件化（模块化）开发，是非常灵活的工作方式。

如果你经常逛知乎, 设计达人或者一些专业的设计师论坛，博客，你会发现，第一批成为UX设计师的人，其实是误打误撞地落入这个行业的。那时候人们并不清楚UX设计师是什么（尽管现在也很难给出一个明确的定义...

一个产品的成败，其交互设计起着很重要的作用，所以为什么很多公司愿意花重金招聘 UX 设计师，比高级视觉设计师的薪资还要高。作为交互设计师应该多使用 APP，多参考其它优秀的 APP 交互体验，这样才能...

原型图设计是现如今网页设计师和应用软件的设计师工作中不可忽视的一道工序。最近随着以 adobe 为首的图形软件公司不断研发，在全世界许多图形制作工具应运而生。

很多人说看过很多设计道理却依然做不好设计，还不如直接看设计案例来的简单粗暴。今天为大家找到一篇实战好文，一个人，3天时间，打造一款APP全流程设计，学起来吧！[……]

光明顶数据监控屏是每年在双十一、双十二前后，投屏在光明顶的作战指大屏，供在场的工作的同学协同办公，发现问题。双十一和双十二是每位技术人的大团建，在光明顶作战室的近20个BU的两百多名同学，其余分作战室...

“这次我们与谷歌再次合作，重新定义在不同的设备上的图像使用标准。 我们核心的设计理论还是以简洁加抽象为基础。这一套视觉语言，能够清晰的描述不同的设备，不同状态，解释应用功能以及用户的交互。” R...

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

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

“工欲善其事，必先利其器”；作为设计人员来说，设计方法和设计模型就是辅助我们更好做设计的工具。就像厨师做菜时候的菜谱一样；面对新的菜种，能更快指引我们做出味道不错的菜肴[……]

在B端产品的设计过程中，我深切体会到动效能在很多体验领域起到四两拨千斤的作用。于是我将自己这些年来做动效的思考，结合B端产品的一些固有特点，来和大家聊一聊动效设计在B端产品体验设计中的意义。[R...

在你的表单设计中，你会把错误信息提示放在哪个位置呢？如果它们不符合用户预期，就可能成为用户体验上的障碍。试想，当用户输入错误的信息时，他们首先需要理解错误是什么，然后才是修正错误、重新提交表单。但如果...

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

响应式网页设计是目前流行的一种WEB设计形式，主要特色是页面布局能根据不同设备（平板电脑、台式电脑、智能手机）下能让内容适应性的展示，从而让用户在不同设备都能够友好的浏览网页内容，响应式有点像自适应的...

​在手机淘宝中，大至链路的衔接，小至一个按钮的点击响应，动效是体验无处不在的润滑剂，为用户每一步的操作提供了合理的预期与过渡。而通过动效衔接不同界面或不同响应状态，无论对流畅直观地表达流程意图，还是精...

“是能点还是不能点呢？”这是当用户在面对一些操作按钮时，大脑中所迟疑的问题。

目前各大品牌已经在使用动态LOGO，并应用在营销方面，这将是未来品牌必备的呈现方式，也是设计师需要学习的新技能之一。[……]

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

Tab bar 作为整个APP的第一触点，给用户传递的理念及信息在整个APP中具有不可替代的重要性。我们的第一感受是粗糙或是精致，都会通过这个简单的操作切换而得到。因此 tab bar 的设计，往往也...

记得当年我面试Lenovo的UX设计岗时，面试官问我C端和B端的区别是什么、有什么设计差异，这个问题对于当时只做过C端的我来说，简直是一脸懵，由于脑子里对B端的概念还不太明确，所以回答的也不全面 不精...

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

检视用户如何去浏览网页内容的一个关键关键模式，这将有助于指导页面设计，提高用户的交互行为。

在过去两个月，从国外的Google I/O、Apple WWDC、Facebook 开发者大会，到国内的飞聊、QQ改版、豆瓣FM 6.0，可以看到很多关于交互设计上的趋势。同时，我从日常的产品体验中...

我热爱旅行，就和千千万踏上旅行的人一样。多一份独处异乡的体验，试一次全新的生活场景，旅行所带来的这种感觉无可替代。作为一个设计师，上个月我给自己分配了一个任务：复盘Passpod App的重设计...

由于人类是视觉驱动的生物，图像的影响只有在动画的帮助下才会增加。我们的眼睛天生就会特别关注移动的物体，而动画就像糖果一样，吸引人的注意力，有助于区分应用程序和竞争对手。

通常刚在UI设计培训班出来的设计师经验不足，往往只能把界面做到“好看”而已，却忽略了界面设计中那些重要的设计细节，其实界面有很多设计“小元素”是非常重要而且实用，这里分享一些关于“小元素”的设计经验总...

在UI设计中，原型设计并非是自己可有可无的工作环节。很多UI设计师存在一个误区，认为原型设计是他人的工作，而自己是负责实现的。事实上，这种想法不利于自己的成长和职业发展。今天设计达人和大家分享原型设计...

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

无论是产品经理还是交互设计师，产品的原型（框架图）都是经常要绘制的，原型图目前有手绘草图、有使用类似Axure之类的设计工具绘制出线框架图。还有的交互设计师用Sketch画出高保真的原型，到底我们要画...

每个现代企业都需要一个网站。网站不仅可以轻松访问所有信息，还可以促进销售。但是，仅创建网站是不够的。如果您的网站简陋或运行缓慢，对您的客户来说毫无用处。如果要改善消费者的整体浏览体验，则必须改善网站的...

译者推荐：参与式设计并不是一个非常新鲜的设计方法。但是参与式设计在使用上难度比较大，在国内很少使用。文章讲述了如何在实际中运用参与式设计，并且结合案例，可以让读者对于参与式设计有深度理解。[̷...

武侠小说中有“走火入魔”一说，指的是武功修炼过程中内力/内气走错方向，造成不同程度的后果。同理，在入门交互设计时，如果学习步骤有误，轻则会演绎出“交互设计，从入门到放弃”，或者是东拼西凑，尽是零散的知...

苹果是一家为数不多以设计驱动的公司。如今，当我们谈论起产品设计、谈论起用户体验，总是离不开苹果，它所坚持的设计哲学是对细节和质量的极致追求。下面，我就带大家看看 Apple 在交互方面做的努力...

你们是否被新中式的玉石风格深深吸引？那种温润如玉，冰透质感的美，简直让人爱不释手！今天，就让我们跟随Midjourney的脚步，一起学习如何用AI绘画技巧，创作出具有传统韵味又不失现代感的新中式玉石图...

感知力是大脑将不同的信息连接和组织成一个连贯整体的机制。例如我们将相似的对象分组并连接起来，能够轻松地区分出不属于该组的对象。

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

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

对于交互设计师而言，在画完原型图后还需要撰写一篇规范的交互文档，这不仅能更好的与团队对接，同时让交互原型更能清晰表达出来，今天分享交互文档的撰写经验和文档的Axure源文件，希望能给大家带来帮助...

界面设计中常见不可点击或被禁用的按钮，只有达成某些条件后，按钮才能解除禁用。禁用按钮的处理有多种处理方式，但设计思路可以概括为两种类型：「召唤类」与「工具类」按钮。 一、召唤类按钮的禁用状态 在召...

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

昨天微信更新了IOS的新版本，有几项比较明显的设计细节做了修改，今天作者就和大家一起聊聊具体的修改点和我对这些修改的思考。废话不多说我们直接来看图。

前言：今天和大家聊聊“交互原型”要画到什么程度这一话题，也算是对自己成长的一个总结和沉淀。

今天给大家带来的是亚马逊排版的设计，应该也是第一次做亚马逊的版式拆解，还有现在亚马逊的画面，也是与国内的电商主图做一个同步，都是采用手机端的尺寸去设计主图，我不知道大家有没有开始做3:4的比例的尺寸了...

著名魔术师达里尔·菲茨基（Dariel Fitzkee）曾经说过，“魔术既要有细节也要有表演。”交互设计就是这样。设计师们想把页面布局作好，如果细节处理不好，解决方案便会失败。魔术就在于细节。这就是为...

不舍得分享的绝美MJ字母咒语，都给我冲冲！ 这段炫彩PVC字母的mj咒语，无论质感、光影、颜色还是场景都是绝绝子！无需垫图，咒语直出！！！ 好用到，我简直都舍不得拿出来分享了?，割爱了！[…...

在数字艺术的浪潮中，Midjourney以其独特的摄影效果处理能力，为创意摄影带来了革命性的变化。从抽象到散景，从逆光到红外线，26种不同的摄影效果，每一种都能让平凡的照片焕发出独特的魅力。今天，就让...

在当今快速发展的数字产品领域，设计系统已成为提升开发效率和产品质量的关键工具。它们不仅帮助团队实现设计的高度一致性，还促进了不同部门间的无缝协作，同时显著减少了开发过程中的错误和重复劳动。设计系统的核...

移动端开发的主要载体是Android和iOS，在开发的时候出于某些原因而采用一套设计方案的情况也不少。然而，由于两个操作系统在理念和规范上的不同，在具体落地中会要求产品开发作一些特定的适配或修订。因此...

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

本文重点介绍两种可用于设计需求优先级排序方法论：一是波士顿矩阵分析法，属于定性分析；二是KANO模型分析法，属于定量分析。 [……]

业内有很多人觉得手势交互没必要拿出来深究，觉得用户使用产品的过程中，自然而然就会去使用拇指，进行手势操作。但这种说法，就跟「用户心理模型」类似。当然，对于用户来说没必要深究手势交互，但作为设计师，如果...