Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. UX
Webdesign

UX一分钟教程:使用UI组件

by
Difficulty:BeginnerLength:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Fuhuan (you can also view the original English article)

欢迎来到如何使用UI组件的快速上手教学文字,它对设计师、开发者、用户都有帮助!让我们开始吧!

一分钟UI组件使用教程

用户需要对他所遇到的交互产生认知,这是非常麻烦的。对于用户而言,他很难分辨出UI元素之间的不同处。 然后用户会产生为什么会有这些不同之处或者是我按下这两个按钮会发生统一的事吗?

首先确定好设计中常用元素,定义为组件,然后再在设计的时候使用它们。 通过这样,你的设计会更加一致。你甚至会惊讶于你可以用同样的元素来解决不同的问题。

使用草图

实际上你可以在草图里制作组件或者使用InVision制作,要真正使得你的组件产生价值,请与程序猿一起定义代码中相同含义的内容。

它不需要纯视觉设计,你需要定义每个组件的不同状态,甚至是复杂的交互动态。

当使用组件库时,设计师和开发者可以一次又一次的使用相同的组件来解决问题。对于用户而言,他们可以少将时间花费在弄清你的界面交互上。

精选UI套件

你会注意到这个视频中使用了几种UI套件,现在订阅Envato Elements即可下载。

简洁

超过一百个可任意修改的矢量形状,良好的图层组织关系,易于使用。

Simple Flat UI Kit

Zoomie

社交APP草图源文件

Zoomie

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.