UI设计

编者按：B端设计的色彩体系如何构建？本文从色彩分类、色彩体系、色彩应用3个方面，帮你掌握B端色彩体系的设计基础。中后台管理系统是一种管理工具，用来帮助企业高效、稳定的管理、运营、协作，从而实现降本增效。…

B 端产品服务于企业、产品、研发，目的是要帮助 B 端企业解决问题。我们在工作中对于图标的命名规范有良好习惯非常重要的，规范的命名方式可以提高设计与开发人员的的效率，既方便设计又方便开发人员，我凭借多年工…

随着国内市场饱和，越来越多的公司转向海外寻找新的增长机会，其中出海电商成为了最大的市场之一。 随着国内市场饱和，越来越多的公司转向海外寻找新的增长机会，其中出海电商成为了最大的市场之一。21 年底艾媒咨…

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

作品集中的推导分析部分该怎么写，而不是套市面上的流程和模板？本文用2个实操案例，帮你做出有理有据的作品集推导。作品集放什么、怎么放，归根究底只要能展示出你独特的能力，我觉得都可以，比如你版式设计好，你…

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

今天我们以“小组件”作为一条线，好好聊聊 PC、移动端这么多件和提效相关的动作。一、起源于 90 年代1. 开端：苹果公司的“桌面装饰”这事还得从 Mac 说起，当 Mac 还被称为 Macintosh 时，初始团队工程师 Andy Hertzf…

本文从标题栏的组件介绍、设计要点、使用场景、样式拓展四个方面，帮你掌握UI组件中的标题栏设计。一、组件介绍顶部标题栏，是几乎所有 APP 页面设计中的第一个组件，用来展示页面的名称和放置一些层级较高的操作选…

编者按：产品设计中常见的消息通知有哪些类型？每个类型的优缺点分别是什么？本文总结了5种常见的消息通知类型。通知是许多产品中不可或缺的一部分，它用于传递产品的一些新的信息状态，帮助用户能够及时收到信息。…

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

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

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

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

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

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

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

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

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

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