用户体验设计新人自学包之控件学习

扎实的基石乃高楼之保证。设计之路亦是如此。以用户体验设计新人为例，一般来讲，必须修炼的基本功，即本自学包包括但不限于：控件库；操作流程；信息架构等。

本系列名曰设计新人自学包，可供用户体验新人自主学习，在掌握了所有自学包的内容之后，可以轻松拿下初级设计师岗面试中的设计技能考核的部分。本文将就第一部分控件学习进行深入讲解。

各种控件

控件对于设计来说就是搭建时最基础的积木块，每种积木块有着不同的外观也承载着不同的功能。对于每种控件的深入了解是做设计的前提，最简的学习方法就是学习windows控件库（当然也选择其他平台控件库入手学习）。Windows控件库是我们最熟悉（熟悉到就像一种习惯）的控件，此外，它所覆盖的范围也足够广泛，在之后的不同控件库对比之时，也容易触类旁通。推荐一些参考：《About Face 4:  交互设计精髓》的第3部分交互细节；UXGuide上的Windows用户体验交互设计规范；各平台的设计规范等等。在这里推荐一个私藏网站——UXGuide，此站由民间个人发起，虽已好久没有更新，但是现有的内容却依然有很高的前期学习价值。

首先,选择控件库

选择一个控件库的规范作为教科书进行学习，可以是我这里推荐UXGuide上的Windows用户体验交互设计规范，也可以是其他的控件库。

第二, 学习控件

撰写每一类控件的详细交互规范和细节设计说明。这一步其实就是自学记笔记，不同的设计规范中对于控件的定义方式不尽相同，有些言简意赅有些更偏向于编程实现有些有些是可怕的裹脚布。你可以选择你认为对设计有强指导帮助的部分进行强化学习。何为强指导帮助，即在你不确定如何选择控件或该控件需要设计几套状态的时候，你一看这些内容就可以基于此给出一个可用版本的设计。

以我当年的自学笔记之进度条为例

第三,填充案例库

案例库需要你广泛收集不同产品的界面案例，从中提取分析windows控件在产品中的应用规范，大多数的时候案例是正面的，而有时候你会发现，一些产品上对控件的使用却是个扎扎实实的反面案例。在收集案例的时候，建议以正面案例为主，以正三观，分析为何在此处使用该控件，是否符合规范，是否可以用其他的控件代替以及为什么。除去一眼即明的控件样式，很多的产品界面的控件已经有了很多风格化的变种，然而刨去变异，每一个控件依然可以划归到基础控件类目中。如果不行，那就回过头去巩固第二步。

依然是我的笔记截图，当时在游戏公司实习，所以案例都是游戏啦

第四,产品界面分析练习

在完成了上述三步之后，找一些优秀产品进行界面分析，就某一具体界面进行思考：该界面使用了哪些控件，哪些控件组合，有没有更好的组合可以代替现有的组合。

以上图的注册界面为例，在这个所有人都很熟悉的界面上，出去文本，包括了：A-链接（使用模式：任务链接）；B、C-文本输入框；D-命令按钮；E-复选框（使用模式：单个选项）；F-链接（使用模式：导航链接）；G-命令按钮（使用模式：标准命令按钮）

关于控件库的学习就先讲到这里。

在所有的自学任务中，控件库的学习和整理可能是最枯燥的事，一个控件可能就会耗费几小时甚至更久，然而，它所带来的技能成长也是最立竿见影的（自我设计时有最基本的依据；讨论细节时有最基本的理据；看其他设计师不爽时，可以拷问ta最基本的根据；也可以随口冒出一些术语偶尔装装逼等等等等）。同时，你也建成了一个自己的控件资源库，可以随时填充进去你觉得有意思的设计案例，以做未来设计之参考。

作者：  Clara

来源：点融设计中心DDC （公众号ID：DR_DDC）

关键字：产品设计, 体验设计, 用户体验, 控件

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！