设计文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

前言：在用户体验设计中，微交互变得越来越重要，它不仅指导用户使用产品、减少出错、安抚情绪，更是一种积极有效的沟通方式。在不断发展的互联网环境下，利用微交互加强与用户的互动，成为产品持续用户满足用户需求...

在交互设计中，设计师与目标用户的联系很密切，我们需要时刻考虑用户在什么场景下做了哪些操作，确保产品功能好用、易用，符合用户的操作。

手机键盘，可以干嘛？无疑是打字、信息输入，也是用户体验产品最常用、最直接的方式之一。我们每天都在使用键盘，但是偶尔会遇到一些体验上的不足，如键盘挡住操作入口、很难控制键盘光标的移动…

对于淘宝APP设计体验已经相当不错，但依然还有升级的空间，细节决定成败，大方面做好后，还得从细节方面入手，这里面的体验升级有什么设计秘诀吗？让我们来一起看看淘宝最新设计升级背后的故事[…...

Illustrator混合工具是在进行视觉设计时常使用的工具，熟练掌握可以轻易实现非常复杂和炫酷的效果！希望通过本期讲解，让你轻松驾驭混合工具，灵活运用并举一反三设计出更多优秀作品。[…...

来自 vivo 游戏大会员的案例，关键改了几个小点就把转化率提升 50%！[……]

很多设计师都有了解过流程图这个东西，而且可能很多人的作品集里都躺着那么几张流程图。[……]

去年我看了很多交互作品集，假如问我最怕在交互设计师或者UI设计师的作品集里看到哪个东西，那必然是这个叫“用户画像/persona”的玩意，假如你的作品集里也有这个部分，并且和我下面这张图相似度超过80...

这篇教程整理了八个比较常用的 LOGO 在设计中的表现手法以及相应的所用到的 AI 工具，由于是讲技法的东西，所以真诚建议看完之后要至少对照着做一遍，因为不做约等于白看！避免在评论区看到眼睛会了手不会...

数据可视化设计中尺寸的确定也是至关重要的，尺寸的准确性，将直接影响到后期的设计、开发、适配及视觉效果清晰度等。为了更加准确高效的完成设计目标，前期确定好设计尺寸很关键，也是设计开始的必备条件。[...

京东有一款叫做爱回收的 APP，主要用来回收数码产品，不知道大家听过没？

今天来分享一下工作中非常重要的协作问题。

近些年，WPS 组件页在完善基础功能的同时，增加了许多新功能。新功能的持续增多，虽然满足了用户更广泛的需求，但也使界面中的功能入口越来越多，一定程度上增加了用户的认知负担。 […̷...

动效是用户体验的重要组成部分，也是产品调性的重要体现。如今动效设计也有了更多的解决方案，如 Framer、Principle、Flinto、Protopie 等，这些软件在制作交互原型时，确实有更轻量...

为什么需要动效落地？当你听到这些声音：希望你的动效快点落地、开发实现动效效果不好、你的动效到底怎么落地？你动效牛逼有啥用，开发不会做…… 所以要实现动效果落地。 文章目录： 01. 格式对比 02. ...

前言：在市面上，大多数好的APP都可以看到细微的交互动效，动效设计已经是UI设计师必须会的技能，那么，APP动效设计如何做得流畅又实用？本文将分享UI设计师必须知道动效规则，并用”对...

前言：今年「B 端产品 C 端化」的概念很火，我觉得这应该算是一个成功案例了。

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

前言：动效质感最直接的表现就是对动效速度与节奏的微妙把控。动效不仅仅炫酷有趣，能够生动的展示界面间的转换，还可以清晰地表达层级的关系，及时有效的界面内的元素。给用户带来自然、高效和顺畅的体验。有好的动...

原研哉在他的《设计中的设计》中有介绍过这样一个案例：日本机场原来是用一个圆圈和一个方块表示出入的区别，形式简单并且好用，但设计师佐藤雅彦却用一个更“温暖”的方式来重新设计了出入境的印章：入境章是一架向...

无论是国外还是国外，很多厂商都开始了智能手表的生产，然而这些智能手表设计对UI设计师来说是一次非常新鲜的体验，如果这方面设计有兴趣的同学可以看看本文，进一步了解智能手表的交互及设计。 圆在日常生活中比...

前言：目前我们已经在Sketch工具上实现了Libraries云端设计库的工作方式。我们挑选在Sketch工具上做云端设计库的原因是：目前我们团队做界面设计比较多，且Sketch的插件能力比较丰富，设...

承接上文《玩转HTML5移动APP页面（动效篇）》，上次说的是让页面动起来的一些小技巧。 而页面动起来的根基是功能可用的页面，因此有必要分享一些优化细节的技巧和方向，熟悉掌握一些方法论还是会对页面开发...

作为一名前端，在拿到设计稿时你有两种选择： 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？ 这次就...

随着硬件快速的发展，Retina技术发展至今，目前Google Nexus6的devicePixelRatio已经到了3.5，虽然目前主流的Retina显示器还是以devicePixelRatio ...

在上一篇文章中，我们讲述了字体渲染机制和导致iconfont出现锯齿的原因，以及如何才能出绘制高质量SVG ICON，并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清I...

设计师制作完项目设计稿后都需要输出设计方案，很多时候设计师以为自己设计的作品已经非常美观，从视觉表现到细节元素、交互设计等等已经没多大问题，可以是在实际输出项目方案后，总是要反复地修改，到底是为什么呢...

随着设计工具的不断发展，Figma逐渐成为各大公司的主流设计软件。Figma强大的组件库能力，非常适合团队设计系统的建设与应用。相比Sketch，Figma在Auto layout、变体和实例等方面极...

当我们设计Web表单时，往往用最直觉的设计经验本能驱动我们去解决一些看似在界面设计中最简单的问题，但每每到细微之处，又会有无数疑问从细节中冒出来给我们的设计造成困扰。 例如：在表单界面Label（标签...

前言：通过百度直播平台案例，向大家分享设计语言的构建思路。 什么是设计语言？ 设计语言是把设计作为一种“沟通的方式”，在特定的场景中进行内容与信息的传达。设计是介于科学与美学之间的一种艺术，是需要理性...

前言：帐号作为用户身份在互联网产品中的投射，是用户在产品中重要的身份信息。我们可以通过用户的头像、用户名、挂件等快速辨识用户性格兴趣喜好等特征。在用户进行社交时，帐号头像是最直观、最快速的了解用户的方...

前言：设计师在接触一个新的业务领域时，会习惯性地通过竞品研究快速地了解行业，通过对比竞品快速地找到体验优化机会点。但B端产品具有专业性强、功能复杂度高和操作链路长的特点，即便有竞品可以对照，B端设计师...

设计师不要害怕改稿，这是成长的必经之路，今天给大家分享海报设计的改稿思路，同一个稿件用4个不同气质的版式设计，来，我们一起学习吧。[……]