UI界面设计

ui kit套件要怎么使用呢？

3051

您设计的app或者网站的质量通常取决于您所使用的工具的质量。对很多人来说，在纸上进行手绘是一个非常好的方式。但是，工期很赶，能力又不够时，为什么不站在巨人的肩膀上进行设计呢？是的，我们要讨论的就是下载UI Kit（或者称为设计模板）进行更快速的设计。

UI Kit通常包含了非常全面的资源集合，同时也能让您正确的规划组织结构，您也可以把您创意跟模板结合。UI Kit通常包含了各种模板和ui组件（按钮，复选框，进度条，导航栏等），它们可以帮助设计师在有限的时间内创造出出色的效果。所以，先不要花大量时间去搞清楚如何设计组件，UI Kit可以让您更专注您擅长的事情：创造更好的设计。

UI Kit可以通过不同的方式帮助您优化设计流程，不过，我们最能感受的两种用途是：原型设计和app/网页设计。

所以，我们来看看使用UI Kit的好处，以及如何将它们用于原型设计和app/网页设计。

节省时间和金钱

几乎每个设计师都遇到过这样一个郁闷的情况：当一个小项目失控时，工作量可能增加四倍，项目的预计时间增加了一倍。客户又因为项目延期而拖延支付项目款。为了给自己留有余地，设计师经常要告诉客户，要估算一个网站或app的具体完成时间是很困难的。因为期间肯定有不同原因而进行的修改。

虽然UI Kit不会为您估算时间，但是使用UI Kit后，您可以更缩短设计周期，快速修改。本来需要一周完成的时间，可能2天就可以搞定。很多UI Kit使用嵌套元件，只需修改组件，调用到组件的页面跟着改动。您也可以调用UI Kit中的元素重构您所需要的页面，然后调整这些元素匹配您的品牌形象。

UI Kit也可以帮你节约资金，很多UI Kit的设计非常棒（比如这套ui kit），您下载后，可以用于多个项目，一次消费，重复使用。或者您可以下载我们的打包模板，涵盖了各类领域，绝对是一笔非常值得的投资。

现在我们已经介绍了这些优势，让我们来看看UI套件的两种最常见的用途：原型设计和app/网站设计。

如何使用UI套件进行原型设计

为了获得有效的客户反馈或者用户反馈，您必须让您的设计以最好最快的方式呈现出来。所以，你必须将想法转化为视觉效果，客户或者用户才能直观看到。这也是原型诞生的原因。

有句老话说得好：一图道千言。它可以呈现您在推出最终方案前设计和动效呈现的方式。让客户或用户知道最终的效果会是怎么样的。

Vitaly Rubtsov制作的低保真原型

UI Kit对于快速的原型设计非常重要，很多线框图模板也是这样的用途。原型能够模拟设计的功能，设计师，客户，领导还有用户都可以进行测试，发现问题及时修复。

Jonathan Howell设计的低保真原型

为了节约时间，如果从0开始，原型设计通常都是低保真的。但如果有高保真的原型，为什么不用呢？它们看起来几乎与最终产品相同。如果使用UI套件，高保真的原型一点也不难。您只需要拖放ui小部件就能设计出专业的高保真原型。

使用 UI Kit创建的高保真原型

如何使用UI Kit进行app、网站设计

当你搞定了原型设计中碰到的所有问题，您就得将设计变成真正的产品。这时候，UI Kit也能够提供帮助。

UI Kit可以包含几乎所有的界面元素，您可以创建一个可爱的用户界面-从布局，小部件、按钮到排版和复杂的反馈模块。

基本上，UI kit的使用就像搭积木，在sketch里使用尤为方便和快捷。

建立自己的UI Kit

Jan Losert设计的图示

如果是开发者或者产品经理或者客户，您可以一点都不熟悉UI Kit，但是对设计师来说，这是一个很好的工具，能够让您为用户提供更快更好的产品设计方案。

为了控制设计输出的品质，UI Kit非常有用，不过，设计师通常没有那么多时间设计一套一套的ui kit。而且对于新功能新的设计规范没有那么快熟悉。这时候，购买一些付费的ui kit还是不错的选择。或者选择下载免费的ui kit。这边推荐我们25学堂自家的ui kit设计模板，一定可以找到您想要的模板。