网页设计-色彩搭配分析_第1页
网页设计-色彩搭配分析_第2页
网页设计-色彩搭配分析_第3页
网页设计-色彩搭配分析_第4页
网页设计-色彩搭配分析_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计-色彩搭配分析在网页设计中,对目前的网站配色(Landscapeofcolor)认真琢磨一下还是非常有趣的。大多数网站或多或少相同,但是颜色的设计搭配却是一个非常给力的工具。我并不想尝试去阐述一些具有革命性的东西或者是特别的发现。但如果大部分网站都采用同样的配色方案,那对颜色意味着什么呢?实际上,远超出你的想象。幻想一下整个世界的每一个网站都是非常漂亮和五彩缤纷的,但它同时也意味着千篇一律。这就像你文章中每一个段落的粗体。因此,当配色方案比较柔和的时候,它允许有更多的机会。

关注你想要的任何东西许多网站都有一个基本的灰度配色方案-白色的背景和黑色的字体。(网页中)想让你看到的部分会赋予颜色作为强调。这就是为什么网页不会充满颜色—它们使用在想让你看到的按钮,标题或者链接上面。Vibrant ,当你第一次登陆它们的主页,主页的背景和图片是黑白的,网站标志,可点击的按钮和汉堡菜单是亮黄色,这些可以很快的(在灰度背景中)脱颖而出,吸引你的注意力。网页设计-色彩搭配分析全文共8页,当前为第1页。另一个例子是Takeit;当你第一次登录他们的主页就看一个大大的蓝色背景。然而,其他的都是白色的。最前面并且居中的大标题会让你的注意力集中在中间。同时,你的眼睛在很短的时间内就能注意尺寸较小但是仍然明显的APP商城的按钮。你可以从中研究一下是颜色如何引导用户的注意力的。网页设计-色彩搭配分析全文共8页,当前为第1页。

创造个性颜色是非常奇妙的,因为它可以展现一个网站或者品牌的语气和情绪。Beagle(很遗憾,译者访问的时候,网站已经不在了)提供创建项目简介的服务,他们的网站使用了较轻的茶色。当你向下滚动他们的主页时,你会看到棕色,炭色,绿色,甚至粉红色这样一些愉快的色调。世俗的色调(earthlytones)看起来专业和优雅,给人对于其所代表的公司(留下)一个非常好的印象。

网页设计-色彩搭配分析全文共8页,当前为第2页。AnInterestingDay

网站它特指“在奥斯陆峡湾(Oslofjord)的一个小岛上举办的一个不可思议的,为期一天的会议”(“aweird,one-dayconferenceonatinyislandintheOslofjord”)。当红色的背景和红色的字体在上面的时候,你一定会有一种怪异的不协调的感觉。因为这不是我们每天看到的东西。实际上,这看起来挺不错的,但更重要的是这种配色方案传达了一种很明显的“怪异的”(weird)个性。网页设计-色彩搭配分析全文共8页,当前为第2页。

写一个非常重要的声明网页设计-色彩搭配分析全文共8页,当前为第3页。通过颜色做一个声明(statement)会很有趣。但你必须保证这个颜色很显眼并且能抓住用户的注意力。这很简单的说~。但对于语句来说也必须是一个很好的颜色选择。你不能只是随便选取了一种亮色,(反之)它的外观和感觉必须对整个页面来说具有意义和目的性。举个栗子,这是GagaSymphony的登录页面。当你登录到他们的界面,你会被亮丽的粉红色背景所包围。你也许会觉得交响乐给人的感觉应该是比较高雅的,应该使用比较柔和,稳重或是较静谧的颜色。但是,Gaga比较特别,它的交响乐充满活力,趣味和创造性。因此,(其所使用的)桃红色(hotpink)是非常契合它的音乐风格的的。网页设计-色彩搭配分析全文共8页,当前为第3页。

提供内聚(Cohesion)和流动(Flow)颜色也可以指导用户如何使用流式页面。在上面的Takeit的例子中,Takeit的颜色搭配用比较温和的方式去引导用户的注意力。事实上,颜色在指导用户方面,它可以变得敏感(subtle)但不需要戏剧性(dramatic)或者过分夸大(overthetop)。尤其当各种颜色之间开始紧密结合时特别有效。这基本就是品牌颜色工作的原理。看Marvel或者Dropbox。他们APP的配色方案都使用了明显的蓝色,但是你看在它们图形中的其他颜色,像绿色,橘黄色或者红色,非常恰当的搭配在一起;这样就让他们变得有意义了。网页设计-色彩搭配分析全文共8页,当前为第4页。网页设计-色彩搭配分析全文共8页,当前为第4页。一个不同的例子是InnovationProjectCanvas。他们使用了绿色来指引用户(操作)沿着他们的页面进行滚动。你不需要使用许多颜色来创建一个漂亮的流式页面;仅仅使用一种颜色也可以做得更好。InnovationProjectCanvas仅仅使用他们的绿色就达到了极佳的参与指导用户的效果。网页设计-色彩搭配分析全文共8页,当前为第5页。

图片中的颜色网页设计-色彩搭配分析全文共8页,当前为第5页。一个关于颜色的有趣的小窍门是在图片里去体现颜色。UI设计的基础不仅是给网站添加一些颜色而已。随着网页使用高清图片做背景和大产品图片使用的兴起,多使用合成的图片为你的设计带来色彩也是一个不错的主意。CartoDB

是一个能够让你将地理位置数据可视化的APP。(CartoDB是一个开源的允许你在web上存储和虚拟化地理数据的工具,这个数据库通过灵活方式让开发者更容易的创建地图和设计自己的应用。)有什么最好的方法可以炫耀它们的服务有多好而不是炫耀他们的地图有多美吗?-那就是他们的主页。这是一个非常好的方法去展示他们的产品,同时为他们的页面增加视觉效果和色彩。说到产品为它们自己说话,ETQ让他们的鞋子大大胜过了他们的UI设计。这个网站风格非常简洁,整个网站以最低限度去延伸他们的配色方案。他们把页面设计的重心放在他们的产品上。尽管他们不是所有的鞋子都像例子中的一样颜色鲜艳,而仍然要让他们的鞋子成为其设计中最大的颜色板块(仍然延续这一种设计风格),还有一段很长的路要走。不可否认。ETO真正的让鞋子脱颖而出。网页设计-色彩搭配分析全文共8页,当前为第6页。网页设计-色彩搭配分析全文共8页,当前为第6页。

谁需要颜色呢?有趣的是有些网站反其道而行,他们尝试使用尽量少的颜色进行设计。网站没有亮丽的色彩点缀也可以变得很华丽。灰度配色方案可以为品牌创建必要的外观和感觉以及展示核心的思想。网页设计-色彩搭配分析全文共8页,当前为第7页。VisualSoldiers就是一个优秀的例子,其配色方案非常的简单,甚至是单调,就像TomaszWysocki’sportfolio。这两个网站有同样的优雅。因为色彩单调,所以他们反而抓住了你的注意力。也许你会想在他们页面中的一个CTA(引起用户动作)或是一个链接中找到一些轻微的蓝色或者绿色的提示,但是这里没有。使用尽可能少的颜色是这两个网站品牌的一部分。就算仅有黑和白两种颜色,他们看起来也同样的时髦和美观。网页设计-色彩搭配分析全文共8页,当前为第7页。

结论就像你所看到的,颜色是非常强大的。如果你能让颜色自己去做一个设计,它的本领会远远超出你的想象。颜色可以通过流式(flow)和重要的声明(statement)引导用户的注意力,帮助指导用户。颜色充满个性,也可以

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论