☎ 服务热线:18611898033  ✉ 电子邮箱:121811841@qq.com
✈ 用户注册    ♎ 管理登录   ℗ 合同样本

您的位置:首 页  ➤  相关资料

网站及系统的配色方案
因用户所处不同行业,网站及系统的配色也应与企业的业务相关,例如,政府部门的网站要求规范、权威,因此配色一般选用比较庄重的色系,儿童培训类网站一般选用亮色,显得生动活泼,婚恋类网站大多选用粉色或紫色,显得温馨烂漫,等等。
我们会根据用户的实际情况,推荐一些适合的色系,供用户参考。
网站的颜色并非越多越好,一般情况下不超过三种。在开发过程中,以下是一些常用的配色系统,可供用户选择。
网站配色方案一:简单的、时尚的、高雅的
如今极简设计已普遍被应用于网页设计中,当然这拥有充分理由。轻量级的布局和低维修成本使其灵活适合于响应式设计。自然优雅极具美感,使得很多品牌和机构青睐并采用。然而赞赏这一设计风格和创造它是两码事。
看起来,由于极简主义元素不多,复制某种风格似乎变的及其容易。然而事实却正好相反,由于设计师可利用的元素极少,创造一个极简主义的设计设计师往往要付出更多思考和努力。对极简主义来说,无聊始终是一种威胁,所以改变你的布局以进一步吸引用户,交替沿z字形布局模式可以帮助阅读。
  • 99CCFF
  • FFFFFF
  • 666666
  • 336666
  • FFFFFF
  • 999999
  • 0099CC
  • FFFFFF
  • 666666
  • 999999
  • CCCCCC
  • 336666
  • CCCCCC
  • 999999
  • 663366
  • 666666
  • CCCCCC
  • 6699CC
  • 999999
  • FFFFFF
  • 333366
  • 669999
  • CCCCCC
  • 666666
  • 999999
  • CCCCCC
  • 333333
  • 336699
  • 0099CC
  • 666666
网站配色方案二:简单的、洁净的、进步的
当你的网站上没有大量装饰性元素的时候,内容就成了主角,这便于访客浏览。有一个调查显示,79%的受访用户只是在浏览一个新页面,只有16%的用户会逐字逐句去读一个页面。通过把网站的内容放在前面中间的位置,让访客能快速浏览那些是什么内容。
  • CCCCCC
  • FFFFFF
  • 666699
  • CCFF66
  • FFFFFF
  • 003366
  • 99CCFF
  • FFFFFF
  • 333399
  • CCCC33
  • FFFFFF
  • 336699
  • 0099FF
  • FFFFCC
  • 666699
  • 99CC33
  • CCCCCC
  • 000000
  • CCCCCC
  • 003366
  • 99CCFF
  • 0099CC
  • CCFF66
  • 666666
  • 3399CC
  • CC3366
  • CCCCCC
  • 336699
  • FFFF66
  • 6699FF
网站配色方案三:高尚的、自然的、安稳的
高尚一般要用低亮度的黄绿色,色彩亮度降下去,注意色彩的平衡,页面就会显得安稳。
  • CCCC33
  • FFFF99
  • CC9933
  • CC9966
  • CCCC66
  • 669999
  • FF9966
  • 996600
  • CCCC00
  • CCCC66
  • 660033
  • CC6600
  • CCCC00
  • 666600
  • CCCCFF
  • CC9933
  • 009999
  • FFCC33
  • 999966
  • CCCC99
  • 339999
  • 99CC99
  • 669933
  • 336633
  • 666633
  • 999933
  • CC9966
  • 660000
  • CC9900
  • CCCC99
网站配色方案四:冷静的、自然的
绿色是冷静、自然印象的主角,但是绿色作为页面的主要色彩,容易陷入过于消极的感觉传达,因此应该特别重视图案的设计。
  • FFFF99
  • 99CC99
  • 666600
  • 996633
  • FFFF99
  • 99CC66
  • 006600
  • 66CC66
  • CCFF99
  • 666600
  • CCCC66
  • CCFFCC
  • 669933
  • CCCC33
  • 663300
  • 666633
  • 999933
  • CC9966
  • 003300
  • 669933
  • CCCC99
  • 006633
  • 663300
  • CCCC66
  • 666600
  • FFFFCC
  • 999999
  • 006633
  • 333300
  • CCCC99
