资讯
欣赏
资源
服务
返回首页
首页 -> UI交互频道 -> 经典设计 -> 网页设计
网页设计中色彩的运用
    作者:smoyu    来源:333cn.com    点击:
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。
[CMS] Template Running Error, click here to learn more.
http://www.333cn.com/h005/h44/img201306081659140_100x75.JPEG')">
从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。单色:使用一种色调不同的饱和度与亮度
  • [CMS] Template Running Error, click here to learn more.
  • [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659162_100x75.JPEG')">
    近似色:使用色盘中的邻近色调
  • [CMS] Template Running Error, click here to learn more.
  • [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659163_100x75.JPEG')">
    互补色:使用色盘中的相反色调
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659174_100x75.JPEG')">
    分割互补色:使用一个色调和两个与它的补色邻近色调
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659185_100x75.JPEG')">
    三分色阶:使用色盘中的等距三个色调
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659196_100x75.JPEG')">
    双互补色:使用两个色调和它们的补色
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659207_100x75.JPEG')">
    近似互补色:使用两个互补色调和一个颜色相近色调
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659218_100x75.JPEG')">
    中间色:使用没有色度的颜色
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img201306081659219_100x75.JPEG')">
    突出色:在没有色调的颜色中突出一个高饱和度的色调
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img2013060816592210_100x75.JPEG')">
    暖色:使用色盘中暖色调的颜色
  • [CMS] Template Running Error, click here to learn more.
    [CMS] Template Running Error, click here to learn more.
    http://www.333cn.com/h005/h44/img2013060816592211_100x75.JPEG')">
    冷色:使用色盘中冷色调的颜色
  • right arrow
    本文相关关键字: 网页设计中 | 色彩运用 | 交互 | ui | 界面
    相关
    推荐
    • 平面设计

    • 工业设计

    • CG插画

    • UI交互

    • 室内设计

    • 建筑环境

    设计服务友情链接网站地图广告服务合作伙伴关于我们版权申明
    中国设计之窗 © 版权所有 粤ICP备09030610号 
    Tel:0755-21041837 客服:serve@333cn.com 资讯提交:news@333cn.com