手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >对你忽冷忽热的网页色彩
对你忽冷忽热的网页色彩
摘要:网页设计中的色彩如何搭配是一件令设计师有些困扰的事情。用保守的色彩搭配,担心客户不买账,因为沟通的时候他们总喜欢笼统的说‘总之我...

 网页设计中的色彩如何搭配是一件令设计师有些困扰的事情。用保守的色彩搭配,担心客户不买账,因为沟通的时候他们总喜欢笼统的说‘总之我要我的网站高大上,看起来和别人不一样’;用别出心裁的搭配手法,又担心客户欣赏不了,最后各种挑刺。也许,只要你的设计在第一眼能给予客户一种舒适感,之后的合作就能一路绿灯。

以下是AnyForWeb为你搜罗的关于网页设计中冷暖色调运用的相关案例,希望能为你带来灵感,第一时间抓住客户的心。

1.Nelly Rodi的网站用真实照片作为背景大图,整个页面呈现明显的冷色调,少量的文字也用了百搭的黑色或白色。这样的做法比较保守,虽然不会用错,但也没有什么出彩的地方。而设计师很巧妙地在页面右侧加了一个几何形状的暖色系色块,不仅能让浏览者一眼找到视觉重点,也让原本中庸的网页变得更特别。底部的幽灵按钮设计同时表现了极简网页的国际趋势。

对你忽冷忽热的网页色彩1

2.橙色总能给人一种温暖阳光的视觉感受,但如果使用过度就会产生一种复杂拖沓的感觉。这个案例中虽然使用了很大面积的橙色,但设计师加强了色彩本身的透明度,并且结合了小部分的纹理设计,让画面更加时尚别致。

1

3.当同时出现五彩缤纷的多种色彩时,页面就会变得很热闹,正如案例所示,无所谓冷色调还是暖色调,又或是中性色,一旦将这些颜色结合在一起,网页就会可爱起来,为用户带来好心情。

对你忽冷忽热的网页色彩2

4.这个案例选用了较冷的浅蓝色渐变作为主色调,中间的红色波浪线顺理成章的成为视觉重点。这是一个典型的冷暖色调的搭配使用手法,用大部分的冷色调来强调突出小部分的暖色调元素。

2

5.这个网站分成了左右两个部分。背景选用了Metro风格的设计,上面铺了一层透明度很高的白色和黑色色块。黑白都属于中性色彩,黑色和红色又是一种色彩学中的经典配搭,因此,用户的视角完全会被吸引到红色的部分上。

3

6.这个网站的风格比较梦幻迷离,主色系偏暗,设计师借助“铁塔”本身的灯光,用滤镜效果营造出了更加唯美的画面感,很容易让浏览者融入气氛,幽灵按钮与页面整体的匹配度也很高。

对你忽冷忽热的网页色彩3

7.灰色系属于偏冷的中性色,而案例中的灰色属于暖灰。在大面积暖灰中,红色显得格外抢眼,起到了引导用户视线的作用。

对你忽冷忽热的网页色彩4

8. Metro风格有时会让人觉得过于规整,因此,设计师用渐变暖色让页面变得更活泼生动。画面中从上到下的色彩由浅到深,让我们的视线转移有了指向性。

4

9.这个案例融合了Metro和几何元素的设计,冷暖色彩相间,形成了一个色彩丰富的场景,减缓了用户产生视觉疲劳的速度,更利于吸引用户点击和查看。

对你忽冷忽热的网页色彩5

10.Airnauts的网站首屏用一条最简单的分割线将页面切割成两个几何形状,这两个形状的色彩之间完全没有过渡,直接衔接在一起,但却不觉得很生硬,反而有一种独特的设计感在其中。

对你忽冷忽热的网页色彩6

网页中的冷暖色调只要使用得当,就能很自然的为浏览者营造出一种舒适的视觉享受,并且深深的融入网站的情境中。

【对你忽冷忽热的网页色彩】相关文章:

网页设计的色彩思考

网页配色:色彩三要素

你不知道的Arda品牌网站设计细节

35款兼容性极佳的响应式网页排版设计

网页设计配色技巧宝典

如何激发你的灵感?

三板斧帮你快速搞定移动缺省页设计

两种最常见的网页布局设计模式

7招教你写出互联网顶尖文案!

网页色彩性质的分类

精品推荐
分类导航