UI设计师该怎么设计颜色？行业大拿都知道的几个技巧！

　　假如您有要为企业建立的网址或应用软件，则必须考虑到操作界面设计基本。尤其要留意的是颜色选择。

　　颜色选择很重要。每个人都在见到它的人群中勾起某类特殊的视觉效果或感情。您能够在设计中应用它。使我们谈一谈怎样建立一个灵活运用颜色选择的操作界面。它是应当有利于您的道德底线的这些操作界面设计标准之一。

　　为何务必在您的网址操作界面中恰当应用颜色

　　颜色可以用与语言表达一样强劲的方法讲话。他们能够体现您品牌的个性化。她们能够吸引住客户，而且能够能够更好地传递您的信息内容。一切UI设计规则都很有可能突显谈及颜色。

　　颜色能够设定品牌或商品的基本上心态，主旋律，定义和含义。颜色研究室(Institutefor

　　Color)开展的研究表明，客户大概必须90秒左右来评定线上商品的品质。大家开展的全部商品评定中，有62%至90%在在潜意识中方面上面危害颜色。那样就可以防止为logo，品牌和包装设计挑选恰当的颜色。

　　您能够应用UX调色盘来得到更强的客户体验。恰当的颜色选择自始至终适用更强的信息内容易读性。它还能够提高呼吁性术语等原素的抗压强度。它能够提高顾客导航功能。它能够达到在潜意识中审美观客户的要求。**终，它能够刺激性形象化的互动。

　　因而，语言表达的颜色也会危害消费行为。现如今，UI设计中的颜色已变成 一切网络营销对策的关键一部分。

　　UI颜色基本知识

　　每一个UX颜色选择都是有其与众不同的含意和含义。自然，在其中一些在于文化艺术。

　　1.在恰当的图案设计中挑选恰当的颜色

　　不一样的UI设计颜色将各种各样定义传递给感观。理想化状况下，您想在恰当的時间和恰当的方式中挑选恰当的一个。他们务必对于恰当的客户，而且您应当挑选他们以对于恰当的总体目标。

　　假如您期待在UI设计中明智地应用颜色，请较早掌握颜色的含意，即他们会激起顾客的恰当感情并协助得到需要的回应。0

　　使我们从颜色能够产生的感情和认知的差别下手：

　　红色是大家说白了的暖色调。那将是红色，橘色和淡黄色。这种溫暖的颜色产生了与溫暖和舒服相关的感情。可是，他们也很有可能对某些人表明恼怒，成见或热情。大家都知道，以红色为关键企业颜色来号召大家舒服和溫暖的品牌是可口可乐公司。

　　红色是大家说白了的暖色调。那将是红色，橘色和淡黄色。这种溫暖的颜色产生了与溫暖和舒服相关的感情。可是，他们也很有可能对某些人表明恼怒，成见或热情。大家都知道，以红色为关键企业颜色来号召大家舒服和溫暖的品牌是可口可乐公司。

　　性別中间对颜色的认知存有差别。NataliaKhouw的“性別颜色的含意

　　”研究发现，男生比女性更喜欢深灰色，白色或灰黑色，而且女性更关心红色和深蓝色的组成，比男生更疑惑和分散化专注力。像梅赛德斯奔驰那样的品牌，其总体目标受众群体主要是人，因而建立了灰黑色，深灰色和白色组成的网址。

　　也证实了红色和深蓝色的组成是成人喜欢的颜色。可口可乐运用这种颜色做为品牌优点。

　　在设计商品页面时，请记牢下一种颜色的含意：

　　红色能够**积极主动和消沉的觉得。在其中一些是以前提及的可口可乐公司尝试号召的恼怒，爱，自信心和热情。

　　橘色好像在大部分人群中造成了激动。它是很多企业应用的优良的UI颜色之一。比如，芬达(Fanta)将其作为情况颜色，以造成大家对名字的留意。

　　淡黄色一般**着开心，幸福快乐和太阳。在讨论社交网络互联网时，这十分适合，这就是Snapchat在logo中应用此颜色的缘故

　　深蓝色表明安全性，信赖和安全性。很多研究表明，深蓝色针对人口数量的很多不一样一部分都是有积极主动的含意。深蓝色无所不在，包含很多地理环境。包含Skype和Microsoft

