系统界面设计

大家在平时的工作中，越来越多地会接触到后台界面设计，与一般的 UI 设计一样，它也有它的设计要素和规范。今天这篇文章将会讲到后台界面的 5 个关键设计要素和 10 条设计原则，记得收藏阅读并用到自己的工作中吧。…

本文从搜索的基本属性与特征、搜索入口的样式及应用场景、常见的搜索方式、搜索流程状态解析和辅助模块/元素的妙用5个章节，帮你掌握搜索设计。前言搜索是产品中非常重要的一个功能模块，它通过搜索框给用户提供一…

交互设计细节中，最常见的「返回」、「关闭」和「取消」应该如何运用？本文用超多案例帮你掌握。当进入新页面时，回到上一级页面的操作会使用「返回」、「关闭」或者是「取消」。他们看起来相似，但实际使用上有明…

本文从卡片式设计的定义、设计价值、常见的设计样式、适用场景介绍、设计原则及小技巧五个方面，帮你掌握卡片式设计。前言近几年，卡片式设计可以说是移动端产品中极为常见的设计形式了，甚至有很多互联网大厂将卡…

UI设计中最常见的小红点该如何设计？本文从小红点的前世今生、设计要素、应用场景、提升价值的技巧等6个方面，帮你完整掌握。前言你是否在打开 QQ、微信后，看到满屏的小红点，在强迫症的趋势下必须把它们全部消掉…

编者按：在搜索功能上，天花板级别的设计师还能玩出什么花样？本文梳理了众多大厂的搜索设计细节，一次性看个够！搜索的本质是什么？无疑是内容的召回和信息的推荐。可随着时代的发展和行业公司的内卷，不少公司除…

编者按：遇到复杂的业务产品，设计师该如何破局，如何站在业务的视角主动视察？本文用58的实战案例，给大家带来一点思路。58 拥有丰富的业务品类，其功能也多，若重要的功能或业务没有在首页进行合理的曝光，则可能…

任何设计师都曾经与 CTA 按钮打过交道。当页面中存在着一个 CTA 按钮，那就意味着此次的目标就是不断得引导用户们用手指去点击，以提升业务转化。一旦点击率达到或超出预期，那便验证了此次设计的有效性。但是，我…

编者按：这篇文章出自 UX Movement ，文中详细分析了品牌色不适合运用到网页和 APP 的按钮背后的设计逻辑，并不复杂但是非常值得学习。 很多 APP 和 网页 喜欢在 CTA 按钮和关键功能按钮上使用品牌色，这样的设计看…

本文将以百度商业团队 Light 设计系统 PATS 度量体系的建设为例，分享我们如何探索设计系统度量的建构与具体实践。希望通过文章能为大家带来新思考，并借此与大家进行交流与探讨。写在前面成熟的设计系统是一个强大…

最近在使用 Figma 搭建组件库，期间也遇到了一些困难：如何搭建变体、如何精简变体、搭建的组件如何更易用等，后面通过上网看视频教程、拆解大厂设计系统组件结构，再经过自己的仔细琢磨与尝试，总结了一些搭建组件…

在可视化大屏业务中，设计师如何快速了解业务并产出合理的方案呢？我们把日常工作做了梳理，为了大家有更好的阅读体验，文章将拆分为需求理解与设计方案制定两部分，本篇介绍可视化大屏业务需求理解与设计。一、大…

大厂的设计改版流程是怎样的？本文从京东云的视觉改版案例出发，手把手带你认识完整系统的改版流程。一、升级背景京东云官网作为京东云对外唯一官方门户，并承载整个云业务售前及售中的核心渠道，是用户接触京东云…

设计规范的应用逻辑很简单，但需要有非常娴熟的软件功能使用基础，所以之前花了很长的篇幅讲解了和规范相关的软件功能应用，就是为了现在做准备。一、项目规范的整理准备1. 项目规范的制作流程项目设计规范的制作是…

我们都说，B 端产品很复杂，如何利用设计为用户降低产品的固有复杂性带来的成本呢？在设计中有一个定律叫做特斯勒定律，又称复杂性守恒定律。它指的是每一个应用程序都具有无法被转移或者隐匿的复杂固有量。简而言…

本文全面总结了 B 端产品中的筛选功能设计。之前也有总结一篇简洁版的关于筛选的文章，回头查看原来总结的文章时才发现确实之前总结的有点太过简洁，很多筛选类型和使用场景都考虑得不够全面，这也是之前对该功能不…

编者按：B端设计常见的风格和配色方案有哪些？本文总结了6种B端设计风格和多个色彩搭配组合。"你的这个页面，一看就不是实际的工作当中的页面""你的这个设计风格未免也太过于夸张""为什么…

点线面在用户界面中的应用貌似很少有人写，我挑业余时间进行了大量案例的翻阅分析，发现其中确有规则。前言用户界面的本质是资源的互换。用户为产品提供时间和注意力，产品为用户提供单位时间内最大价值的内容。当…

消息通知在我们设计的过程当中非常重要，因为它作为系统与用户之间沟通的桥梁，能够帮助我们提示用户："目前的操作状态、系统的公告、用户之间的互动内容"，而不同的消息内容，我们需要使用不同的消息通…