蜂鸟网首页 > 技法学院 > 摄影技巧 > 正文

PS色彩构成与应用-网页配色技巧练习

0 2008-08-25 09:00:00   蜂鸟网   作者:李敏 胡苏望 [合作]
本页查看全文
接下来做一个网页配色练习。原图如图5.22所示。

PS色彩构成与应用-网页配色技巧练习
图5.22

  在网页设计中首先需要确定网页的整体风格,像本例中的网页主题跟哲学教育相关,因此用色上应该相对稳重、传统。具体的风格则要根据多种因素综合考虑,如研究同类网站的网页风格以寻找差异性,了解客户的宗旨以体现企业文化等。确定了网页的整体风格后再思考用什么样的色彩搭配手法和选用什么样的主色及辅助色。对如图5.22所示的原图进行色彩设计后的效果如图5.23所示。这主要采用了纯度较高的对比色相(橙色和绿色),所以网页效果强烈鲜明、有活力。

PS色彩构成与应用-网页配色技巧练习
图5.23

  在具体填色时还要注意各个元素之间的关系。例如页面分为“首页导航”、“左侧导航”、“页面说明”、“正文”4个部分,配色时要先为这4个部分排序,排序的依据是想先让读者看到什么再让读者看到什么,通过不同配色就能引导读者的视觉流程。这需要细致周全的考虑,包括每部分的文字、装饰图片和隔离线的处理。

  在这些网页元素中逐一填充自己需要的颜色,不断调整部分和整体的色彩关系。

键盘也能翻页,试试“← →”键

24小时热文

欢迎使用蜂鸟 爱摄影小程序

分享到朋友圈

0

打开微信,点击底部的“发现”,使用
“扫一扫”即可将网页分享至朋友圈。