网站配色方案五:传统的、稳重的、古典的
传统的内容一般要降低色彩的饱和度,特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。
  • 6699CC
  • 663366
  • CCCC99
  • 990033
  • CCFF66
  • FF9900
  • 666699
  • 660033
  • 99CC99
  • 663300
  • FF9933
  • FFFF66
  • 990033
  • 006633
  • CCCC00
  • 660033
  • 999933
  • 660099
  • 993366
  • 333399
  • 666633
  • 996600
  • CCCC66
  • 666600
  • 009933
  • CC9900
  • 666666
  • 666633
  • CCCC33
  • CC3366
网站配色方案六:传统的、高雅的、优雅的
灰色是最为平衡的色彩,并且是塑料金属质感的主要色彩之一,因而要表达高雅、时尚,可以适当使用,甚至大面积使用。但是要注重图案和质感的构造。
  • 999933
  • FFFFCC
  • CC99CC
  • CC9966
  • 666666
  • CC9999
  • CCCC99
  • 333333
  • 9966CC
  • CCCC99
  • 666666
  • CC9999
  • 996699
  • CCCC99
  • 669999
  • CC9966
  • 999999
  • 666666
  • 339966
  • CCCCCC
  • 996699
  • 663366
  • 999999
  • CCCCFF
  • 996699
  • 9999CC
  • CCCCFF
  • CCCC99
  • 999999
  • 663300
网站配色方案七:忠厚的、稳重的、有品位的
亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守,使页面僵化、消极,应当注重冷暖结合和明暗对比。
  • FFFFCC
  • CC9933
  • 336666
  • 336666
  • 996633
  • CCCC33
  • 336633
  • 990033
  • FFCC99
  • 333366
  • 669999
  • 996600
  • 993333
  • CC9966
  • 003300
  • 336633
  • CCCC99
  • 333366
  • 663300
  • 999933
  • 333333
  • 663366
  • 666666
  • 333366
  • 999900
  • 990033
  • CC99CC
  • 333366
  • 990033
  • CCCCCC
网站配色方案八:轻快的、华丽的、动感的
动感的印象空间中少不了低亮度的色彩,甚至可以用适当的黑色搭配。其他有彩色的饱和度高,对比强烈。
  • 990066
  • FFCC00
  • CC0033
  • FFCC33
  • 333399
  • FF0033
  • 666699
  • FFFF00
  • FF0033
  • FF0033
  • 006699
  • FFFF33
  • FFCC00
  • 009999
  • CC3366
  • FF0033
  • CCCC00
  • 006699
  • CCCC00
  • FF9933
  • 663399
  • FF9933
  • FFFF00
  • 336699
  • CC3333
  • FFCCCC
  • 99CC00
  • 003399
  • FFFF00
  • FF6600
网站配色方案九:运动型的、轻快的
运动的色彩要强化激烈、刺激的感受,同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。
  • FF6666
  • FFFF00
  • 006699
  • FF9966
  • FFFFCC
  • 0066CC
  • 339933
  • FFCC33
  • 336699
  • FF9900
  • FFFFCC
  • 336699
  • FF6600
  • CCCC33
  • 336699
  • 99CC33
  • FFFFFF
  • 0099CC
  • 99CC33
  • FF6666
  • 336699
  • 336699
  • FFFFFF
  • 99CCCC
  • FF0033
  • 333399
  • CCCC00
  • 33CC99
  • FFFF00
  • 336699
网站配色方案十:华丽、花哨、女性化
女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。
  • FFFF99
  • 993399
  • FF99CC
  • FF6666
  • FFFFFF
  • 339999
  • FF99CC
  • 003399
  • CCFF00
  • 66CC99
  • FFFFFF
  • CC6699
  • CC3399
  • FFCC99
  • FF6666
  • FFCCCC
  • FFFFFF
  • 993366
  • CC6699
  • FFFF00
  • 666699
  • CC6699
  • FFFF00
  • 663366
  • FF33CC
  • CCCC99
  • 663366
  • CC3399
  • FFCC99
  • FF6666