关闭

怎么样从零开始学好交互设计?(二)

怎么样从零开始学好交互设计?上篇文章给大家总结了一下基本的学习流程“怎么样从零开始学好交互设计?(一)”,接下来就看看具体该如何学习。
怎么样从零开始学好交互设计?上篇文章给大家总结了一下基本的学习流程“怎么样从零开始学好交互设计?(一)”,接下来就看看具体该如何学习。

1.1.1了解控件

掌握控件首先要了解控件。了解控件比较系统的方法是阅读各种平台的官方设计规范,如iOS、Android、MacOS、Windows(DesktopAPP/UWP)、小程序。注意web端没有官方规范,因为不是平台。web端的规范属于各自为政的状态。antdesign和element是国内常见的后台规范,前台没有规范。
交互设计控件1.1.2了解控件的交互过程

许多控件不是静态的,会有自己的一套交互流程,比如文本框(参考下图流程):用户点击文本框后,会出现光标,弹出键盘。输入第一个字符后,会出现清空按钮。输入大量字符后,会有截断效果。当输入错误时,会报错…
控件交互过程了解控件的交互过程可以帮助你更立体地了解控件。在实际的交互稿绘制中,经常详细描述某个控件的交互过程。

希望学习每一个控件的交互过程,比较简单的方法就是找一些成熟的产品试试,看看每一个动作下一步会发生什么,然后再临摹。对于移动终端,建议临摹微信。由于微信被公认为控层面最讲究的产品,设计规范和工具都比较全,比如WeUI提供了设计规范和小程序工具。当然,如果你有耐心,最好练习各个平台的官方规范..

1.1.3了解控件的属性

大多数控件都有自己的属性,或者可以理解为可设置的参数。例如,列表控制需要交互设计师定义的属性包括:排序规则、加载规则、刷新规则、适应规则、切断规则等。比如下图中的群成员列表,他的排序规则可能是按照昵称的首字母排列的,也可能是按照进入群的顺序排列的,也可能是按照角色排列的。
控件属性控制属性没有很好的学习方法。如果你认识一些愿意给你看互动稿的前辈是最好的。假如没有只能自己摸索。一位设计师的交互稿是否细致,开发是否能很好地阅读,而不是经常跑来跑去,主要取决于设计师对控件属性的理解。

1.1.4了解如何使用控件

在了解了以上所有关于控件的内容之后,你还需要知道什么时候使用什么控件。例如(下图),当用户输入错误的手机号码时,需要给用户一个错误的提示。提示方式中使用的控件有很多种:弹出窗口、toast、行内提示和气泡提示。那么哪个最好呢?
交互设计控件答案是不一定。比如弹出窗口的缺点是干扰性强,但优点是可以承载大段文字,用户到达率更高。toast的干扰很小,但是只能放很短的文字,用户很容易忽略。看当时的情况,设计师想要什么样的效果。

那么如何学习如何使用控件,可以推荐你看web界面设计或者各种平台的设计规范。看到后再找出类似的控件,做对比思考,基本上就能看到门道了。

控件的内容就是这些了,接下来就是布局了,关于布局我们要怎样学习呢?下篇文章给大家讲一下基本的流程,感兴趣的小伙伴可以去看看。

以上就是“怎么样从零开始学好交互设计?(二)”的内容了,如果你还想了解其他相关内容,可以来产品壹佰官方网站。

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表