13、网页设计中色彩、图像与网格的处理技巧

网页设计中色彩、图像与网格的处理技巧

1. 色彩与图像的处理

在网页设计里，色彩和图像的处理至关重要。我们可以借助PostCSS来实现多种效果。

1.1 颜色计算来源

在进行颜色处理时，比如添加色调（tintColor）或实现棕褐色效果（sepiaColor），需要用到特定的计算。这些计算可以从互联网上获取，例如Stack Overflow上的这个链接： http://stackoverflow.com/questions/6615002/given-an-rgb-value-how-do-i-create-a-tint-or-shade 。另外，Chris Coyier的CSS Tricks网站（ https://css-tricks.com/snippets/javascript/lighten-darken-color/ ）也值得一看。不过，目前我见过最好的资源是CamanJS库（ http://www.camanjs.com ），本文的示例就是基于该库（