以下是 设计 相关内容，总共有 876 条记录。
字体看似是细节，其实决定信息层级和阅读节奏。本文从层级规划、字号行高选择到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个最常见原因，并给出一套可落地的统一方法（含检查清单），适合Figma Sketch等场景。
导出图片发糊 线条发虚，常见不是“设置没调对”，而是像素网格、缩放链路、半像素与重采样在作怪。整理7个隐藏原因，并给出从快到慢的解决顺序。
把UI做得“能用”比做得“好看”更难。整理10个新手最容易踩的细节坑：对齐、间距、状态、字号、对比、触达面积、文案长度、图标一致性、导出规范、交付信息。每个坑都给可操作的修正方法。
很多返工不是设计做得不好，而是交付信息不完整：尺寸、状态、资源、命名、边界条件缺一就容易翻车。整理8个最容易漏的交付细节，照着做能省大量沟通成本。
整理一份常用免费在线设计工具清单（含官方网址）：涵盖UI协作、图片处理、矢量图、图标、配色、字体、压缩与原型演示。按需选择即可。
