速成法如何炼成设计师的像素眼？.docxVIP

速成法 :如何炼成设计师的像素眼？ 作者 : 一网学 最后更新时间： 2015-10-23 10:15:32 小编：传说的像素眼，也就是可以快速分辨出 1px 以上差异的双眼，往往由资深设计师所 get √，想要练就一双迷人的像素眼， 除了常年累月的经验之外， 还是有些技巧可以快速掌握的。 今天分享 7 个像素眼的常用场合， 按图索骥，用心观察，你也可以修炼成功！ 传说的像素眼真的有那么神奇？ 1px 的差异真的那么隐蔽吗？当然不是。 下面小鸡君就来分享一下这些容易被像素眼发现的重灾区，只要你用心观察，一定是可以看出差距的。 不同字号对齐 大小字号搭配， 是最容易分清主次信息的手法了。 在页面的具体实现过程中，也很容易忽略这里的对齐问题。所以，这里往往是展示你像素眼技能的好地方。 比如下面这张图，底边有 1px 没有对齐，左侧下沉了一点： 我们把截图放到 PS 里面看一下，为了清晰，我把参考线调成了黑色： 可以看到，左侧的销售价三个字的底部已经有 1px 在参考线以下了。所以下次，作为一个追求极致的设计师， 再看到页面时就可以先关注一下这种地方，一定会有意想不到的收获。 图片与文字对齐 图片与文字对齐是网页制作还原时的一大重灾区，没有之一。随便打开一个网页，几乎十有八九可以找到对不齐的地方。 之所以会如此严重，一方面与从业人员经验有关，另外，不同浏览器关于垂直居中的兼容性问题也