详细解析高端感觉配色的参考网站分享

2016-02-16 19:58 44 1 收藏

下面图老师小编跟大家分享一个简单易学的详细解析高端感觉配色的参考网站分享教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - 平面设计 】

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

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

有高端的配色

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

美容

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

HACCI

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

クレ・ド・ポー ボーテ

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

潮流品牌

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

Tiffany (蒂芙尼)

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

burberry(博柏利)

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

汽车

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

メルセデス・ベンツ(梅赛德斯.奔驰)

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

LEXUS(雷克萨斯)

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

住宿设施

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

加賀屋

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

ホテル ラ・スイート神戸

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

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

饮食店

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

横浜モノリス

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

白色的背景与图片很好的搭配,突出了品质的优良。菜单部分也被设计成写实的图标,感觉很有意思。因为没有使用过多的颜色,整体感觉也很统一。

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

赤坂美料あけち(注:网站已过期)

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

用图片充满整个画面会有强烈的冲击力。照片上的料理展现了这个店的高端品味。有很多体现出高端的网站都使用了大量的照片。由于网站使用了视觉滚动差效果也有一定的创新。在配色中使用了大量的黑色,让料理中的红和绿更加明显夺目。

综上所述,试着参考和留意一下这些网站吧。

1.与黑体相比最好使用明朝体

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

根据具体情况具体处理。受欢迎的高端感觉和质量好的商品,很多都使用了明朝体。与黑体相比明朝体的文字更有动感,留下成人的感觉。在头图的标题等地方使用会有不错的效果。使用黑体的时候,如果不注意字体的粗细和文字的颜色,会使设计变得庸俗。

2. 字间距的调整适度

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

如果字间距过密,会让人有狭小不富裕的感觉并且会让气氛发生改变。如果字距扩大也必须注意不要有像孩子那样随意的感觉。

3.注意行距和组之间的空白

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

稍微夸张的留出空间,更容易展现出优雅的气氛。因为要留有充足的空间,所以必须整理信息,控制刊登文案的数量。要是文章过多的话,会给人以像信息网站那样的感觉。

4.使用渐变

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

因为渐变表现颜色的深浅,可以让人感到网站的纵深。稍微让颜色有些不同的差异,略微的渐变很很好的。如果全部都是渐变,会带来相反的感觉。

5.不胡乱使用艳丽的颜色,调整色彩的饱和度和明度

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

体现高端感觉的时候,使用花哨且显眼的颜色会很容易破坏气氛。即使有想突出的地方,也可以考虑颜色以外的方法。饱和度低的粉笔色,特别是浅茶色常常可以在好商品中看到。如果想使用视觉强烈的红色,重点是如果不是集中使用,就不会产生强烈的视觉。

6.有意识的网格排版

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

高端=有品味,有这种感觉会发现很多横竖向都对齐的排版。相对于个性的还是放置这样规矩的样式要好吧。有网格排版的意识,整理信息的时候多留意横竖的线,可以给人以整齐的感觉。

7.黑色带有很强的颜色感觉

详细解析高端感觉配色的参考网站分享,PS教程,图老师教程网

看了各种各样的网站,会发现使用黑色背景的要比使用白色背景的视觉要强烈。如果是白色的背景,对于背景来说无论使用了怎样配色突显的都不光是白色,黑色背景的时候只有黑色是显眼的。因为如果使用了黑色背景,色彩的搭配会变得很难(要是想与目标一致一定要使用黑色么?)。

综上所述,试着汇总可以参考的网站。关于高端感觉是多种多样的,归根究底还是像之前总结的那样。

来源:http://www.tulaoshi.com/n/20160216/1573129.html

延伸阅读
       被认为是清爽的色彩组合,通常包括淡而浅的蓝绿和它的搭档——红橙色——也是它的补色。 蓝绿或是鸭绿(teal),色彩清新、舒爽,常常以纯色来描写游历与闲适。 清爽的色彩组合如果添以光彩,可散发出祥和、宁静的气息。 补色色彩组合 三次色色彩组合 单色色彩组合 14 6...
不同于其它色彩展现柔和,低沉之美的灰紫色没有对比色。灰紫色调合了红紫色、灰色和白色,是个少见的彩色。 任何颜色加上少许的灰色或白色,能表达出的柔和之美,有许多种包括灰蓝色、灰绿色等。但若灰紫色本身被赋其它彩度或亮度,则可能掩盖了原颜色的原有意境。使用补色,或比原色更生动的颜色,可使这些展现柔和之美的颜色顿...
很多小伙伴们为了提升设计作品的逼格,在设计展示图上打上各种圈圈,让简单的图形,看起来高端上档次。有的时候,屌丝与高富帅,仅一圈之遥。 为了搜文章中的配图频繁搜索女优 构图等关键字而被公司封内网一天的代价.. 还有一种普遍的现象,一个标准简洁的logo诞生之初,总会被外行人鄙视嘲笑吐槽,当设计师发布了线框图(手稿之后),又会...
需要用到的配色网站:http://design-seeds.com/index.php/search 建议大家先像这样做小型图片来练习。慢慢引向大版面的设计。一步步提高难度。时间不宜过长,控制在30分钟内,就当每天练习色彩速写。先感性---再理性,不要一开始就考虑太多理论化的东西,理论化的指引是后期慢慢调整优化的。30分钟只取大感觉。
工具型网站的特点剖析 工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节,那便是:功能与数据。所以谈至"体验",其实设计目标也就更加清晰和明确 1.在保证功能流程顺利走完的基础上,让用户的感觉更加舒适; 2.在面对大量数据时,让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。 工具型产品普遍...

经验教程

67

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部