新睿网络科技是专业的威海app开发公司,提供威海app开发,威海app制作,威海手机应用开发。

新睿网络科技威海公司

咨询热线:0631-5996636 15684519636

威海app开发:网页UI的配色方案,搭配一个更好的

每一个UI设计需要一点艺术和科学。你需要一些艺术的精神,以使它有吸引力和美观,但同时,它是完全基于逻辑的方法。

 

不幸的是,在UI设计合适的色彩和照明的使用往往被低估。事实上,在这些方面的设计被认为是理所当然的,用户失去焦点。用户需要看设计,了解如何有效地使用给定的元素。

 

这就是为什么我们准备了一套技巧,会让你选择UI的配色方案最适合你的设计:

 

对比保证可读性

blob.png

固体和对比色方案的文本内容和相关背景的优秀。应用类似的色调,文字和背景可以是有害的,因为它可以影响一个设计的分辨率。结合应认真执行,有至少80%的对比值。

 

对比不仅是重要的它是决定性的可读性。用户必须能够阅读文本很容易和有效地。扫描并找到重要的元素的能力可以为你的读者和你的产品成功的最大保证。

 

极端的对比不负影响眼睛,而对比度差的水平会导致受众的困难。(更不用说时间的用户将失去!)白色背景上的黑色文本是可以应用的最高对比度值;它的经典,我们真诚的建议。

 

用光和阴影创造深度

blob.png

 

相信它或没有,光可高度提示你的用户;通过使用不同的颜色,你可以添加/删除某些元素的重要性,你可以使图像看起来更进一步从读者/。

 

blob.png

 

以按钮为例,设计师往往会选择做“推”按钮出现暗。为什么?

 

嗯,这是相当简单的按钮被视为3D对象。当我们按他们的离开。另一方面,他们出现“打开”时,他们不习惯。所有这一切的发生都是因为合适的配光。

 

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

 

在UI设计,唤起情绪使用颜色

大多数设计师都知道,色彩和情绪有关的。事实上,不同的色调对人的情绪的心理效应自中世纪以来一直是众所周知的。

 

伟大的设计师们利用这些信息,他们尽量选择用户界面创造积极的气氛的颜色。

 

让我们来看看不同颜色的影响:

红色是强大的,有意义的,积极的。

blob.png

 

如果我们正在寻求一个充满激情的、刺激的颜色,显而易见的选择是红色的。经常用来警告和通知,红色是一种充满活力的色调,象征着血液循环,力量,激情,和积极性的重要性,其他的感情。

 

橙色友好,充满活力,和独特的。

 

blob.png

 

在温暖的调色板,橙色是最通用的。本次调从事和激励用户,而稍浅黑色代表在不阻塞性元素。橙色也适用于运动和力量的象征。

 

黄色是快乐的,热情的,或古董。

 

blob.png

 

黄有许多含义,这取决于你使用的是音。它的光明,更能成为。

 

中间色调激发舒适和平静的感觉,而深色的版本代表古老、永恒、和智慧。记住,在人们感知色彩强烈取决于他们的文化和传统的方式。

 

植物是自然的,稳定的和鼓舞人心的

blob.png

 

绿色站在光明与黑暗之间,但它往往在冷色调中找到自己的位置。

 

这意味着绿色可以保持平静和放松,但也有相同的激励作用的红色和黄色的。这就是为什么绿色是设计师的“平衡工具”。另外,值得一提的是,绿色通常与金融/富裕主题相关联的。

 

蓝色是平静的,安全的,开放的和可靠的。

 

blob.png

 

蓝色的普遍意义是放松和安全,但较轻的色调趋于友好比黑暗的。再次,这取决于你申请的阴影。

 

这是很明显的社会网络,以平静的颜色出现欢迎。公司网站或应用程序通常使用较深的色调显得坚强可靠。

 

黑色是强大的,边缘,和复杂的

 

blob.png

 

作为所有颜色的吸收,黑色肯定是最自然的颜色,这就是为什么它出现在几乎每一个应用程序。黑色可以主宰环境,或用于支持其他颜色。

 

黑色是成熟的内容主要选择,它通常应用于文本内容或标志。

 

在他们的品牌支持许多应用程序使用黑色,因为黑色也代表着永恒,精致,典雅。

 

白色单纯,善良,简单

 

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

 

在西方文化中,白色是干净的,无辜的,纯洁的。很多设计师使用它作为一个极简主义方法的主要工具。无缝背景白色,白画几乎没有注意叶其他颜色和元素的空间。

 

和颜色分组功率的确定

blob.png

 

在许多方面,颜色是非常有帮助的:目标识别、通信结构、状态指示,或客户适当的指导。你可以使用不同的颜色组合为以下任务:

 

区分应用程序的屏幕之间

 

blob.png

 

也许你想和不同的页面和屏幕应用程序设计。为什么不使用不同的配色方案来帮助用户区分它们?

 

用这种方法来整理你的空间,你将帮助用户避免错误和混乱。

 

划分和控制信息在不同的屏幕

 

你可以使用不同的配色方案为集团控制或信息项目。很明显,你也可以用空间,接壤,或其他视觉工具,但颜色更推荐因为它不会消耗你的任何屏幕房地产。

 

区分图标

 

blob.png

颜色是帮助你区分不同的图标在一个工具栏的本质。

 

再次,这是一个程序,可以实现与其他视觉工具(大小、形状、颜色等),而且是一种较好的选择,因为它减少了图标识别所需的心理负担。

 

热的焦点–最佳组合

blob.png

 

注意你如何结合颜色。冷/暖处是不是徒劳—每个阴影表现出不同的行为时,在一个特定的组合应用。例如,暖色往往扩展一起使用时,冷色调,使他们占据一个图像。

 

虽然这听起来很复杂,其实很简单。温暖的颜色是明亮的,他们应该被应用到元素需要注意。红色尤其强大的“警告/注意”的标志,因此应该用这样的。

 

颜色告知我们的设计,我们如何理解别人的设计。他们告诉我们如何感受,如何互动,如何组织大量信息我们每天收到的。把这些建议记住下次你正在设计一个项目,你会发现颜色是你创作的一个非常有用的元素。

 

获取APP开发解决方案

APP活动运营工具

APP资讯文章推荐阅读

相关案例推荐