当前位置:w88优德官网网文章中心网站设计网页设计 → 一份简单明了的网页设计用色指南

一份简单明了的网页设计用色指南

减小字体 增大字体 作者:admin  来源:本站整理  发布时间:2016-11-21 9:40:23
一份简单明了的网页设计用色指南其实今天网页设计中的配色和用色方式,是一件非常有趣又值得思考的事情。尽管绝大多数的网站看起来非常相似,但是巧妙的用色会让布局平庸的网站显得不同凡响。其实我并不是想说某种革命性的用色技巧或者某个全新的发现,但是绝大多数的网站配色看起来确实非常相似。那么配色的意义又何在呢?如果全世界所有的网站都采用五彩缤纷的配色,那么不会有任何网站从中脱颖而出。当然,今天的网页设计界已经很接近这个状况了。从这个角度上来看,柔和的色调会更容易让用户眼前一亮。用色彩引导用户注意力绝大多数网站在布局设计之初,通常就采用简单的黑白灰,白色背景+黑色文字。而色彩在这种情况下会起到强调和高亮的作用,可以引导用户注意按钮、标题和链接。一份简单明了的网页设计用色指南以Vibrant 的网页设计为例,他们的首页中背景和图像都采用的是黑白色调,但是LOGO,按钮和汉堡图标都采用的是闪亮的黄色,它们可以很快抓住用户的注意力。一份简单明了的网页设计用色指南Takeit 的页面设计同样如此,整屏的蓝色背景让白色的网页元素显得非常明显。白色的大标题是视觉重心,然后用户会注意到标题周围的App Store按钮,LOGO和汉堡菜单。这些案例都讲述了如何用色彩来吸引用户注意力。创造个性一份简单明了的网页设计用色指南色彩的美好之初字啊与,它可以为网站或者品牌定下基调或者营造情感、传达情绪。Beagleis 为用户提供制作项目简介的服务,而他们的网站配色采用的是自然系色彩。当你向下滚动的时候,背景色会从绿色变为棕色、深灰甚至粉红色。自然色能给人优雅而专业的感受,从而让这个服务给人留下深刻的印象。一份简单明了的网页设计用色指南An interesting Day 是为一个“在奥斯陆峡湾的小岛上上为期一天的奇怪小型会议”而设计的网站。黄色背景上用红色文字的网站并不多见,配合着个性十足的图片,整个网站所有的设计元素都是在为你阐明“奇怪”的特色。用色彩发声用色彩来发声,做一个属于自己网站的声明,这比起单纯的“吸引用户”来的更加有趣。要吸引用户注意力,色彩足够突出就行,但是更重要的是,这种色彩要足够为你“做声明”。你不能随便挑选一个鲜艳的色彩,这个色彩还要契合你的精神,想要传递的独特情绪。一份简单明了的网页设计用色指南就以Gaga 交响乐的着陆页为例,当你打开网站的时候,鲜亮的粉色会让你眼前一亮。在“交响乐”的主题之下,用户对网站风格的预期是沉稳的色调,但是亮粉色则完全不再低调优雅之列,但是它符合网站中交响乐活力四射、乐趣无穷和创造力十足的特色,所以,此处的亮粉色符合逻辑,也为设计者“发声”了。增强凝聚力,引导用户流程色彩同样可以用来引导用户来进行用户流程。就像上方Takeit的案例,色彩会引导用户的眼睛,但是不会采用太过激烈的搭配方式。微妙而富有凝聚力的配色方案会让用户更加舒适,引导效果也更好。色彩彼此衬托营造独特的品牌视觉,也构成用户的视觉路径,吸引他们看下去。一份简单明了的网页设计用色指南一份简单明了的网页设计用色指南诸如著名的生产力工具Dropbox和Marvel也是这样来进行配色的,Dropbox尤为典型。两个工具都采用了蓝色作为主色调,同时还使用了绿色、橙色和红色来搭配,整个近似色和对比色都有了,几种色彩在一起会给人一种相互搭配良好的感觉。一份简单明了的网页设计用色指南
[1] [2]  下一页
本文引用网址:
在下列搜索引擎中搜索“一份简单明了的网页设计用色指南”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1王梦溪未经处理照曝光 王梦溪口...
  • 22013最新门事件 警花王梦溪不雅...
  • 3兰州西固警花王梦溪不雅裸照下...
  • 4如何做爱真人示范图片 男女ML常...
  • 5马蓉裸照原图没有马赛克曝光 马...
  • 12016年最新成年身份证号码大全...
  • 2你们真以为网络主播月入万元的...
  • 3Godaddy支付宝12美元送免费优德w88官网...
  • 4新手建站十大免费空间推荐、及...
  • 5DEDE首页真正去掉index.html的...
  • 1最流行的性交姿势图解 真人示范...
  • 2什么姿势女的最爽?最刺激的做...
  • 3合肥艳照门事件 合肥艳照门全套...
  • 4华航空姐艳照门:空姐自拍裸体照...
  • 5江苏镇江郦荟艳照门 郦荟自拍高...
  • 1Linux操作系统下的安全问题研究...
  • 2Linux操作系统故障技巧
  • 3通过组策略和注册表关闭win7 U...
  • 4虚拟化环境下之服务器存储备份...
  • 5HTTP 错误 404 - 文件或目录未...
  • 赞助商广告

    图片文章导读