以下是 设计 相关内容，总共有 898 条记录。
组件库失控通常不是因为组件太多，而是命名和变体表达不清晰。本文给出一套可执行的命名规则：以语义为中心、统一词汇表、让变体关系一眼可...
设计稿还原度低往往不是开发不认真，而是规则没被写清。本文从Token、组件默认值、状态与边界条件出发，讲清楚交付时如何把不确定性降到最...
字体看似是细节，其实决定信息层级和阅读节奏。本文从层级规划、字号行高选择到Token化落地，讲清楚如何搭一套稳定的字体系统，让页面越做...
网格的价值不在于把设计做成方块，而在于把间距和对齐变成可复现的规则。本文从8px体系到列网格，讲清楚网格怎么选、怎么用，以及如何在复...
非破坏性编辑指尽量不直接改坏原始像素，而是用蒙版、调整图层、智能对象等方式可回退地修改。这样文件更耐改、协作更顺，返工也更少。
界面看不清往往不是“字体太小”，而是前景与背景对比度不足。WCAG给出对比度建议：正文常用4 5:1，大号文字3:1，有助于提升可读性与无障碍体验。
矢量图用路径描述形状，缩放不失真；位图由像素组成，放大容易锯齿。选择取决于内容类型：Logo与图标适合矢量，照片与复杂纹理适合位图。
HEX是用十六进制表示RGB通道的写法，例如 FFFFFF=RGB(255,255,255)。理解通道范围、缩写 FFF、透明度 RRGGBBAA等规则，能避免改色与对齐出错。
PNG是无损压缩，支持透明通道，适合图标与UI；JPG是有损压缩，适合照片，体积更小但会产生压缩痕迹。选格式要看内容类型与使用场景。
PPI是屏幕 图像的像素密度概念，DPI常用于印刷输出的点密度。实际清晰度取决于像素尺寸、观看距离与输出设备能力，单看“300DPI”并不够。
RGB是屏幕发光的加色模式，CMYK是印刷油墨的减色模式。两者色域不同，转换时会发生颜色压缩，所以常见“屏幕鲜艳、印刷发灰”的情况。
TTF是TrueType字体格式，OTF是OpenType格式。OTF通常在字符集、排版特性与跨平台表现上更灵活，但具体还要看字体是否包含相关特性。
用栅格与组件约束快速建立表单对齐体系，减少手调像素的时间。
从命名规则、属性拆分、交互状态三方面讲清 Figma Variants 的可维护做法。
Photoshop不仅是修图软件，它也深刻改变了平面设计与数字影像的生产方式。本文用通俗时间线梳理PS的重要节点、功能演进，以及它为何成为设...
组件怎么摆都不齐，通常不是审美问题，而是缺少统一坐标、间距体系与组件规则。本文总结9个最常见原因，并给出一套可落地的统一方法（含检...
导出图片发糊 线条发虚，常见不是“设置没调对”，而是像素网格、缩放链路、半像素与重采样在作怪。整理7个隐藏原因，并给出从快到慢的解...
把UI做得“能用”比做得“好看”更难。整理10个新手最容易踩的细节坑：对齐、间距、状态、字号、对比、触达面积、文案长度、图标一致性、导...
