如何在UI设计中使用颜色

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-09-11
如何在UI设计中正确地运用色彩 –学UI网

一、空间的摆放一致。
二、UI布局尽量符合格式塔原理中的接近性,即相互靠近的控件看起来尽量使一组。
三、用结构来提高用户浏览长数字的能力,比如关于金额的表示,一般为2,548,125.00元,其中的“,”符号的分割,方便用户清晰快速的读取。
四、构建清晰的视觉层次:用尺寸大小、显著程度和内容关联对页面内容进行组织排序。方便用户看,无形中提高用户体验。
五、支持,而不是干扰阅读。识别越容易,阅读也就越快、越容易。
1)避免一些难辨认的字体,如带图案的背景或所有问题都居中对齐等
2)使用直白的、用户的语言
3)将界面设计出层次感
六、让错误提醒信息易见,
让错误信息易见的常用方法是:放在用户所看的位置上,标记出错误。使用错误“X”“!”等错误符号,保留红色以呈现错误
七、为促进用户使用,系统提供低风险环境
1)尽可能防止出错(最常见就是让不可点击的按钮灰掉)
2向用户清晰展示他们做了什么(比如,不小心删了一段文字),这样错误就容易被用户及时发现。
3)让用户能够轻松地撤销、反转或修正错误。

  杰夫 约翰逊(Jeff Johnson) 提出了软件色彩设计的五项原则:

  ①用饱和度、亮度以及色相来区分颜色,避免颜色间轻微的差异;

  ②使用独特的颜色,在红一绿、黄一蓝、黑一白三组颜色感知通道中的一个上触发强信号;

  ③考虑色盲人群,避免使用深红和黑、深红和深绿、蓝和紫、浅绿和白色,还要避免在深色背景上使用深红、蓝或紫色;

  ④若用颜色代表某种事物,则同时用另外一种方式标记它,如:图形符号;

  ⑤不使用强烈对抗的颜色组合,如:红色与绿色。此套准则同样适用于智能手机移动互联网应用界面的色彩设计中。

60%是你的主色调,30%的次要颜色,10%的突出颜色。
Asos是用的黑色与白色加绿色的CTA。这是有原因的。
红色:激情、爱、危险
蓝色:冷静、负责任的、安全的
黑色:神秘、优雅、邪恶
白色:纯洁、沉默、洁净
绿色:新的、清新、自然如果你想要了解更多查看这个列表——颜色文化。灰度优先灰度优先早在设计之前我们就喜欢摆弄颜色和色调,但你很快就会意识到你已经花了3个小时在调整原色…虽然这真的很诱人,但你应该学会避免这种态度。强迫自己关注间距和布局的元素。这会节省你很多时间。这种约束生产效率是非常高的。其次,它看起来需要不无聊。尝试用不同的音调让它好看起来。
远离纯灰度和黑色我曾经学到最重要的一个颜色技巧是避免使用没有饱和度的灰色。在现实生活中,纯灰色几乎从不存在。这同样适用于黑色。
最深的颜色不是# 000,而是# 0a0a10记得给你的颜色加一些饱和度。潜意识里会看起来更自然、熟悉。

多伦多大学关于人们如何使用Adobe Color CC的研究显示大多数人更倾向于仅依赖2-3种色彩的简单色彩组合。
  1.单色配色
  单色方案是最易于创建的配色方案,因为每种色彩取自相同的基色。单色的色彩可以很好地结合在一起,产生和谐的效果。
  2.相近色
  相近色的配色方案是选取相互不冲突的的相关色彩。一种色彩用作主色,而其它色彩用于丰富该方案。
  3.补色搭配
  互补色是色环上两个正对立的颜色。它们对比强烈,可以用来吸引观众的注意力。 当使用互补色方案时,重要的是选择主色并且使用其互补色用于强调。 例如,当人眼看到一块不同色调的绿色物体时,一点红色就会很突出。但是你必须谨慎使用互补色,以防止你的内容在视觉上显得不和谐。
  4.自定义配色方案
  创建自己的配色方案不像许多人想象的那么复杂。最简单的方法就是将一个明亮的主色添加到一堆中性色中,这也是一个最能引起视觉冲击的方案。

你好,UI设计学起来并不难,学完UI能从事的岗位非常的多,现在UI设计的前景是很好的,无论参加任何培训,品牌影响力都是一个重要考量,UI培训也不例外。选择品牌认可度比较高的UI培训机构,查看其开设的课程是否符合自身需求,不盲目随大流;师资力量是培训机构的灵魂所在,是让学员获得真才实学的根本。选择好的培训时一定要对比教学,项目,就业等,慎重选择。

