快速开始使用UI工具包

快速开始使用UI工具包

我有个秘密。我偷工减料很多.

没有人愿意承认这一点,但当你来自一个快速发展的产品背景,速度往往是一个大发布和一个大错过的机会之间的区别。

作为开发人员,我使用现成的库来偷工减料。比我更聪明、更健壮的人提前编写了大量的代码。作为一个设计师,我使用UI工具包.

什么是uikit ?

如果你不熟悉,UI代表用户界面,也就是我们所说的组成应用程序或产品的视觉部分。它是按钮、标题、下拉菜单、布局——用户在使用产品时与之交互的东西。

这也是设计师花费大量时间设计的事情。这些微小的螺母和螺栓使你的产品的喜悦使用或完全沮丧。

一个UI工具包是预先设计的匹配接口元素的绑定集合,可以使用。

你在哪里可以买到?很高兴你发问!

  • 自己做。许多团队设计并维护他们自己的内部UI工具包。与其他库一样,它随着产品的发展而发展,成为所有未来设计决策的基础。
  • 下载一个。预先制作的UI工具包是快速启动项目的好方法,而无需在前期的设计上花费大量时间(特别是当您的项目没有设计人员时)。
  • 今天我们主要讨论第二个选项:使用下载的工具包时应该做什么。只要稍微花点力气和一些常识,你就可以很快获得一个免费的UI工具包,让它的界面更加完美。

使用UI工具包的理由

虽然我认为没有人会认为视觉设计对一个产品的成功很重要(真的很重要),但它似乎总是以某种方式偏离了早期的过程。

可以用来采访客户、做研究或开始评估架构的时间都花在了推动像素上。换句话说:

“设计很重要。一个伟大的交易。但是设计并不需要很复杂。它当然不应该成为阻碍你创业的东西。”
马特,高盛SmallHQ

使用UI工具包的理由

即使有一个出色的设计人员,走捷径并开始使用UI工具包也是有价值的。下面是我使用它们的几个主要原因:

  • 节省时间。这样的例子有很多。一般的UI工具包包括几十个屏幕和更多的独立元素。一个优秀的UI工具包包含了所有的附加功能:多个设备(或断点)、自定义图标、字体对、颜色——所有这些都是设计师花费无数时间的小细节。
  • 完美地测试了一个想法,而不会陷入高保真音响设计的细节。别误会,我喜欢设计自己的视觉系统。这就是我的工作。但有时你只是需要测试一下这个想法。你可以称它为研究、原型设计、验证或任何你想要的东西,但要记住,在测试你的潜在想法时,除了要做出设计选择之外,还有最高的价值。
  • 让您的开发人员保持理智。很多时候,在一个大型的构建过程中,我们的设计师会忘记模拟一些微小的部件,或者根本就没有考虑到这些部件。对于开发人员来说,这些“令人惊讶”的视图是真正令人沮丧的来源——就像被要求带着清晰的地图开车去某个地方一样。有了UI kit,在不停止开发、将东西送回设计并等待的情况下,很容易填补空白。这就是Bootstrap和Material工具包存在的原因:这样开发人员就可以继续做他们最擅长的开发工作。
  • 学习优点。高质量的UI工具包对于所有技能水平的设计师来说都是一个很好的学习工具。这就像在另一个设计师的大脑中进行实地考察。仔细查看工具包,注意它的结构、图层、文档设置等。它可能没有视觉设计本身那么吸引人,但是能够制作出一个组织清晰的文件是设计师必须具备的技能,特别是在与他人合作时。

诀窍是将您下载的UI kit视为项目的起点,而不是最终解决方案。为了充分利用现成的工具包,您需要采取以下几个重要步骤。

充分利用UI工具包的技巧

所以你已经在网上浏览了,挑选了一个杀手工具包,下载了它,并在Photoshop中打开了它。接下来是什么?

从“现成”到“准备就绪”的转变并不遥远。我是这样做的:

  • 插入你自己的品牌、颜色和个性。虽然通常没有规则反对它,但我建议不要完全按原样使用工具包。不仅仅是因为它看起来很懒,还因为你的定制可以带来更多的价值。即使是临时的原型,有时人们也会因为字体和颜色不正确之类的小事而困扰(尽管被告知忽略字体和颜色不正确之类的小事)。可以考虑像lorem ipsum这样的新工具包—删除占位符并插入真正的内容。
  • 挑选你需要的部分。很多时候,特别是当你的产品已经有轮子的时候,你不需要UI工具包提供的完整的视觉系统。相反,樱桃挑选你需要的部分,使他们成为你自己的。就是上次会议中突然出现的那个复杂的下拉菜单?从工具箱里拿出来!
  • 检查许可。一些用户界面工具包附带一些受许可限制的零星东西,比如图标集、库存照片和字体。见鬼,有时候装备本身也有特定的规则。在开始构建系统之前,请确保它没有任何可能会影响您的小细节。如果你不知道在什么条件下提供工具包,问!如果他们不能告诉你,那就避开!

您下载的工具包是一个快捷方式,而不是一个完整的路线图。当你被困住的时候使用它,当时间紧迫的时候使用它,当你有更重要的事情要做的时候使用它。

用它来确保设计不是让你创业的原因。

一些我最喜欢的装备

  • 聊天UI,一个最小和明亮的UI工具包,专注于通信。它带有对话视图、用户配置文件和设置屏幕。
  • 聊天界面

  • 现在,一个编辑UI工具包与跨平台的设计准备走。还附带了文章视图、索引清单、归档和活动流。
  • 现在的用户界面

  • DO,一个多功能的以to-do为主的UI工具包,用于完成任务。提供了项目列表、日历视图和登机演练等功能。
  • 做界面

让我们工具包开始!

我希望这篇文章能够解释为什么我这么喜欢走捷径,为什么我要使用UI工具包。在你的工作中占得先机可不是什么好事作弊,这只是合理利用你的时间。

最棒的是什么?当你的产品起飞时,使用UI工具包来节省时间将会是一个完整的循环,让你有机会在真正重要的时候进行定制设计。

特色图片来源:123rf

2020-02-06 17:22
相关热门