设计文章

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

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

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

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

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

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

从 iOS 系统设计中，有很多地方是值得视觉和交互设计师学习的，你在使用 iphone 过程可能也会发现一些小细节，细节到你会发现iOS的设计是如何的严紧。

今天给大家介绍一款简单实用的原型交互演示设计工具—摩客串串Chinco。

使用 Mockplus 软件有段时间了，期间有很多使用者问我组件的设置交互状态怎么用（当然有很多人看了都会用），我就有想把怎样使用设置交互状态的方法记录下来，供初学者参考，今天趁休息时间整理了一下，分...

自PC时代（包括智能手机、电视机）以来，计算机操作系统的用户界面中含有各种各样的控件元素以及操作规范。也正因为界面元素和操作的不同使其形成了自己独特的系统特征。不同的可穿戴计算设备也同样有着不一样的系...

无论是网站还是APP UI设计，适当的适用交互动效，会使得你的界面更有吸引力，甚至令人着迷，现在使用交互动画已经越来越流行，如果你不加点动效上去，哪么你就真的凹凸曼了。

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

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

一个优秀的APP交互动画不仅仅是弦，而且要实用，有的还要考虑手机的性能等因素，所以想做一个好的交互不并容易，今天摘选自Ramotion公司的一些项目交互作品，交互效果很棒，值得欣赏学习。

随着设计门槛的不断降低，咱们对设计方案的要求反而要不断提升，才能跟上时代的脚步。现在有了优秀的UI组件，但不表示设计师就能直接拿来用，而不加思考，今天我们就来看看不同设计师，拼出来的模板是有什么区别吧...

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

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

我们平时使用 widndows，MAC 操作系统以及一些 APP 程序时，确认框中的[确定]/[ok]之类的按钮有的放左边，有的放右边，到底是放在右边正解还是放在左边呢？

去年我们发布了 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画出高保真的原型，到底我们要画...

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

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

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