`
乱蓬头199303
  • 浏览: 81644 次
文章分类
社区版块
存档分类
最新评论

网页设计配色方法论:配色秩序

阅读更多
摘要: 每一种色彩都有其自身的特质,而这一特质的发挥,还需要依赖于色彩在整个配色时所处的位置、面积等,即色彩与其他色彩所形成的秩序。 本文选自《轻设计:网页设计中的轻奢主义和禅意思维》。

配色有理性的层面,也有感性的层面。配色也需要遵循一定的节奏,有的配色跳跃明快,有的又显得舒缓柔和。我们从理性出发的同时,也要把自己的思维深入到感性的层面去理解色彩。

主 色
  主色是指在配色中处于支配地位的色彩。在配色前,主色是最先确定的色彩,例如,当我们想要设计一个珠宝展示的页面,我们决定这个页面所需要的色彩是紫色时,紫色就是主色。主色的确定看起来并不困难,因为一开始确定好主色只是定出一个宏观方向,并没有细化成具体的色调。主色的选择也非常自由,因为并没有完全正确的公论,每种色彩都有它的特性和优劣,没有最好的色彩或最差的色彩。
  最终确定对主色色调的选择需要感性的参与,你希望你的网站看上去“沉稳典雅”还是“清新明快”?这些不同的感受都来自色调的制约平衡。
  一般情况下,主色是配色中使用面积最大的色彩。用于主要的组件、组件的背景和大面积色块等。
              图片描述
  页面中的主色是清爽的蓝色。尽管背景也运用了大面积的白色,但是黑白灰色属于无彩色,无彩色并不参与到配色过程中。红色是作为衬托色而出现的。

衬托色
  衬托色是主色以外,为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小,只要达到衬托的目的即可。
            图片描述
  黄色是主色,蓝色是衬托色,黄蓝两色互为对比色。
  衬托色也可用在面积较大的地方,和主色平分秋色,彼此呼应。
               图片描述
  页面的主色为橙色,而衬托色为浅粉色,这两种色彩为邻近色,彼此饱和度上有非常明显的对比,也能很好地衬托出主色,为页面增加了气氛。
  一组配色中一定会有一个主色,而衬托色并非是必不可少的。是否采用衬托色,取决于你的配色计划。通常单一的色彩会比较单调,而利用衬托色来强化主色的丰富变化是解决这一问题的方案之一。

背景色
  背景色经常表现为无彩色(黑白灰色)或者低饱和度的色彩。背景色主要是作为背景而存在的,它最好不要以非常强烈的姿态出现。背景色并非具有某种功能,它是一个页面的基础底色。
http://click.aliyun.com/m/23513/
分享到:
评论

相关推荐

    网站设计与网页配色 北京市:科学出版社 王爽,徐仕猛,张晶著 .pdf

    本书《网站设计与网页配色》由王爽、徐仕猛、张晶三人共同编著,由科学出版社出版,详细地介绍了网站设计的基本理念、方法、技巧以及色彩的应用,并通过案例分析,让读者更好地掌握网站设计的精髓。 首先,本书将...

    网页设计配色器 比较实用的小工具

    网页设计配色是创建吸引眼球并有效传达信息的网站至关重要的一环。颜色能够引发情感反应,引导用户注意力,以及在视觉上定义品牌识别度。"网页设计配色器"是一类帮助设计师快速、准确地选择色彩搭配的工具,旨在简化...

    网页设计配色常识 (CHM)

    网页设计配色是构建吸引眼球并有效传达信息的关键要素之一。色彩可以激发情感反应,引导用户的注意力,并在视觉上区分不同的内容区域。本资源“网页设计配色常识 (CHM)”是一个专门针对这一主题的指南,旨在帮助设计...

    网页设计配色技巧和配色实例

    总结来说,网页设计的配色技巧包括理解色彩理论、掌握配色方法、参考实际案例以及考虑用户体验。通过不断实践和学习,设计师能够创造出既美观又符合功能需求的网页配色方案。希望这个配色教程和实例能对您在网页设计...

    颜色表大全 颜色代码 设计配色表 网页配色表

    在IT行业中,颜色编码和设计配色是至关重要的元素,特别是在网页设计、UI设计以及图形艺术创作中。本文将深入探讨颜色表大全、颜色代码、设计配色表以及它们在网络页面设计中的应用。 颜色表大全是一种集合了各种...

    关于网页设计的35种配色方案

    网页设计中的配色方案是构建视觉吸引力和用户体验的关键要素之一。色彩可以激发情感反应,引导用户注意力,并在品牌识别中发挥重要作用。以下是对标题“关于网页设计的35种配色方案”及其描述中提到的知识点的详细...

    网页设计配色方案(配色方案、配色原则、CSS代码生成器)

    网页设计配色方案是网页制作中的重要一环,它直接影响着网站的整体视觉效果和用户体验。在设计网页时,选择合适的配色方案能够有效地传达品牌信息,吸引用户注意力,并且营造出舒适、和谐的浏览环境。以下是一些关于...

    网页设计配色工具包 v2

    很齐全很好用的网页配色工具。 里面有: 网页流行色选取器.exe 配色大辞典.chm 跑调网页配色工具.CHM FlashWebPage配色.swf Flash调色板_colorPicker.swf 快速配色工具 TakeColor.exe .....

    网页设计配色基础知识

    ### 网页设计配色基础知识 在网页设计过程中,色彩的选择与搭配是至关重要的一个环节。良好的色彩搭配不仅能够提升网站的整体美感,还能更好地传达信息、吸引用户注意,并激发用户的兴趣。本文将从基本的颜色理论...

    网页设计配色应用实例剖析

    网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计...

    html网页设计 配色 常识

    2. 配色原则:在网页设计中,常见的配色原则有单色、对比色、类似色、三角色和互补色等。单色方案通过调整色调和饱和度实现层次感;对比色利用色彩的强烈反差吸引注意;类似色则采用相近的色彩,营造和谐统一;三...

    网页 配色 工具 集合

    网页设计配色工具包 v2 安装程序截图: 部分配色工具截图: TakeColor8-屏幕取色软件 Flash调色板-ColorPicker WebPage流行色选取工具 FlashWebPage配色工具 快速配色工具1 快速配色工具2

    网页设计配色工具包

    本着不求多,但求精的原则,我在互联网上搜集了一些网页设计师专用的配色程序打包在一起,旨在为广大网友提供便利.希望能够得到大家的支持,呵呵. <br>V2.0收录: + CoffeeCup Color Schemer + 跑调网页配色工具...

    网页版式设计与配色技巧系列视频课程

    教程名称:网页版式设计与配色技巧系列视频课程课程目录:【】网页版式设计与配色技巧(8day)第八天【】网页版式设计与配色技巧第一天【】网页版式设计与配色技巧第七天【】网页版式设计与配色技巧第三天【】网页版式...

    十多种网页设计配色工具包

    网页设计配色是创建引人入胜且具有视觉吸引力的网站的关键步骤。色彩不仅可以吸引用户的注意力,还能传达品牌信息,引导用户浏览网站并影响他们的情绪反应。本资源包"十多种网页设计配色工具包"提供了丰富的工具,...

    网页常用配色表

    网页设计中的配色是至关重要的,它不仅影响网站的视觉美观,还能直接影响用户对网站的第一印象和使用体验。"网页常用配色表"是一个实用的资源,它包含了各种色彩组合和搭配策略,帮助设计师们创建出和谐且引人入胜的...

    网页设计配色工具包 网页设计配色工具包

    网页设计配色是构建视觉吸引力和用户体验至关重要的环节。一个成功的网页设计,其色彩搭配能够有效地传达品牌信息,引导用户视线,并激发用户的情感反应。在这个"网页设计配色工具包"中,我们可以找到一系列资源来...

    网页设计配色大全

    网页设计配色是构建视觉吸引力和用户体验至关重要的环节。一个优秀的色彩方案能够引导用户注意力,强化品牌识别度,以及创建情绪共鸣。"网页设计配色大全"提供了丰富的资源,帮助设计师们更好地理解和应用色彩理论。...

    网页配色辞典及203种网页配色方案

    这些配色方法各有特点,适用于不同的设计风格和目的。例如,单色调方案通过同一颜色的不同明度和饱和度创建和谐统一的效果;互补色调则利用色轮上相对位置的两种颜色,形成鲜明对比,吸引用户注意力。 而"203种配色...

    网页配色手册

    《网页配色手册》作为设计师们提升自身专业水准的宝典,详细而深入地阐述了网页设计中的色彩运用技巧,为设计师在实际工作中提供了宝贵的理论与实践指导。 在色彩基础部分,手册开宗明义地介绍了颜色的三原色——红...

Global site tag (gtag.js) - Google Analytics