UI设计 UE设计 平面设计 网页设计 淘宝美工 PS培训 学员作品 学员就业 合作企业 设计教程 UID简介 分级教学 关于我们

网页UI设计规范

  • 课程级别:
  • 课程数量:
  • 课程评分:
  • 课程简介:
  • 中级技能
  • 更新至第9套教程
  • 网页设计教程分享HTML教程、CSS教程、DIV+CSS教程、JS教程、让初学web设计者快速撑握网页设计技巧!

达内数字艺术学院拥有众多业内权威实战讲师!名师面对面,巴拉拉……

预约试听 名师答疑

网页设计配色应用实例之黑色系

网页UI设计规范2016-02-15

结论:

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

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

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

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

结论:

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

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

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

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

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

结论:

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

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

本部分小节:

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

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

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