栅格不是束缚:用网格把页面做得更干净更稳定 网格的价值不在于把设计做成方块,而在于把间距和对齐变成可复现的规则。本文从8px体系到列网格,讲清楚网格怎么选、怎么用,以及如何在复... 设计经验 5个月前 125 0
什么是“非破坏性编辑”?用这5个习惯让PS文件更耐改 非破坏性编辑指尽量不直接改坏原始像素,而是用蒙版、调整图层、智能对象等方式可回退地修改。这样文件更耐改、协作更顺,返工也更少。 值得一看 5个月前 204 0
为什么你做的按钮“不够清晰”?对比度与WCAG的入门科普 界面看不清往往不是“字体太小”,而是前景与背景对比度不足。WCAG给出对比度建议:正文常用4 5:1,大号文字3:1,有助于提升可读性与无障碍体验。 值得一看 5个月前 79 0
矢量图和位图有什么区别?从放大锯齿到文件体积的底层逻辑 矢量图用路径描述形状,缩放不失真;位图由像素组成,放大容易锯齿。选择取决于内容类型:Logo与图标适合矢量,照片与复杂纹理适合位图。 值得一看 5个月前 113 0
颜色值#FFFFFF是什么意思?HEX与RGB的换算与常见坑 HEX是用十六进制表示RGB通道的写法,例如 FFFFFF=RGB(255,255,255)。理解通道范围、缩写 FFF、透明度 RRGGBBAA等规则,能避免改色与对齐出错。 值得一看 5个月前 569 0
SVG和PNG的区别是什么?图标交付选哪个更合适 SVG是矢量格式,可无限缩放且便于在网页中改色;PNG是位图格式,适合复杂纹理与需要像素级呈现的内容。图标 线稿多用SVG,图片 特效多用PNG。 值得一看 5个月前 123 0
PNG和JPG到底怎么选?透明背景、清晰度与体积一次说清 PNG是无损压缩,支持透明通道,适合图标与UI;JPG是有损压缩,适合照片,体积更小但会产生压缩痕迹。选格式要看内容类型与使用场景。 值得一看 5个月前 311 0
DPI和PPI有什么区别?分辨率、清晰度别再混了 PPI是屏幕 图像的像素密度概念,DPI常用于印刷输出的点密度。实际清晰度取决于像素尺寸、观看距离与输出设备能力,单看“300DPI”并不够。 值得一看 5个月前 113 0
RGB和CMYK的区别是什么?为什么颜色会“印出来变了” RGB是屏幕发光的加色模式,CMYK是印刷油墨的减色模式。两者色域不同,转换时会发生颜色压缩,所以常见“屏幕鲜艳、印刷发灰”的情况。 值得一看 5个月前 115 0
TTF和OTF有什么区别?字体格式选择指南 TTF是TrueType字体格式,OTF是OpenType格式。OTF通常在字符集、排版特性与跨平台表现上更灵活,但具体还要看字体是否包含相关特性。 值得一看 5个月前 193 0