本文作者仅代表个人观点。狗万官方
当用户界面(UI)设计师开始进行新设计时,获得资产的中心枢纽将为顺利航行提供机会。在设计的核心,它的凝聚力和统一设计系统通过一致性加强设计的外观和感觉,消除应用于数字或印刷媒体时的认知摩擦。在整个设计系统的解剖结构中,UI套件作为一种主要语言,告知设计的其他重要元素。
UI工具包需要什么?
的所有元素和特性数字设计.例如,当滚动浏览一个网站时,你可能会遇到图标和交互式小部件或按钮来提交请求——这些功能在UI工具包中可以找到,当设计师在整个界面中使用时开发网站或者手机应用。
在分析UI工具包的结构时,它由两个主要部分组成:组件和样式。组件是用户可以与之交互、传达意义和功能的特性,例如输入字段、复选框、单选按钮、滑块、图标、微交互等等。
另一方面,样式是构成这些组件的设计的视觉属性——比如颜色故事、字体和排版,甚至是形状。组件和样式一起组成了一个UI工具包,因为它的功能是形成一个UI工具包的主要源品牌的视觉识别.
UI套件稳定了设计过程
特别是在界面设计的线框和原型制作过程中,UI组件和元素的组合有时是从已有的UI工具包组件库中拼凑起来的。设计师可以选择在原型设计阶段使用哪个元素,比如线框。例如,a用户界面设计师是构成设计的初步步骤,例如为移动应用程序设计线框,但在他们可以深入到开发层之前,必须有一个设计大纲。
像Adobe XD这样的工具允许设计师挑选预先制作好的模板(比如,一个登录屏幕),并将它们直接放入大纲中,而不必从头开始开发一个新的屏幕。这不仅方便,而且这些模板对于推动项目沿着完成的轨道进行是至关重要的,特别是对于一个时间紧迫的项目。UI套件使用这些现成的元素稳定了设计过程,这也节省了间接成本。
然而,应该从UI工具包中选择元素,以确保自始至终的一致性,即使项目仍处于起步阶段。一致性在UI元素中对齐项目的基调,然后可以轻松地更新一致的风格。一个好的设计需要精心挑选的组件,比如一致的导航菜单或具有相同几何形状、大小和颜色的交互按钮。
UI套件和品牌故事
对于数字设计界面,UI工具包是一个很好的资产,可以在一个地方集合资产。一个公司建立的UI工具包对于在品牌指南中使用一种相互关联的语言传递品牌视觉故事也是非常重要的。品牌指导方针传达策划品牌标识的基本组件,如UI套件中的UI元素、排版、logo大小/间距、调色板、调性和整体公司属性。
品牌指南手册反映了UI工具包中的所有视觉资产,这些资产还需要反映品牌旨在传达的调性、使命和目的。例如,如果一个非营利组织的品牌手册在其内容中唤起了一种严肃的基调,那么它的UI资产就不应该是霓虹色的元素或华丽的元素。相反,坚持一致的视觉套件可能会有中性和浅色的集成,与圆形,极简的图标和组件风格。因此,当从一个UI工具包中选择组成一个新的UI工具包时,在推动一个UI工具包时,谨慎的设计决策很重要品牌故事.
相关:理解设计和品牌的力量
简化设计过程
构建UI工具包就像拼凑一个拼图,以实现更大的图景。每一块都应该完美地结合在一起,形成一个统一的设计。在开始UI工具包的初始步骤时,考虑以下内容总是很重要的:
在拼凑拼图之前,重要的是导航概念阶段理清你的设计意图是什么,它是否符合品牌的调性,或者是否有任何痛点可以弥补。
一旦设计目的完全具体化,就可以决定UI工具包的主题了。这有助于简化您将选择或设计的组件,并且一致性的语言将与相似的部分相匹配。当你把你的设计工具包拼凑起来的时候,获得所有主要结构资产也是必要的。
从那里,设计人员可以选择他们的组件的风格,并自定义它们以适应他们的设计结构。在为利益相关者拼凑UI工具包时,另一个伟大的实践是提供不同的设计方向,并允许他们选择他们认为更有利于进一步迭代和最终确定的方向。UI套件是整个设计系统的一个分支,并灌输了一种视觉语言让设计师、用户和所有人都能理解和享受。