用户体验设计

编者按：按钮设计是 UI/UX 设计的一个基础问题，设计师 Eduard Kuric 为此专门深入地撰写了这个系列文章，这篇是系列的第一篇。他在文章中深入分析了按钮的基础特性，并且深入细致的设置了一套完整的测试，试图彻底…

在视频画面尺寸、手机屏幕分辨率极多的复杂情况下，如何通过布局、内容、视窗挤压、智能满屏等形式，进一步提升视频看播沉浸式体验呢？前言沉浸式体验是让人专注在当前的目标，全身心投入并感到愉悦和满足，从而忽…

灵动岛和 iOS 实时活动推送界面的设计规范终于出来了，原文在这里，做设计和开发的同学记得看看。实时活动显示的是来自 APP 最新的信息，让人一目了然地看到最新的事件或者任务的进度。实时活动帮助用户跟踪他们关…

给用户提供的是一款专业资料查询阅读的 App，用户最看重的是资料覆盖是否全面，内容是否严谨。这就辛苦了公司的数据生产团队，必须非常及时和高效率地拿到一手原始资料，进行翻译编辑校对等工作后发布给用户阅读。…

作为交互设计师，我们要确保产品的框架，任务的链路，界面的设计符合用户的心智模型。那么如何才能够尽可能的匹配用户的心智呢？ 今天我们开始讲解交互设计常用模型，帮助大家建构宏观的思考框架，利用前人的智慧，…

界面是用户在与任何产品、APP 或平台交互时看到的内容，用户体验就是建立在坚实的界面设计基础之上的。所以，如果你想要在 UI 设计上提升能力，应该多去思考界面设计背后的原因。今天会跟大家分享一些被广泛运用的…

编者按：在进行 UI 设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧，是系列文章的第四篇，原文最早发布于 marcand…

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

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

蒙纳公司最近刚刚发布了 2022 字体设计趋势报告，这份报告对于视觉、LOGO、平面、字体/字库设计师有着相当的参考价值。这家早在 1920 就开始制作中文字库的美国公司，有着丰富的字体设计经验，它的子公司甚至持有着…

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

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

从零做一款产品的时候，需要制定产品的主色。怎么制定呢？ "归纳产品特性和理念-提取关键词-建立情绪版-选择色相-制定色系"，这是很多文章里面归纳出来的几步，使用的时候也有理论依据。但我想说点不一样…

图标是UI设计中除了文字之外最不可或缺的视觉元素，在设计中看似只占一个很小的区域，但是它却是考验设计师基本功的重要标准，了解图标相关的概念，以及正确绘制的方法，是入门 UI设计的必备条件。 本文将对图标进…

今天给大家分享可视化的入门全流程指南，从设计流程、规范、技巧、组件、开发落地等系列知识的普及。前言随着大数据产业的蓬勃发展，很多企业都开始应用数据可视化。智慧城市、智慧交通、智慧医疗等等越来越多的行…

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

大家有没有感觉到，最近关于折叠屏的新闻越来越多了。虽然我周围没见到什么人买折叠屏，但架不住厂商热情高涨啊。全球各大厂商几乎都在拼命钻研折叠屏手机，而且几乎每发布一款都有技术革新。根据面板供应链市场研…

动效在 UI 设计场景中的运用强化了感官层面的体验，也使得交互设计更加易于理解，通过动效辅助功能操作的理解度。近期在体验产品的过程中，观察到了一些微动效的优秀案例，分享出来和大家一起探讨。拖拽头像营造趣…

在移动端产品中，标签不是核心内容，甚至有点不起眼，但是谁都无法忽略它的存在。特别是在电商平台中，标签已经成为了不可或缺的设计形式。今天我们就来总结下标签设计的细节。文章主要分为 3 部分：标签是什么？标…