首页 > 网页教程 > 设计分享 > 网页配色教程:什么样的配色方案才有高端的感觉?

网页配色教程:什么样的配色方案才有高端的感觉?

时间:2015-08-29    来源:站酷

这篇文章是关于个人比较在意的高端感觉配色和设计相关的事情,所以试着写一下这个题目的文章。体现高端感觉的网站,不限于行业种类,在各行各业中都 有体现。作为初学者的时候,都会有“如何能做出这样的设计?怎样可以体现出高端感觉?…”的烦恼。这里通过汇总多个这种类型网站去试着体会一下。

(注:部分参考网站的配色和设计现已更改,与本文截图稍有差异)

有高端的配色

想要体现出高端感觉,针对不同的行业、不同的对象所采用的表现方法是不同的。想要向男性与女性展现出高价格?或者是高级品却没能体现出高品质?针对各种各样的情况必须有不同的应对,这里是从各个行业种类找的参考。

美容 1、HACCI

以白色的背景为底色,logo的配色即使是使用了米色也能体现出清爽感和高级感。并且使用了不会破坏优雅气氛的图片+简短的文案。

链接地址:http://hacci1912.com/

网页配色技巧 网页配色 配色方案 网站配色方案

网页配色技巧 网页配色 配色方案 网站配色方案

2、クレ・ド・ポー ボーテ

这也是高级化妆品的品牌网站。因为主体使用了黑色作为配色,打开时会留下很强的成人感觉。为了体现出成人的气氛与考虑到配色的统一,其他用色也与商品都使用了同样低明度的紫色。这里同上面介绍的网站相同,为了能体现出高品质的感觉而保留了最低限度的信息。

链接地址:http://www.cledepeau-beaute.com/jp/

网页配色技巧 网页配色 配色方案 网站配色方案

网页配色技巧 网页配色 配色方案 网站配色方案

潮流品牌 1、Tiffany (蒂芙尼)

著名的蒂芙尼网站使用了绿松石色。排版简洁并且使用了企业色。使用红色缎带的照片,体现出圣诞节的节日感,颜色的对比更进一步的突出了商品。

链接地址:http://www.tiffany.co.jp/

网页配色技巧 网页配色 配色方案 网站配色方案

网页配色技巧 网页配色 配色方案 网站配色方案

2、Burberry(博柏利)

这是以格子花纹出名的博柏利网站。因为有很多高端品牌公司的网站特点是使用了有特点的logo和图案,因此在这里使用了更有吸引力的高端照片和商品。

链接地址:https://jp.burberry.com/

网页配色技巧 网页配色 配色方案 网站配色方案

网页配色技巧 网页配色 配色方案 网站配色方案

汽车 1、メルセデス・ベンツ(梅赛德斯 – 奔驰)

背景使用了黑色~灰色的色调。要体现出高端感觉,黑色是必要的颜色。下面精致的菜单由基本型号组成。黑色背景的网站与白色背景的网站相比,在遇到更大视觉冲击力的时候会相对更容易接受。

链接地址:http://www.mercedes-benz.co.jp

网页配色技巧 网页配色 配色方案 网站配色方案

网页配色技巧 网页配色 配色方案 网站配色方案

2、LEXUS(雷克萨斯)

丰田高端品牌雷克萨斯的网站。这个网站被分割出了一个新的网站吗?横向运动出去的banner设计让人印象深刻。斜线加入的地方感觉空间被扩大了。雷克萨斯也同样使用了黑色和灰色的配色。首页下面车模的图片,改变车型的拍摄角度和气氛使人感觉张弛有度。

链接地址:http://lexus.jp/

网页配色技巧 网页配色 配色方案 网站配色方案

住宿设施 1、加賀屋

和仓温泉旅馆 加贺屋的网站。主体的banner部分使用了黑色,网站内部分文案使用了竖排,体现出“和”的韵味。Banner下面的菜单也使用了竖写的菜单。

链接地址:http://www.kagaya.co.jp/

网页配色技巧 网页配色 配色方案 网站配色方案

2、ホテル ラ・スイート神戸

整体采用了淡淡的灰色,logo的颜色作为主色,网站由2种颜色构成。排版也很巧妙,有种精练的感觉。因为美容与婚礼也可以选择这里,所以感觉配色也很干净。

链接地址:http://www.l-s.jp/

网页配色技巧 网页配色 配色方案 网站配色方案

相关推荐
酷站欣赏之欧美棕色调网站设计案例赏析
网页设计的文字色彩与可读性分析
30个出色的网页设计色彩搭配案例欣赏
网页设计的色彩理论与案例浅析
18个国外经典优雅黑白色调的酷站欣赏
网页配色经验分享:叠柔配色技巧及图解分析
网页配色之色彩搭配技巧与色彩对用户的心理作用
色调心理效应 颜色在网页设计中的重要性分析
网页设计新趋势:撞色风(Color Blocking)风格的网站欣赏
6个步骤让你快速打造一个有设计感的网站
网页排版设计如何才能让页面文字阅读更舒适?
创造视觉冲击力的网页设计配色技巧
色彩情感对用户体验设计的影响
11个网页配色超棒的网站案例欣赏
移动应用图标配色诀窍 APP界面配色设计教程
如何巧妙运用色彩心理学来提高网站转化率
网页设计教程:让页面活跃起来的四个技巧
秒变配色高手!六条网页设计黄金配色原则
网页色彩搭配教程:三个实用方法搞定网页配色设计
10个实用方法帮你搞定网页柔和色调设计
2015年网页设计配色趋势预测
QQ空间配色变迁解密:“杀集取卵”!
网页配色教程:六条网页设计安全配色指南
色彩搭配教程:颜色对用户究竟有哪些影响?
走心的技巧!如何为色盲用户提升网页的可用性?
网页配色设计:红色空间如何设计才好看?

分类导航

教程推荐

热门特效

热门教程