交互设计

在 2021 年终总结时发现这些年读了很多的文章，虽说也会通过各种工具记录整理，但还是会觉得零散。最好的输入是输出，今年给自己定的目标是写 10 篇文章。一来是把零散的知识整理归纳，串联知识结构；二来是通过课…

编辑导语：怎么样让设计出来的产品更加美观，更加符合大众审美呢？设计师有一些理论上的知识可以引用，本文作者分享了关于交互设计的七大定律法则，我们一起来了解一下。有时在一些设计师讨论分享会，或者和一些非…

下拉菜单是在界面设计中很常用的组件，它以下拉的方式同时展示多个标签并帮助用户缩小选择范围，快速满足用户的选择需求，尤其是一些导航，设计师会很依赖下拉菜单的使用。在 UI 设计中，虽然经常会使用到下拉菜单…

下拉菜单是在界面设计中很常用的组件，它以下拉的方式同时展示多个标签并帮助用户缩小选择范围，快速满足用户的选择需求，尤其是一些导航，设计师会很依赖下拉菜单的使用。在 UI 设计中，虽然经常会使用到下拉菜单…

在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候，我们大多只需要进行有限度的微调，即可达到颇为不错的效果。在之前，我已经撰写了很多实用的 UI & UX 优化小贴士（看完文章在文末获取），这篇文…

今天为大家分享的是「组件设计」。现在有很多成熟的组件库，能为设计的规范性带来更大的便利。但作为设计师，不仅仅需要了解每个组件的样子、用在哪些地方，更需要清楚地知道组件的本质，即组件的形状、行为、状态…

大概是出于对 Material 3 和 Matias Duarte 的热爱，我昨晚还是熬夜将 Google I/O 大会的 Keynote 跟了一遍，没有等来谷歌的设计高级副总裁，倒是看到了不少有趣的内容。值得关注的硬件AI 系统 LaMDA 2 越发强大了…

今天给大家分享在可视化设计中，最常用的动效落地方案介绍，这一次是一个非常非常干的干货，手把手教你如何配合开发将小动效在页面中展示出来。希望可以带给大家更多帮助！前言最近在做项目中遇到一些问题，有些效…

B 端产品主要是 Web 端产品，空间大、操作多，内容相对复杂。需要通过页面布局或者视觉设计表达出明确的逻辑关系，从设计角度降低用户的学习成本。而用户有固定的认知规律。格式塔原理揭示了人类视觉的认知是整体的…

Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。为了保证这篇文章的质量，Dribbble 年度的每个作品都超过 550 赞。在此原则下挑选了 828 件作品，作品总…

前言 在 B 端设计中，表单设计是常见的需求设计，对于 B 端来说，表单的信息复杂程度会根据业务的实际情况而定，常见的简单表单设计只需要将表单的字段平铺在页面中，用户输入相关信息即可完成表单的任务。但是在 B…

按钮是设计界面中常用且重要的组件之一，它在页面中占据的位置不大，却承载着重要的交互操作。我们在设计的过程中很容易忽略对按钮设计，它的样式、使用场景、层级与排布等等，都值得我们深入了解、学习，从而合理…

上期《可视化大屏设计如何设计？可视化大屏设计快速入门指南》给大家普及了可视化大屏设计的概况，从硬件、GIS 数据、三维建模、动效设计、图形技术、渲染引擎的技术架构等六个方向的总结。今天给大家分享可视化中 …

前言在 B 端产品当中，我们经常看到五花八门的设计页面，很多人会质疑自己，这是 B 端产品的页面么？感觉品牌调性不太符合，B 端产品往往传达给用户的都是严肃、刻板，但是在同一个产品当中，同样会存在这样的差异…

最近做了HUAWEI Mate Xs手机折叠屏的相关设计，借此机会「趁热打铁」分享一手界面操作体验、适配技巧分享给大家，希望对各位设计师同学有所帮助和参考。在这里我使用的是华为折叠屏（HUAWEI Mate Xs 上市时间2020年…

无独有偶，设计师 Diego Salvatierra 还提出一种新的「Boxmoji」的设计趋势，而他所总结出的这种设计趋势，和 Michal Malewicz 所提出的「新粗野主义」风格有不少共通的地方。「boxmoji」有啥特征？所谓「Boxmoji」…

虽然直觉认为按钮是一种很简单的控件，但在梳理按钮相关知识点的过程中，发现小小控件其中包含了很多容易被忽略的细节。按钮几乎是每一个页面不可或缺的元素，对于按钮的认识基本停留在视觉层面，一个圆角矩形搭配…

交互设计文档，也叫 DRD，是交互设计师将抽象的产品需求，转化为具体的界面方案、展示页面细节的说明文档。一个好的 DRD 不仅能帮助团队了解需求背景、设计方案等，还能极大提升交互或产品经理的专业性。所以老和这…

搜索设计看似简单，展现形式上只有一个输入框和搜索按钮就可以了，但是里面隐藏了很多交互细节。最近工作中刚好有搜索相关的设计需求，今天就来总结下搜索中的交互细节设计。 本文的主要内容包括： 搜索的作用 搜索…

标签栏是用户进入 APP 的第一触点，绝大多数以固定在设备底部的形式、让用户在应用中的不同模块之间快速切换。它作为移动应用中最常见的元素之一，是 UI 设计师们绕不开的课题。一个好的底部标签栏可传达出产品的核…