一份简单明了的网页设计用色指南-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝30
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:209回复:0

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

楼主#
更多 发布于:2016-06-10 19:54

一份简略明了的页面规划用色指南




本来今日页面规划中的配色和用色方法,是一件十分风趣又值得考虑的工作。虽然绝大多数的网站看起来十分类似,可是巧妙的用色会让规划平凡的网站显得与众不一样。
本来我并不是想说某种革命性的用色窍门或许某个全新的发现,可是绝大多数的网站配色看起来的确十分类似。那么配色的含义又安在呢?假如全国际一切的网站都选用五彩缤纷的配色,那么不会有任何网站从中脱颖而出。当然,今日的页面规划界现已很接近这个状况了。从这个角度上来看,柔软的颜色会更简略让用户眼前一亮。
用颜色引导用户留意力
绝大多数网站在规划规划之初,一般就选用简略的黑白灰,白色布景+黑色文字。而颜色在这种状况下会起到强谐和高亮的作用,能够引导用户留意按钮、标题和连接。




以Vibrant
的页面规划为例,他们的主页中布景和图画都选用的是黑白颜色,可是LOGO,按钮和汉堡图标都选用的是闪亮的黄色,它们能够很快捉住用户的留意力。




Takeit 的页面规划相同如此,整屏的蓝色布景让白色的页面元素显得十分显着。白色的大标题是视觉重心,然后用户会留意到标题周围的App
Store按钮,LOGO和汉堡菜单。
这些事例都叙述了如何用颜色来招引用户留意力。
发明特性




颜色的美好之初字啊与,它能够为网站或许品牌定下基调或许营造情感、传达心情。Beagleis
为用户提供制造项目简介的效劳,而他们的网站配色选用的是自然系颜色。当你向下翻滚的时分,布景色会从绿色变为棕色、深灰乃至粉赤色。自然色能给人高雅而专业的感触,从而让这个效劳给人留下深入的形象。




An interesting Day
是为一个“在奥斯陆峡湾的小岛上上为期一天的古怪小型会议”而规划的网站。黄色布景上用赤色文字的网站并不多见,配合着特性十足的图像,全部网站一切的规划元素都是在为你说明“古怪”的特征。
用颜色发声
用颜色来发声,做一个归于自个网站的声明,这比起单纯的“招引用户”来的愈加风趣。要招引用户留意力,颜色满足突出就行,可是更主要的是,这种颜色要满足为你“做声明”。你不能随意挑选一个艳丽的颜色,这个颜色还要契合你的精力,想要传递的共同心情。




就以Gaga
交响乐的着陆页为例,当你翻开网站的时分,鲜亮的粉色会让你眼前一亮。在“交响乐”的主题之下,用户对网站个性的预期是沉稳的颜色,可是亮粉色则彻底不再低沉高雅之列,可是它契合网站中交响乐活力四射、乐趣无穷和发明力十足的特征,所以,此处的亮粉色契合逻辑,也为规划者“发声”了。
增强凝聚力,引导用户流程
颜色相同能够用来引导用户来进行用户流程。就像上方Takeit的事例,颜色会引导用户的双眼,可是不会选用过分剧烈的调配方法。奇妙而赋有凝聚力的配色计划会让用户愈加舒服,引导作用也十分好。颜色互相烘托营造共同的品牌视觉,也构成用户的视觉途径,招引他们看下去。




比如闻名的生产力东西Dropbox和Marvel也是这么来进行配色的,Dropbox尤为典型。两个东西都选用了蓝色作为主颜色,一起还运用了绿色、橙色和赤色来调配,全部近似色和对比色都有了,几种颜色在一起会给人一种彼此调配杰出的感受。




Innovation Project Canvas
的状况则稍有不一样,规划师运用单纯的绿色来引导用户阅读,页面并未运用更多的颜色,可是童言十分优秀地完成了极具凝集力的颜色规划。
图像中的颜色
凭借图像中的颜色来构建配色是十分风趣的用色窍门,UI元素的确不是页面中仅有可规划的颜色。大图布景和高清商品图的盛行使得图像颜色变成全部规划中不行忽略的和总要构成,经过组成图像将颜色写入到规划中,也是适当不错的挑选。




CartoDB
是一款能够将方位数据可视化的风趣APP,那么有啥能比实在的地图来的愈加直观漂亮呢?所以它出现在网站主页,用最视觉化的方法来出现自个的商品,让颜色为商品代言。




说道让商品,ETQ也相同让商品优先级压过UI,极简的网站规划个性之下,配色计划显然是连续自商品配色。规划师让商品自身变成视觉重心,虽然不是一切的鞋子都是五颜六色,但仍然尽量让配色兼容尽量多的商品,这也是真实含义上的以商品为基地。
不是一切网站都要显眼的颜色
并不是一切的网站都需求艳丽的颜色。仍然有很多共同的网站运用经典的黑白灰来作为配色计划,而这些中性色也极好地出现出了归于它们的心情。




Visual Soldiers 和 Tomasz Wysocki
的网站都是这么,高雅而干练的颜色是它们的基因。简练的规划和共同的品牌定位,使得它们无需艳丽的颜色来出现CTA按钮和边角的菜单,安静的白与黑就满足了。




结语
颜色是强壮的,它们会以各种方法融入规划。它们除了强壮的视觉特征,还具有不俗的功能性,引导用户,提高凝聚力,展示个性,传递信息,勾勒性情,乃至赋予规划以含义。
你需求考虑颜色的多与少,了解颜色在页面规划中的度,了解每种颜色的性情,理解如安在繁杂的噪音和广袤的国际中找到归于自个的方位。








[font=Tahoma  ]
优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

[font=Tahoma  ]UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客