UI设计

色彩体系的推导其实有很多文章有详细的介绍了，这一篇主要粗浅的梳理了整体流程经验，补充一下技术方法与色彩模型的差异。前言：本文粗浅阐述色板生成、检验与应用的流程方法，包括主流的基准色选取、演算方法、补…

我们将常规的基础通用手势进行打散重组、结合实践案例梳理出组合手势设计模型，探索如何在视频场景中构建便捷高效的进阶手势体验。一、前言视频播放器中承载着极其丰富的内容画面和播控功能，尤其是在寸土寸金的移…

本文分享个人搭建青云 QingCloud 可视化色彩体系过程中的一些经验。（阅读此文需要一定的色彩空间知识作为基础，否则有些难啃） 一、前言 1. 背景 目前平台上使用了三套组件库 A、B、C，A 是最原始的组件库，基于此…

当我们做项目的时候，最重要的就是设计目标的确定，这关系着我们的方案是否真正解决产品问题。然而这个目标可不是我们以为的用户需要这样改，也不是产品告诉我们这么改，甚至更不可能是拍脑袋定的，那这个影响大局…

作为 UI 设计师来说，体验总结是必不可少的日常习惯，灵感的来源离不开对优秀设计的探索。本期黑马哥选择了最近发现的一些不错的设计案例，希望这些优秀的案例可以带给大家更多设计思考，强化我们的设计感知能力。…

设计师都知道根据《苹果 iPhone 人机界面设计指南》，手机 UI 的最小点击区域是 44px。但汽车 HMI 的最小点击区域业内却没有定论。考虑到汽车驾驶关系交通安全，点击区域大小与反应时间极为重要。文章的作者 Casper…

Halo，这里是设计夹，今天为大家分享的是「动效格式」。文章来源于设计师「三长老」对于 UI 动效输出格式的设计研究。 作为用户体验领域不可缺少的一部分，动效随处可见。日常工作中，我们可能只用 1-2 种动效格式…

本次升级主要目标是解决百度 APP-小说频道活动调性同质化，缺少创新性和品牌感的问题。一、项目概述运营升级主要针对运营活动，探索全新的设计语言，构建用户对小说产品的记忆点。同时收拢活动玩法，沉淀模型，提升…

随着 3 年疫情影响，全球经济下行，消费者更加关注性价比高的货品，今年京东 11.11 以"给生活多点实在"为主题，以更简单、更大力度的优惠举措，更丰富的趋势新品和爆款好物，更全面、更贴心的服务体验 ，…

签到的存在不仅可以增加用户的黏性，也是激活用户参与度的关键因素之一。签到按钮在 UI 设计场景中，算是较为常见的一个类型，一个好的签到按钮不仅可以提高用户的关注度，也能激发用户的点击欲。这就是给你的一个…

卡片设计在 UI 中有非常多的优势，相关的文章我已经写过几篇了，结合往期文章可以更系统地学习卡片设计规范：在做卡片设计时什么才是最重要的？这篇文章中我将会分享 8 个最关键的细节。在这之前，我们一起来对 UI …

今年以来，京东购物小程序围绕"一键发现 万物好店"的产品心智，从消费链路的上游提升可逛性出发进行了一系列产品&营销设计升级。1.0 致力于打造更契合微信域的用户体验；2.0 尝试以一种有趣的姿态留…

很多时候，大家都觉得新手引导大可不必，对于大部分产品，用户看都不看直接关掉，但对于一些较为复杂的产品，新手引导是不是比看长篇大论的说明书好多了。设想一下，我们生病后拿的药品，可曾有过一次将说明书从头…

作为设计师，你一定遇到过这样的情况，自己做的设计稿，被开发出来后却完全换了一个模样。不仅视觉上有问题，交互上也有错误。而要想避免这样的情况，我们就一定要重视还原度走查这个阶段。它是我们产品上线前的必…

Hi 大家好，在半年前我和亚辉、Shadow 一起主编的《智能座舱的人因与人机交互设计》（书名待定）的撰写工作已接近尾声，和大家商议后，在此我来提前共享书中的部分初稿，希望能对读者有所帮助，以下进入正文。笔者…

对于 B 端数字产品来说，建立一套企业级的 Design Systems 可以提升团队生产力为企业赋能，这当中会沉淀很多设计资产（设计资产指设计体系中的所有产出物）。在有了设计资产后，如何确保使用者能够正确使用？如何维…

编者按：本文从启蒙、基础、强化、进阶4个方面，列举了UI设计师学习交互的路径和方法。一、为什么 UI 设计师要懂交互？近几年的互联网市场，有不少公司提出了"全链路设计师"、"用户体验设计师"…

标签可以帮助传达信息，进行产品分类，进行营销分流等。本文围绕标签规范设计方法进行分析，总结了一些方法论，希望对你有帮助。前言标签是我们最常用的设计组件之一，由于功能强大，使用场景多样化深受喜爱。好的…