网站地图    收藏   

主页 > 设计 > 网页设计 >

对你忽冷忽热的网页色彩_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

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

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

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

对你忽冷忽热的网页色彩 三联

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

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

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

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

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

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

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

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

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

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论