跳转到主要内容

第 5 章

图层效果

即便最优秀的设计师,在应用图层效果时也可能会用力过猛。图层效果规范并非为了从美学上限制你的选择,而是为了确保效果所实现的功能清晰明了。

恰当使用叠加效果

让我们拿这个天蓝色矩形,通过颜色叠加把它变成绛紫色。为什——么——要——这——样——做——?! i

恰当使用叠加效果

恰当使用叠加效果

尽量让叠加颜色与缩略图预览保持一致,反之亦然。这在浏览和查找文档内容时会很有帮助。

适可而止

堆砌的效果数量可不会给你加分。 i

适可而止

适可而止

如果不了解这些效果如何转换为 CSS,胡乱添加一通可能会极大限制它在实际开发中的应用。

切勿盲目套用

不要把图层效果面板当成打勾清单;修改默认设置时请务必三思。 i

切勿盲目套用

切勿盲目套用

尽管 Photoshop 的默认参数现在已经没以前那么花哨了,但它们毕竟只是软件的默认主观解释,未必最适合你的项目。

明晰描边类型

虽然你可能确实想搞个圆角外框却配上锐利的内角,但我猜你大概率不是故意的。 i

明晰描边类型

明晰描边类型

“内部”会让边缘变方,“外部”会让边缘变圆,“居中”则兼具两者的部分特点。

注意光源统一

光线一会儿从 90 度来,一会儿从 120 度来,再来个 180 度。等等,这个星球到底有几个太阳?! i

注意光源统一

注意光源统一

你的光源应该保持一致,并且在条件允许时尽量符合现实逻辑。对白底使用沉重的投影也是同理:真要达到那种效果,得拿一盏实打实的聚光灯去照吧?