企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

网站设计UX色彩微调技术

发布时间:2017-02-21 09:52:47

TAGS:网站设计

blob.pngANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

颜色是一种在任何设计系统的关键要素。在网站或应用程序,颜色可以用在各种不同的方式:有时颜色可以用来通过对比或通过限制颜色选择的位置创建一个焦点;颜色也可以帮助建立层次结构,因此影响在用户看起来。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在这篇文章中,我们将谈论如何战略性地使用颜色。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联


ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1.通过创建一个焦点的比例ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

颜色比例的一个很好的例子是设计viporte。当你向下滚动,在他们的主页,每节装饰,中间有一个大的信。信中充满了前部分的动画踢在一个美丽的颜色。不同的图像,动画的色彩是字母的颜色相关。焦点肯定是在中心地段的部分由于色彩的集中使用。比例的变化有时会有一点颜色,有时会有很多它。无论哪种方式,比例是用来吸引关注成焦点。如果颜色更加明显,各地在每个部分中,重点不明确。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2.注意通过对比ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

另一件事是可以操纵的颜色对比。当设计的整体颜色是平静或醇厚,加入对比色会吸引很多注意形象。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这正是发生在设计thinx。在主页上,界面的整体配色方案实际上是黑色和白色。然而,设计在很大程度上依赖于众多的照片。尤其是在主页顶部,内衣的特点深红色背景的照片。相比于网页上的其他一切,这是非常大胆的。毫无疑问,这件事在这里是暗红色。红色具有更高的对比度与黑色和白色的配色方案。我喜欢用thinx作为一个例子,因为它说明了明亮的霓虹灯的颜色不适合画别人的注意,只有通过对比。这真的只是一个平衡的两种颜色,会让人真正站出来。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3.使用颜色来创建UX模式ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

创造视觉模式的好方式是通过一致性。模式,反过来,创建关系用户可以得到。它的用户相同的方式用于雪铁纳图标被某些行为有关,即一个垃圾桶意味着删除。颜色是更主观的因为每一个网站或应用程序,可以使颜色自己的意义。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

让我们带着蓝颜色的关系腹部的组合网站。这是一个简单的例子,来说明我的观点这是完美的。什么点击在腹部的网站是蓝色的。在使用网站的几秒钟,它变得清晰,很快,他们的链接是蓝色的。这是你如何创建模式,通过色彩。模式是好的因为它们允许用户和游客很容易认出的东西。更容易的识别变得少人认为,现在我们都知道,快乐使史蒂文·克鲁格ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4.通过颜色创建层次结构ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

另一件的颜色可以很好的建立了一个层次。打开(放)skore的产品页面,几乎每一个部分都有一个元素的绿色吧。不仅是创建一个可识别的模式,这也有助于区分任何部分的重要组成部分的绿色重复。通常通过大小字体大小层次很容易解释。但强度的一种颜色,以及安装在使用颜色可以设置一个层次也是伟大的。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在skore实例,具有很好的绿色与灰色文本和白色背景的对比。它代表了。此外,它们的颜色方案不依赖于其他的口音的颜色制作绿色小学。所有这一切都有助于每个章节的方式来显示层次。因此,绿色有助于引导用户的目光转向的重要元素,在每个部分中提供了很好的层次。绿色元素告诉用户在哪里看第一。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

5.利用相似的颜色ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

把所有不同的事情,我们做的颜色作为设计师,我们主要是把它和重用是为了保持一致性,在设计。让我们来看看这一年的年底侵袭着陆页。在页面的顶部有一个粉红色和紫色作为背景图像的梯度。下页的粉色和紫色用于按钮的颜色。此外,登陆页面使用白色的粉红色和紫色的彩色背景。它还使用黑色和灰色的文字颜色在白色背景。如果颜色是每次不同,它不会像大。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

让我们来看一下另一个示例,具体有限的运动。在他们的主页,创意工作室使用一些不同的颜色。但他们都是足够相似的他们的语气提供粘性流。在这个例子中,没有什么突出的特别,也可以是一个很好的目标。在这种情况下,色彩的强调良好的粘性流动的页面,在那里你想留住用户和滚动。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

结论ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

颜色可以帮助实现各种设计目标的重要工具。颜色可以帮助定义和建立一个层次结构,提供一个焦点。重点是各种颜色。无论哪种方式,与色彩可以带来很多的乐趣。影响,游客或用户的眼睛都可以用一个战略的配色方案的帮助更容易。ANX北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7123,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号