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

网站设计

Website development

网页UI的配色方案,搭配一个更好的应用程序

发布时间:2016-12-02 10:59:50

TAGS:创意设计

每一个UI设计需要一点艺术和科学。你需要一些艺术的精神,以使它有吸引力和美观,但同时,它是完全基于逻辑的方法。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

不幸的是,在UI设计合适的色彩和照明的使用往往被低估。事实上,在这些方面的设计被认为是理所当然的,用户失去焦点。用户需要看设计,了解如何有效地使用给定的元素。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

这就是为什么我们准备了一套技巧,会让你选择UI的配色方案适合你的设计:hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

对比保证可读性hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

固体和对比色方案的文本内容和相关背景的优秀。应用类似的色调,文字和背景可以是有害的,因为它可以影响一个设计的分辨率。结合应认真执行,有至少80%的对比值。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

对比不仅是重要的它是决定性的可读性。用户必须能够阅读文本很容易和有效地。扫描并找到重要的元素的能力可以为你的读者和你的产品成功的大保证。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

极端的对比不负影响眼睛,而对比度差的水平会导致受众的困难。(更不用说时间的用户将失去!)白色背景上的黑色文本是可以应用的高对比度值;它的经典,我们真诚的建议。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

用光和阴影创造深度hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


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

相信它或没有,光可高度提示你的用户;通过使用不同的颜色,你可以添加/删除某些元素的重要性,你可以使图像看起来更进一步从读者/。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

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


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

以按钮为例,设计师往往会选择做“推”按钮出现暗。为什么?hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

嗯,这是相当简单的按钮被视为3D对象。当我们按他们的离开。另一方面,他们出现“打开”时,他们不习惯。所有这一切的发生都是因为合适的配光。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

事实上,这是如何工作的界面隐喻是建立在三维物体以及深度调整。当选择颜色的用户界面,让你使用更轻的重要对象,和黑暗的那些“雕刻向内。”这种方法的优点是操作系统接口的一般原则,尤其是当复制真实世界的对象(按钮、开关等)。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

在UI设计,唤起情绪使用颜色hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

大多数设计师都知道,色彩和情绪有关的。事实上,不同的色调对人的情绪的心理效应自中世纪以来一直是众所周知的。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

伟大的设计师们利用这些信息,他们尽量选择用户界面创造积极的气氛的颜色。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

让我们来看看不同颜色的影响:hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红色是强大的,有意义的,积极的。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


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

如果我们正在寻求一个充满激情的、刺激的颜色,显而易见的选择是红色的。经常用来警告和通知,红色是一种充满活力的色调,象征着血液循环,力量,激情,和积极性的重要性,其他的感情。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

橙色友好,充满活力,和独特的。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

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


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

在温暖的调色板,橙色是通用的。本次调从事和激励用户,而稍浅黑色代表在不阻塞性元素。橙色也适用于运动和力量的象征。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

黄色是快乐的,热情的,或古董。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

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


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

黄有许多含义,这取决于你使用的是音。它的光明,更能成为。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

中间色调激发舒适和平静的感觉,而深色的版本代表古老、永恒、和智慧。记住,在人们感知色彩强烈取决于他们的文化和传统的方式。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

植物是自然的,稳定的和鼓舞人心的hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


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

绿色站在光明与黑暗之间,但它往往在冷色调中找到自己的位置。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

这意味着绿色可以保持平静和放松,但也有相同的激励作用的红色和黄色的。这就是为什么绿色是设计师的“平衡工具”。另外,值得一提的是,绿色通常与金融/富裕主题相关联的。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

蓝色是平静的,安全的,开放的和可靠的。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

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


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

蓝色的普遍意义是放松和安全,但较轻的色调趋于友好比黑暗的。再次,这取决于你申请的阴影。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

这是很明显的社会网络,以平静的颜色出现欢迎。公司网站或应用程序通常使用较深的色调显得坚强可靠。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

黑色是强大的,边缘,和复杂的hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

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


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

作为所有颜色的吸收,黑色肯定是自然的颜色,这就是为什么它出现在几乎每一个应用程序。黑色可以主宰环境,或用于支持其他颜色。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

黑色是成熟的内容主要选择,它通常应用于文本内容或标志。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

在他们的品牌支持许多应用程序使用黑色,因为黑色也代表着永恒,精致,典雅。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

白色单纯,善良,简单hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

网页UI的配色方案,搭配一个更好的应用程序.jpghqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

在西方文化中,白色是干净的,无辜的,纯洁的。很多设计师使用它作为一个极简主义方法的主要工具。无缝背景白色,白画几乎没有注意叶其他颜色和元素的空间。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

和颜色分组功率的确定hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


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

在许多方面,颜色是非常有帮助的:目标识别、通信结构、状态指示,或客户适当的指导。你可以使用不同的颜色组合为以下任务:hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

区分应用程序的屏幕之间hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

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


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

也许你想和不同的页面和屏幕应用程序设计。为什么不使用不同的配色方案来帮助用户区分它们?hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

用这种方法来整理你的空间,你将帮助用户避免错误和混乱。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

划分和控制信息在不同的屏幕hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

你可以使用不同的配色方案为集团控制或信息项目。很明显,你也可以用空间,接壤,或其他视觉工具,但颜色更推荐因为它不会消耗你的任何屏幕房地产。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

区分图标hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

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

颜色是帮助你区分不同的图标在一个工具栏的本质。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

再次,这是一个程序,可以实现与其他视觉工具(大小、形状、颜色等),而且是一种较好的选择,因为它减少了图标识别所需的心理负担。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

热的焦点–组合hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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


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

注意你如何结合颜色。冷/暖处是不是徒劳—每个阴影表现出不同的行为时,在一个特定的组合应用。例如,暖色往往扩展一起使用时,冷色调,使他们占据一个图像。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

虽然这听起来很复杂,其实很简单。温暖的颜色是明亮的,他们应该被应用到元素需要注意。红色尤其强大的“警告/注意”的标志,因此应该用这样的。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联


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

颜色告知我们的设计,我们如何理解别人的设计。他们告诉我们如何感受,如何互动,如何组织大量信息我们每天收到的。把这些建议记住下次你正在设计一个项目,你会发现颜色是你创作的一个非常有用的元素。hqk北京网站设计开发,小程序开发,公众号,微信开发-云智互联

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

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

客户评价

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

    潘涛

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

    谭娇

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

    陈曦

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

    张经理

联系方式

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

合作伙伴

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

嘿,我们微信沟通!

复制手机号