探索 设计规范

UI/UX 设计最佳实践,视觉设计与用户体验优化案例

33 篇文章
持续更新
网页设计的可读性测试:用规则而不是感觉
2026年3月15日 · 15 分钟阅读

网页设计的可读性测试:用规则而不是感觉

很多页面看起来不差,但用户就是读不下去。本文从字体层级、行长、对比度、扫描路径和测试方法出发,讲清楚网页设计里的可读性应该如何量化检查,而不是只靠主观审美。

网页设计可读性测试排版设计用户体验
网页设计的 A/B 思路:变量、指标和迭代应该怎么配套
2026年3月14日 · 15 分钟阅读

网页设计的 A/B 思路:变量、指标和迭代应该怎么配套

A/B 测试不是随便换个按钮颜色,而是围绕变量、指标和决策规则建立实验闭环。本文从网页设计和转化场景出发,讲清楚什么值得测、怎么测、测完怎么用。

网页设计A/B 测试转化优化设计迭代
网页设计的信任构建:评价、案例、对比信息应该怎么放
2026年3月14日 · 14 分钟阅读

网页设计的信任构建:评价、案例、对比信息应该怎么放

很多页面不是功能不够,而是用户不信。本文从评价、案例、对比、承诺和风险说明出发,讲清楚网页设计里如何通过信息结构建立信任,而不是只靠一句口号。

网页设计信任构建转化优化案例展示
落地页组件库怎么搭:按钮、卡片、表单和信任模块如何复用
2026年3月11日 · 15 分钟阅读

落地页组件库怎么搭:按钮、卡片、表单和信任模块如何复用

高转化落地页并不是每次重新画模块,而是把按钮、卡片、表单、信任区和 FAQ 设计成可复用组件。本文从组件边界、变体设计和 A/B 测试角度给出搭建方法。

网页设计组件库落地页设计系统
网页设计中的信息密度控制:内容很多,也能让页面看起来不拥挤
2026年3月11日 · 15 分钟阅读

网页设计中的信息密度控制:内容很多,也能让页面看起来不拥挤

信息密度不是单纯多与少的问题,而是层级、节奏、留白和模块组织的平衡。本文讲清楚如何在信息量大的页面里维持清晰感和阅读节奏。

网页设计信息密度可读性栅格系统
网页设计颜色系统怎么搭:不用靠审美,靠 tokens 和变量做稳定配色
2026年3月9日 · 13 分钟阅读

网页设计颜色系统怎么搭:不用靠审美,靠 tokens 和变量做稳定配色

颜色系统不是临时挑几个 hex 值,而是为品牌、状态、背景和组件建立可执行变量。本文从设计 tokens、状态色、对比度与验收清单切入,讲清网页颜色系统的工程化做法。

网页设计颜色系统Design TokensCSS 变量
排版可读性参数速查表:字号、行高、行长、颜色对比度,怎么算?
2026年3月5日 · 12 分钟阅读

排版可读性参数速查表:字号、行高、行长、颜色对比度,怎么算?

排版不是

排版字号行高可读性
新手网页设计 10 条规则:从‘能看’到‘能转化’(可直接套用)
2026年3月2日 · 12 分钟阅读

新手网页设计 10 条规则:从‘能看’到‘能转化’(可直接套用)

给新手的网页设计 10 条可执行规则:层级、对齐、留白、字号、按钮、表单、颜色、图片、移动端与性能。每条都包含做法、反例、验收标准与检查清单。

网页设计新手落地页转化
Design Tokens 工程化实践
精选 2026年1月20日 · 24 分钟阅读

Design Tokens 工程化实践

从设计系统的一致性根基出发,讲透 Design Tokens 的分层模型、命名体系、多平台输出与版本管理,并给出可直接落地的工具链与 CI/CD 集成方案。

Design Tokens设计系统工程化Figma
共 33 篇文章,当前第 1/4 页