高端定制,品牌设计

指南针2005 - 2016作品集

指南针网络科技有限公司

网页设计怎样配黑色系

13-04-13 09:17:22 · 网页设计 ·

用。

  结论:

  该页面设计风格极其简约,除了方形块面边框,没有多余的图形修饰,主要是以文字的大小粗细、疏密间距排版为设计元素。

  浅灰色的加入让本来具强烈冲突色的黑白变得素雅些了,也颇具高层次格调许多。

  → 黑色配色应用网页例图:

  黑色系分析:黑色+少量彩色

  该页面基本上还是以黑色为主色调,虽然似乎多了不少颜色的加入,但是由于使用面积都较少,除了少许修饰外主要运用于功能文字方面的强调。

  辅助色蓝色正蓝色的HSB模式的H应该是240,目前这显示的是215可看出色相上稍向绿色靠拢,S93´3%来看纯度和明度都不高,因此该蓝色在黑色上显示不明显。

  这里的点睛色主要都运用在文字功能上,红色几乎是正红,由于降低了纯度和明度,该颜色不明显。绿色H数值为149,正绿色为120,色相上稍向蓝色倾斜,纯度和明度不高,因此该颜色也不明显。

  结论:

  低纯度低饱和度的色彩在黑色背景下,较易使整体色彩达到统一的目的,颜色变得柔和而含蓄。

  → 黑色配色应用网页例图:

  黑色系分析:(黑色配色:黑色+橙色)

  橙色的HSB模式H色值显示是25,而正橙色是30可以知道,该橙色色相上稍往黄色倾斜。我们通过前面的学习可以知道橙色适用于视觉要求较高的时尚网站,运用于该网站主题设计再适合不过了。另一点睛橙色在色相上稍偏橙红色,是基于橙色的一个过渡或者说是增加视觉节奏感的一个小方法。右边文字在不同程度上也使用了橙色做为点睛,稍平衡了左右视觉,起到色彩左右呼应的作用。

  辅色调白色使得黑色和橙色的搭配上不至于太生硬,增强页面视觉的愉悦感。

  结论:

  橙色在黑色的背景上显得很鲜亮,它的特性得到了最大化的发挥。

  → 黑色配色应用网页例图:

  黑色系分析:(黑色配色:黑色+红色)

  辅助色红色从HBS模式上的H为0度看出,该红色为正红色且纯度明度都为最高值100%,在黑色这一背景的衬托下,高纯度高明度的正红色遇到黑色搭配结合而得的特性简直发挥到了极致。因此该页面色彩配色具有极强的视觉冲击力。

  点睛色白色是让这两种颜色配合起来更透亮,缓和对人视觉不适的压迫力。

  尽管页面的设计元素为噪音效果,颜色在不同面积分配上也参差不齐的感觉,但是由于黑色主色调为背景,牢牢掌控了全局,页面设计及配色上也能达到统一的目的。

  结论:

  红色和黑色的搭配被誉为商业的成功色。一是因为红色是一种对人刺激性很强的颜色,是最鲜明生动的、最热烈的颜色。在黑色的反衬下鲜明红色极容易吸引人们的目光。红色相对于其他颜色,视觉传递速度最快。

  红黑这两种配色也被广泛的运用于较能体现个性的时尚类网站,让人印象强烈的深刻。

  本部分网页设计小节:

  ● 黑色是最暗的颜色,是纯度、色相、明度最低的非彩色。因此它较容易起到衬托和发挥起其他颜色的特性,是最有力的搭配色。

  ● 黑白色的搭配较充满个性,合理运用能散发出另外一种迷人的高品位高格调的贵族气质。黑色与橙色搭配较容易营造视觉要求较高的时尚网站。黑色与红色的搭配被誉为是商业的成功色,具有极强的视觉冲击力。

  ● 无论页面上使用或者色相跨度大的多种颜色、或是高纯度低纯度、或者高对比的颜色,只要有黑色这一最得力的色彩为主色调掌控着,页面设计配色上能得到和谐统一的效果。

         感谢您对石家庄网站制作的关注与支持!

|<< << < 1 2 > >> >>|

推荐阅读

高级网页制作软件有哪些

2013-04-25167

中级网页设计软件有哪些

2013-04-24133

初级网页制作软件有哪些

2013-04-23276

网页设计软件都有哪些

2013-04-22228