PS字体抗锯齿分析
2019年06月02日 10:35:31
2675
<p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/wechat/13.png" width="100%"> </p> 用最简单的语言了解那些被忽视的设计知识点——PS 字体抗锯齿分析 ### 三代渲染策略 开始之前，先了解一下三代渲染策略： - 黑白渲染策略：使用黑白像素点来渲染字体形状。这种策略无法对字形进行平滑过渡，字形所经过的像素区域无论多少都以黑色或白色填满，像极了黑白像素风、马赛克风 - 灰度渲染策略：不同于黑白渲染策略的是，第二代灰度渲染策略终于对字形支持了平滑过渡。即使用黑色以及灰色对字形所经过的像素区域通过控制明暗变化来达到平滑效果 - 亚像素渲染策略：更高级的渲染策略，亚像素渲染策略中引入了彩色像素来对字形进行平滑过渡。现在看来其实是对当时 LCD 屏普及时分辨率并不高情况的一种文字渲染妥协方案 <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/wechat/13-1.png" width="100%"> </p> 三代渲染策略的应用场景： - 黑白渲染策略：古董级设备上应该还可见 - 灰度渲染策略：移动设备（关于 iOS 默认不开启亚像素渲染的原因主要有几点：Retina 屏分辨率越来越高，意义不大；屏幕旋转后需要对文字进行重新渲染，计算量大；过于耗电等） - 亚像素渲染策略：OS X（Mac OS 默认开启，但应用场景有前提条件：文字背景无透明时、偏好设置里开启 LCD 平滑字体且屏幕不发生旋转），Windows（微软自家称 ClearType，Windows7 以上默认开启，此外Windows 的渲染策略还与字族有关系，感兴趣的可以自行谷歌） ### 五种 PS 字体抗锯齿处理 关于字体，点阵字体、轮廓字体，衬线、非衬线、特殊字体等知识自行上网查阅，有助于理解。 大家都知道，PS 作图时，为避免字体模糊或保证最佳显示效果，针对不同应用场景的字体抗锯齿方案选择会有所不同。此外，Mac OS 下的 PS 字体渲染策略采用灰度渲染策略，这是前提。以下是 PS 的默认五种抗锯齿处理方案（Windows 和 Mac OS 下还有相对应的 Windows LCD、Windows 和 Mac LCD、Mac）： **无-None、锐利-Sharp、犀利-Crisp、浑厚-Strong、平滑-Smooth** <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/wechat/13-2.png" width="100%"> </p> 对比案例分析： - "无"：无透明（alpha）通道处理，其余四者均含透明通道处理 - "锐利"与"浑厚"在字形原基础上四周弥补了一些不同透明度像素点或像素点透明度差异较小，导致字形整体看起来更加饱满，丰厚 - "犀利"与"平滑"显得更为单薄，尖锐 - "浑厚"与"平滑"相比"锐利"与"犀利"在 y 轴的处理上"下方弱化，上方强化" 以上分析只是肉眼看观察到的特征，此外不同的抗锯齿处理方案会导致 PS 对文字的采样倍数造成差异： | 方案 | X轴 | Y轴 | | ---- | ---- | ---- | | 无 | 1 | 1 | | 锐利 | 2 | 1 | | 犀利 | 4 | 1 | | 浑厚 | 32 | 16 | | 平滑 | 4 | 4 | 更多扩展知识由于水平不够暂不作分析！ > 我的站点：biliui.com > 设计交流群：464674996