天天看点

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全

本节书摘来自异步社区《网页美工设计photoshop+flash+dreamweaver从入门到精通》一书中的第1章,第1.6节,作者: 安道通 更多章节内容可以访问云栖社区“异步社区”公众号查看。

有时虽然使用了合理且美观的网页配色方案,但由于浏览者电脑显示设备、操作系统、显示卡以及浏览器的不同而有不尽相同的显示效果。因此,对于一个网页设计者来说,了解并且利用网页安全色可以拟定出更安全、更出色的网页配色方案。通过使用216网页安全色彩进行网页配色,不仅可以避免色彩失真,而且可以使配色方案很好地为网站服务。

1.6.1 216网页安全色

216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板),也就是说这些颜色在任何终端浏览用户显示设备上的显示效果都是相同的。所以使用216网页安全色进行网页配色可以避免原有的颜色失真问题。

网页安全色是当红色(red)、绿色(green)、蓝色(blue)颜色数字信号值为0、51、102、153、204、255(十六进制为00、33、66、99、cc或ff)时构成的颜色组合,它一共有666=216种颜色。如图1-16所示网页安全色调色板。我们可以看到很多站点利用其他非网页安全色展现了新颖独特的设计风格,所以我们并不需要刻意地追求使用局限在216网页安全色范围内的颜色,而是应该更好地搭配使用安全色和非安全色。

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全

1.6.2 网页安全色配色辞典

216网页安全色对于一个网页设计师来说是必备的常识,且利用它可以拟定出更安全、更出色的网页配色方案。只要在网页中使用216网页安全颜色,就可以控制网页的色彩显示效果。如图1-17所示网页安全色配色辞典。

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全
《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全
《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全
《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全
《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全
《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.6 网页配色安全

继续阅读