　　Word以内的数以千计的***品牌，及其以上企业。

　　翠绿色产生宁静的升级觉得。这种心态与应用翠绿色做为关键logo颜色的Tropicana那样的品牌十分符合。

　　黑色**神密，但一般也与身亡和不幸相关。在别的情况下，它很有可能**着当代或传统式。

　　白色一般**着身心健康，全透明，纯粹和天真。

　　蓝紫色一般会产生Asprey珠宝首饰品牌在其颜色模块中应用的財富和皇家观念。

　　下列是相关为UX/UI设计挑选恰当的色彩搭配的提醒：

　　类似的UI色彩搭配：此专业术语就是指在色轮上彼此之间挨近排序的颜色。相近计划方案的多元性一般来源于对比度和色度偏位。他们比关键的色彩转变 好些。

　　相辅相成的UI色彩搭配：此选择项根据相辅相成的冷暖色调中间的相互影响。当他们在色轮上彼此之间相对性时，他们会非常好地工作中。针对这类技术性，存有一些便捷的**工具，比如Check

　　MyColor，Coolors.co和Paletton。

　　提醒：

　　在加上颜色以前开展灰度级设计会使繁杂的视觉效果原素越来越更为简易。当您实行此实际操作时，它会强制性原素的合理布局并再次关心间隔。进行一些工作中后，能够从挑选一种品牌颜色逐渐。随后，挑选别的适合的方式 。

　　2.品牌个性化与恰当的色彩搭配

　　全部品牌都是有个性化。在变小调色盘时，您应当细心考虑一下。假如您期待顾客与您的品牌关联，那麼您的颜色就不可以与您要传递的內容矛盾。

　　研究表明，高达85%的顾客觉得颜色是挑选特殊商品的**重要动因。

　　出色的品牌不容易偶然发现其色彩搭配。想一想肯德基饭店系列产品中**性的红色和淡黄色金黄拱形门。淡黄色让人想到到幸福快乐和太阳，而红色则使顾客回想到內部的牛肉汉堡。

　　另一个实例是HomeDepot。以前，大家提及过橘色产生了很多顾客的激动。Home

　　Depotlogo的简易橘色和白色设计让顾客了解她们能够在內部寻找新技术应用，比如前列天然气烧烤炉子或草坪机。

　　开展颜色组成以前，请先查询品牌的个性化。考虑到关键应用您商品的顾客的性別。考虑一下您要传递的主旋律，明确提出的目标群体及其开拓市场现有多久。您想看起来新鮮有意思吗，或是历经時间磨练和靠谱?

　　您已经试着尽量地掌握总体目标受众群体及其即将售卖给他的商品。假如您能保证这一点，您将有大量的机遇挑选未来很有可能变成 您业务流程标示的恰当颜色。您的总体目标应该是应用更有意义的颜色开展简易的UI设计。

　　3.色相饱和度

　　在考虑到颜色，操作方法和平衡技巧时，请记牢以下几点。在开展UI页面设计时彻底舍弃颜色组成是一个不正确。防止设计中的负载和错乱，并记牢极简风格在UI中一直更强。下面的2个标准应当会有一定的协助。

　　***个是6：3：1，在挑选颜色时也称之为铁律。60%+30%+10%的标准意味着了在挑选颜色时做到均衡的比较好占比。

　　当您试着转化成一个干净整洁而和睦的页面时，此规范能够***充分发挥。假如做得恰当，该对策将吸引住潜在用户。收看者的双眼将获得减轻。他们能够当然地从设计中的一个点挪动到下一个部位。

　　第二条标准是“数**多三种本色”。它是一种防止视觉效果错乱的理想化方式 。它使您可以保持稳定，尤其是当您将其与铁律融合应用时。比如，试着下列logo：

　　中间色合适您设计的60%

　　二级品牌颜色占30%

　　操作界面设计中的10%应该是您的关键品牌颜色

　　优良的操作界面设计应用了这两个标准。

　　这是一个应用3种关键颜色的Amazon网站设计实例：白色为情况–60%，深蓝色为底部和页眉–30%，淡黄色为按键并逐渐定级–10%唤起客户

　　留意恰当的原素。

　　在下面的这一部分中，我观查到数次发生的突显显示文本的状况。为什么是那样?

　　4.组成和完全**颜色

