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

社区服务
高级搜索
猴岛论坛贴图&拍客PS色彩构成与应用-网页配色技巧练习
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
2个回复

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

楼层直达
清空梦

ZxID:20112075

等级: 元老
配偶: 清空心
 ◕热会四队◕        ◕四队队长◕

举报 只看楼主 使用道具 楼主   发表于: 2017-10-13 0


                                                                    
          
    photoshop实例:网页配色  在Photoshop中练习纯粹的色相对比最好的方法就是练习网页配色。图5.21是将海豚、陶罐和餐桌中的颜色应用到了网页配色中,同时标明出色彩迁移后获得的色彩印象。这是一种采集色彩的方法,通过选用已有的彩色图片并从中拾取颜色来完成新的构图。其右上角的色块和色彩印象的描述是为强化练习者的色彩感觉。图5.21所示的网页之所以没有运用文字等细节,是为了培养练习者对色彩的大印象,让练习者先从整体入手,养成由整体到局部的民好设计习惯。

图5.21
[font='Microsoft YaHei']接下来做一个网页配色练习。原图如图5.22所示。

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

图5.23
  在具体填色时还要注意各个元素之间的关系。例如页面分为“首页导航”、“左侧导航”、“页面说明”、“正文”4个部分,配色时要先为这4个部分排序,排序的依据是想先让读者看到什么再让读者看到什么,通过不同配色就能引导读者的视觉流程。这需要细致周全的考虑,包括每部分的文字、装饰图片和隔离线的处理。
  在这些网页元素中逐一填充自己需要的颜色,不断调整部分和整体的色彩关系。
[font='Microsoft YaHei']5.3色彩的纯度对比
  纯度对比是由不同纯度的色彩放置一起而产生的色彩间鲜艳程度的对比。
  改变色彩的纯度有4种方法:加白、加黑、加灰和加互补色。人们经常用加黑、自或加互补色的办法来降低色彩的纯度,往往忽略灰色,这是因为要先用黑白两色
调出与该纯色明度大致相同的灰,在操作上稍嫌麻烦但我们要学习使用不同明度的灰色,它能保证色彩处在同一画面中,不破坏画面秩序,这在写生中有相当重要的意义,如图5.24所示。


图5.24
  柯布西耶的《静物》:无论颜色深浅还是鲜浊,这组静物看上去都处于同一层次空间中,静物的关系更像是部分被半透明的细纱所遮挡;色彩中混入恰当明度的灰是关键。
[font='Microsoft YaHei']  将色相的纯度分为9个阶段,则1~3为低纯度,4~6为中纯度,7~9为高纯度,如图5.25所示。相差5个阶段以上为纯度的强对比,相差4个阶段左右为纯度的中等对比,相差3个阶段以内为纯度的弱对比。

图5.25
  高纯度色彩在画面面积中占60%左右时,构成高纯度基调,即鲜调;中纯度色彩在画面面积中占60%左右时,构成中纯度基调,即中调;低纯度色彩在画面面积中占60%左右时,构成低纯度基调,即灰调。
  一般来说,纯色明亮、艳丽,容易引起视觉的兴奋;含灰色的中纯度基调丰满、柔和、沉静,能使视觉持久注视;低纯度基调单调耐看,容易使人产生联想。纯度对比过强时,则会出现生硬、杂乱、刺激等感觉;纯度对比不足,则会造成粉、脏、灰、闷、含混、单调等感觉,如图5.26所示。


                                    猴岛ID:清空梦      2017年10月13日                    

本帖de评分: 1 条评分 DB +10
DB+10 2017-10-14

≈  拍客✦    Making welcome you    。--‿--。

清空梦

ZxID:20112075

等级: 元老
配偶: 清空心
 ◕热会四队◕        ◕四队队长◕

举报 只看该作者 沙发   发表于: 2017-10-13 0
Re:PS色彩构成与应用-网页配色技巧练皙
好好练
红袖招游侠

ZxID:61452389

等级: 元老
配偶: 瑾ぃ
金闪闪是财神爷  • . •

举报 只看该作者 板凳   发表于: 2017-10-14 0
Re:PS色彩构成与应用-网页配色技巧练皙
不太懂欣赏这类作品。
« 返回列表
发帖 回复