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

简介:

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

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网页安全色范围内的颜色,而是应该更好地搭配使用安全色和非安全色。


a7757b19fb7bc8d9831c649394c9d0286025c98c

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


7dd3496ff278267f157abd0ee5ffbb1f2658ceaa


bc6c4a9dc66ac0f4bdfd3494c05a4c7ba3ac8cbe


23e75a153b87f2e2cb30ac12440b73603d26f991


74a2d350386ba0eda7ebf32cdd6cbcfb9324f8b7


cebf4b94507cf26c8f7deffb8565a98f69e1befa


05068a2bc3f013441dc71d4a1681acd293a3ec4b
相关文章
|
移动开发 前端开发 JavaScript
Dreamweaver制作网页的步骤
Dreamweaver软件制作网页的步骤
198 0
|
JavaScript
dreamweaver能制作移动网页吗?
dreamweaver能制作移动网页吗?
102 0
Dreamweaver网页色彩的搭配
Dreamweaver网页色彩的搭配
126 0
带你读《Photoshop+Dreamweaver淘宝天猫网店美工与广告设计一本通 : 实战版》之三:商品图像的修复与修饰
本书是一本从网店装修实际需求出发编写的实例型教程,以Photoshop和Dreamweaver为软件环境,详细讲解了它们在网店装修中的应用,帮助读者快速掌握网店图像处理和页面排版的核心技能。本书内容实用,图文并茂,可操作性强,适合网店店长、网店美工等希望快速掌握网店装修和推广技术的读者阅读和学习,也可作为大专院校相关专业或电商培训机构的教学参考书。
|
存储 编解码
带你读《Photoshop+Dreamweaver淘宝天猫网店美工与广告设计一本通 : 实战版》之二:商品图像的快速调整
本书是一本从网店装修实际需求出发编写的实例型教程,以Photoshop和Dreamweaver为软件环境,详细讲解了它们在网店装修中的应用,帮助读者快速掌握网店图像处理和页面排版的核心技能。本书内容实用,图文并茂,可操作性强,适合网店店长、网店美工等希望快速掌握网店装修和推广技术的读者阅读和学习,也可作为大专院校相关专业或电商培训机构的教学参考书。
带你读《Photoshop+Dreamweaver淘宝天猫网店美工与广告设计一本通 : 实战版》之一:写在处理之前
本书是一本从网店装修实际需求出发编写的实例型教程,以Photoshop和Dreamweaver为软件环境,详细讲解了它们在网店装修中的应用,帮助读者快速掌握网店图像处理和页面排版的核心技能。本书内容实用,图文并茂,可操作性强,适合网店店长、网店美工等希望快速掌握网店装修和推广技术的读者阅读和学习,也可作为大专院校相关专业或电商培训机构的教学参考书。
下一篇
无影云桌面