网页设计

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

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

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

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

参与了公司设计体系（设计原则、视觉规范、组件库、全局规则）的整体优化，通过这次优化也领悟到了一些之前一直疑惑的点。尽管经历了大半年的打磨，但到现在还是有很多问题，不过这没关系，任何一个公司的设计体系…

之前我们讲了用户画像，让大家可以通过构建用户画像，去深入了解用户的行为、态度、痛点和需求。（构建用户画像本身并不是目的，而是手段，用户画像可以让大家把前期的用户研究和洞察可视化，为之后的产品设计提供…

自媒体正在深刻地影响着每个人的生活，刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前，甚至上厕所都会不由自主地打开各种 App。 各大平台都在绞尽脑汁争夺用户的时间，不仅要满足…

编者按：这篇文章出自资深设计师 Erik Messaki 的总结，文章总结了 7 种网页设计趋势，虽然其中很多趋势之前已经存在，但是在细节和特征上，Erik 有更为深入的分析，值得看看。 关注趋势本质上就是关注未来可能存在…

文字是人类文化的重要组成部分，经历了数千年的发展和演变，字体排版已经积累了非常多的专业性知识。无论是平面设计师还是 UI 设计师，都应该了解和学习这些基础设计知识，从而帮助我们创造更优秀的产品体验。文字…

这是我在 Medium 上看到一位工作超过 17 年的国外设计 leader 写的一篇关于设计原理的文字，讲为什么设计可以变得有效？讲得很透。强烈推荐大家阅读，定有收获！ 1. 奇数原则和三分法构图 奇数法则意思是说，在设计…

编者按：这篇文章出自著名的用户体验设计机构 NNGroup，资深用户体验设计师 Kelley Gordon 负责撰写了这篇文章。对于设计师而言，网格系统并不陌生，但是在什么时候用，用什么样地网格，甚至什么时候打破网格地规则…

本文为悬浮小窗设计研究，悬浮小窗分为：视频小窗、音频小窗、文档小窗三种，此次选取 15 款 APP，从功能、交互设计和 UI设计来分析。 文章目的： 让大家了解悬浮小窗是什么 让大家了解悬浮小窗的主流交互和视觉展…

导航系统的设计依赖于信息的组织结构，受制于媒介的交互特性，还需要符合用户的习惯和目标，所以我将从信息结构、导航形式、导航路径优化 3 个方面为大家展开导航设计。1. 导航是什么？① 导航的起源与本质导航，英…

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

在UI设计中如何构建界面设计框架？本文从用户需求、业务目标、媒介属性、竞品设计4个部分，帮你掌握这个用户体验设计的知识点。如何构建界面设计框架？一个界面的框架究竟是如何设计出来的呢？我们可以从 4 个维度…

编者按：设计模型中最常见的2个：双钻模型和5E体验模型，看完这篇帮你掌握！1. 双钻模型它的作用是什么双钻模型是设计师在创作过程中可以循环复用的系统，他不仅可以在我们设计界面时运用到，在一些数据提升优化等…

按钮是 UI 界面中最常见的功能元素。本文将分析四种不同类型的按钮样式，以及对应的使用场景、设计要点，巩固这些基础但重要的按钮设计知识。虽然单个按钮的设计相对简单，但把按钮放在整个界面中，我们不仅仅要考…

编者注：UI设计中的间距到底是什么，有什么作用，如何合理有效地使用？本文整理总结了五个方面，帮你掌握间距设计的方法。前言很多时候，我们发现自己精心设计的作品总是乱乱的感觉，究其根本，大部分都是文字、图…