　　给予和睦的色彩搭配和简约的页面时，请考虑到下列要素。

　　黑影，色彩和色彩

　　黑影是正确引导人的大脑得到一些结果的珍贵案件线索。假如您运用顾客，则更还有机会吸引住她们。黑影应被作为恰当地提高您的关键设计原素的一种方法。

　　色彩是应用色轮建立组合所必须的。假如您挑选加上白色，则将造成色彩。假如必须黑影，还可以加上灰黑色，假如您要校音，则能够加上深灰色。

　　色度

　　根据提升对比度并降低色度来建立深棕色的组合。假如您的商品能够能够更好地配搭更光亮的颜色应用，则务必采用反过来的对策。

　　比照

　　比照是另一种方式的UI设计，被觉得是好用的方式 。假如您尝试设计一个简易的页面，便会选用这类方法。它是造成客户情绪激动的简易方式 。

　　车轱辘正反面的颜色自始至终会造成*****的饱和度。考虑一下彼此之间邻近时的黑与白外型。明显的饱和度提升了紧迫感，并使观众们集中精力。光源比照产生愉快，舒服的觉得。假如您要开展休闲娱乐，轻轻松松的设计，请应用这种。

　　5.饱和状态负载可***色彩艳丽度

　　假如您的总体目标是艳丽度，则务必查询色饱和度。可是，*紧紧围绕高宽比饱和状态的颜色组成的计划方案会使双眼手足无措，这**着较少的震动，而不容易提升。

　　拥有颜色，少即是多。当与Instagramlogo中合理应用的对比度较低的颜色串连应用时，高宽比饱和状态的颜色将活力四射。

　　6.界定互动式颜色

　　假如必须互动式原素，则互动式颜色是您挑选的**工具。这种可能是连接，按键或客户触碰或点击的一切别的UI控制。

　　假如能，请试着*应用一种颜色开展关键互动。该颜色将逐渐对客户具备一种关系。

　　您能够设计互动式颜色的深棕色和浅色系版本号。黑影将协助您传递UI原素的不一样情况。按住或悬停情况是实例。

　　界定标示性颜色

　　标示性颜色具备含意。您必须对于运用或网址上的情况明确提出一种色彩搭配，比如对于不正确，取得成功和警示的情况。用以这种目地的更常见的是红色，灰黑色和翠绿色。

　　假定您的品牌颜色之一是红色。如果是那样，切勿将其用以不正确信息。为禁止使用情况挑选颜色时，请明确它具备充足的饱和度。客户务必可以阅读文章它。

　　功能

　　为UI工具箱挑选恰当的颜色时，请记牢调色盘的设计可浏览性等级以及饱和度等级。这能够协助红绿色盲的人轻轻松松应用您的商品。为了更好地保证能够浏览调色盘，能够应用一些饱和度查验器和设计原素可浏览物理检查器，比如WebAIM，noCoffee，可浏览性扫描机。别忘记，关键目地一直想到一个客户友善的页面。

　　设计操作界面原素时应用的饱和度和颜色很有可能会对他们对全部终端用户的可浏览性造成极大危害。只是借助颜色差别会限定红绿色盲工作人员应用您的商品的工作能力。将浅色系和深棕色与例如交叉式影线这类的技术性融合应用，以区别页面的一部分，进而使有视觉效果难题的客户更非常容易浏览它。这类设计构思能够为您的全部客户给予更有意思和更好用的页面。

　　造型艺术与当然的启迪

　　当然和造型艺术是UI定义中启迪颜色的資源，您应当明智地应用。比如，到室外去看看草丛里，观查很多翠绿色黑影。大家喜爱看上去当然的颜色。他们具备客户友善的觉得。造型艺术能够当作是当然的立即体现。因而，您还可以从这当中吸取设计灵感。这是一个实例，比如依云品牌logo不但在logo中应用象牙色，并且应用当然设计。

　　如今应当不言而喻的是，UI设计中是多少颜色尤为重要。切忌随便为品牌挑选颜色。比较好是的操作界面设计是用心挑选每一种颜色的一种。

　　它始终不容易危害生产车间的颜色选择，因而您的潜在用户能够在您发布网址或新企业logo这类的內容以前给您意见反馈。假如您遵照大家提及的UI设计中相关颜色应用的比较好作法，则没理由不可以使您的品牌获得新的取得成功。