当前位置:首页 > 校园动态 > 设计教程

长沙UI设计培训,UI设计的三要素

发布时间:2019/11/11 16:35:39

在过去的业务模型中,经常强调“ 3C”,即公司,客户和竞争对手。


在当今的UI设计领域中,有类似的三个元素,它们也是3C,但是与业务模型中的3C不同,它们是颜色,对比度和内容。尽管它们的基本概念并不复杂,但是与实际的UI设计项目相比,它们要复杂得多。今天,我们将讨论UI设计中的3C元素。

01


颜色


颜色是大多数设计传达给用户的最重要的视觉元素之一。设计师和非设计师经常谈论颜色,并且对不同的颜色有不同的感受和体验。


即使没有其他元素,色彩本身也常常创造出独特的情感体验。呈现给任何人的任何可见颜色几乎都能获得反馈。这也使色彩成为设计中的独特之处。


颜色很浓,可以实现设计,也可以破坏设计。颜色会影响界面中的许多不同功能和属性。


颜色会影响:


可用性和可读性品牌意识和品牌意识用户视觉和交互式信息组织以及用户流程设计的总体体验


设计师可以使用以下颜色进行创建:


清晰,易于理解的导航直观的交互创建了一个功能强大,可调用的元素,以呈现整个项目的设计主题,营造了一种氛围


但这并不意味着简单地将不同的颜色混合在一起。


配色方案是控件设计中不同颜色组合的集合。通过创建配色方案,设计人员可以系统地管理品牌和UI界面的颜色,从而确保品牌和UI在使用颜色时保持高度的一致性。


配色方案中的特定匹配源于色彩理论。颜色永远不会越好。在通常的配色方案中,应将颜色数控制在大约三种类型中。在配色中,3中的颜色比例为6:3:1,这与室内设计配色的规则一致。这种颜色匹配策略和黄金分割率在整个内核中是一致的。


此外,还有一种策略可以基于黑白构建整个设计,然后添加更多颜色以丰富整个配色方案。黑白颜色可确保整个设计的轮廓足够清晰,但是在添加颜色匹配时,请注意颜色数和颜色之间的对比度。而且这恰好涉及第二个“ C”,即对比度。


02


对比


元素之间的差异通常可以通过对比突出显示。创建丰富的视觉结构,使内容更具可读性,并使信息更易于用户理解和吸收。对比元素使用户可以轻松注意到构成对比的元素,从而创建自然的视觉样式和用户流。


由于对比度的广泛适用性和巨大的实用性,因此对比度的重要性如此之高。在控制对比度时,您需要了解对比度通常涉及的元素类型和属性:


颜色对比尺寸对比方向对比空间对比形状对比


在探索UI的可访问性时,对比度始终是关键因素。在致力于改善网页可访问性的A11Y项目中,他们提出了以下一系列比较建议:在颜色匹配中,使用色轮在相对位置选择对比色,以便视觉对比度为足够清楚当时,创建具有不同类型字体差异的视觉对比也是当今Web设计中经常使用的一种技术。


在空间中创建对比度也非常棘手,使用不同的空白来创建密集的对比度。如果您希望一部分内容对用户的注意力更具吸引力,那么让我们在其周围留出更多空白。


简而言之,对比是通过对立面差异的吸引而产生的。看起来不同的元素实际上可以匹配以达到清晰的效果。


若要查看比较是否已达到所需的结果,请在查看屏幕上的元素时考虑以下因素:


可读性:文字和图形是否清晰可辨?清晰度:是否可以轻松地区分一个元素和另一个元素?辅助功能:您的设计可以服务更多的用户吗?上下文:用户能否在特定位置理解您的设计?


03


内容


这是3C元素的最后一个组成部分。用户界面中的内容非常丰富,涵盖了图像,文本,图标,品牌等所有相关信息。内容还包括视频,说明以及各种微文本甚至UI控件上的标签。


所有这些元素结合在一起形成用户界面,甚至使设计出色而独特。为什么用户停留在此界面中而不是去某个地方

开班信息

在线咨询
/* 浮窗 */