60%是你的主色调,30%的次要颜色,10%的辅助色

  • UI设计必备精髓基础 哇!原来颜色这么搭配才好看!
    答:发现UI设计中的色彩搭配奥秘,原来如此惊艳!配色并非死板规则,大师们随心所欲,但这里有一些建议适合初学者和设计师们。首先,了解颜色的基础是关键。颜色源于光,光谱频率决定了我们看到的色彩。例如,红色是可见光中波长最长的,而紫色则是最短的。颜色并非实物和光的简单映射。苹果呈现红色,是表面漫...
  • UI界面设计在色彩使用上的注意事项
    答:总之,选择不同的配色技巧时,要考虑色彩如何最好地与品牌相结合,并为用户服务。要产生最佳效果,就要带着特定目的运用色彩,通过设计吸引用户,促使他们采取行动。无论是使用浅色还是深色,或者是纯色和流行混搭,色彩都能影响用户对于设计的认同和使用频次。以上就是青藤小编关于UI界面设计在色彩使用上的...
  • ui设计中如何驾驭颜色
    答:学习Ui设计肯定是需要有色彩感的,但色彩的把控并不容易,大部分UI设计中都不会有过多的色彩存在,最多搭配三种颜色就够了,如果是多彩色界面,那么表示这个设计师足够的配色能力才能驾驭,否则只会花哨至极 所以在每一个设计作品里,都需要谨慎的使用颜色,并且懂得平衡它们,这样你的作品就算不是优秀...
  • 在UI 设计中,如何选择主色调?依据是什么?
    答:在 UI 设计中,主色调的选择依据是日常生活中对色彩的认知经验。首先,了解不同颜色给人的心理暗示,红色在中国象征着喜庆、权威感,蓝色则代表永恒、自由、理智等美好寓意。蓝色由于受欢迎程度较高,常被用于与钱有关的金融、银行等 App。红色则更多用于电商、新闻资讯类应用,象征权威感。电商类应用多...
  • UI设计中你知道如何运用深色系背景吗
    答:本文以此话题来探讨一下深色背景在UI设计中的使用技巧和注意事项。影响配色方案和背景色选取的因素有很多,深色的背景在网页和app UI界面中运用时,优点和缺点一样明显。诸多设计项目的实际经验证明,深色背景本身的确可以带来良好的用户体验,提供极具吸引力的解决方案。所以,我们探讨一下如何在UI设计中最 ...
  • UI设计师是怎么配色的?
    答:①大胆地尝试如今,设计师在颜色搭配和选择的时候有很多辅助软件。其中很多软件可以提供大量的现成颜色组合可以选择,还可以查找很多别的设计师的例子。设计师就可以在不断的尝试中找到不同的搭配。然而,设计师要跳出这些已有的搭配和组合,要用自己的热情设计和创造新事物。当然这不意味着一开始就要尝试...
  • 如何在UI设计中正确地运用色彩 –学UI网
    答:四、构建清晰的视觉层次:用尺寸大小、显著程度和内容关联对页面内容进行组织排序。方便用户看,无形中提高用户体验。五、支持,而不是干扰阅读。识别越容易,阅读也就越快、越容易。1)避免一些难辨认的字体,如带图案的背景或所有问题都居中对齐等 2)使用直白的、用户的语言 3)将界面设计出层次感 六...
  • 如何评价ui设计色彩方面
    答:如何评价ui设计色彩方面。色彩是一种设计的形式,不同的地域、气候、宗教、历史和文化有不同的喜好、禁忌和禁忌,所以如何运用好这种色彩就值得我们设计者进行仔细研究。色彩在ui设计中的运用色彩可以分为原色和次原色两方面。次原色主要是指黄色或土色,这时候我们就不要忽略原色的使用。次原色也叫副色,...
  • UI设计中的色彩运用
    答:1 UI设计中色彩的功能 色彩作为视觉传达中非常重要的要素在UI设计中具有非常重要的作用,可以归纳为以下几个方面。1)显示界面的整体架构 一个UI界面总是借助图形化的外观直接作用于客户的视觉系统。用户接触一个UI界面,看到的往往是一个由底色、其他几何色块、图标、按钮等元素构成的图形符号系统。用色...
  • 【配色指南】UI设计中使用明亮色彩的利与弊,你知多少?
    答:二、在UI中使用鲜艳颜色的缺点1. 明亮的颜色很难搭配对于那些只依靠直觉和美感来搭配色彩的设计师来说,他们往往会犯很多低级错误。如果想要创作出令人满意的视觉作品,那么关于如何应用和搭配颜色的基本知识是必不可少的。在UI中应用的色彩越鲜艳,就越难搭配。为了让用户感到满意和舒适,设计师试图在UI...