项目背景

这是一款企业智能服务器的App，该服务器能为企业提供WiFi网络、智能硬件控制、文件存储、安防录像等功能。在上一版的设计中我们以“高效沟通”为理念，把需要使用同一批文件的人通过IM（即时通讯）连接起来，更好的进行文件方面的协作。（现有方案可交互原型预览地址： https://pro.modao.cc/app/nx3w6Wrc3PGJfBfi41cO5X6ILqcm7mb ）

这篇文章是个专利文档，但是由于公司倒闭估计是用不上了，所以发出来给大家看看当做界面专利模板吧。别看花里胡哨写得很高端的样子，其实灵感来源是俄罗斯方块和倒序排列的列表。

公司决定让视觉设计师兼任部分交互设计工作，相关同事问我能不能做一些培训。第一节课我不打算讲Axure、xmind怎么用，因为软件完全可以自学，也不打算科普交互设计是什么，就好像解释篮球是什么并不能教会他们打篮球。我希望能教给大家一些东西，能马上运用起来真正解决问题。交互设计画布正是这样的好工具，它能帮助设计师从全局看待一个需求，找到真正的问题，综合所有因素提出可行的解决方案。
下面开始我的表演！（文末有交互设计画布Axure组件以及PDF下载）

经常能看到在很多App的Navigation Bar（iOS叫导航栏，安卓叫App Bar/应用栏）下方、列表上方或者页面底部悬浮着一个横幅。这些横幅通过某个事件触发而出现，能常驻显示直到事件结束，并且通常可以操作。翻遍iOS Human Interface Guidelines和Material Design都找不到这个控件，这个控件可能叫Notice Bar（通告栏）。

近日天降大雪，虽有瑞雪兆丰年之说，但城市如果不及时对道路进行除雪，有可能因为道路湿滑、白雪遮挡路标等产生严重的交通事故，危害百姓人身和财产安全。但在这节骨眼上江苏南通用来融雪的工业盐，却被附近老百姓“顺走”了8吨多。

新闻报道

工业盐丢失不仅减慢了道路除雪的进度，如果工业盐被百姓腌制食品用来吃或者出售，由此引发的食品安全事故可能比交通事故更严重。

前公司做了一个PC端的天气助手，也不知道其负责的设计团队是什么想法，特地在天气助手界面中放一株拟人的小花。随着天气的变化，这朵小花会随机出现一些温馨提示或者开一些俏皮的玩笑。

天气助手的一株小花

最终数据埋点结果大跌眼镜，这株小花每天点击量很可观，于是公司派专人来给小花撰写各种有趣的文案，有时也会加一些商业推广，据说给公司贡献了不少收益。

Text fields（输入框/文本框）是一个历史悠久而经典的控件，当光标位于输入框时，用户可以在其中输入或复制粘贴文本、数字等内容。输入框虽然看上去简单，但需要考虑的细节也不少，本文将向你介绍输入框的相关组成部分和注意事项。

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

Popover（气泡弹出框/弹出式气泡/气泡）是由一个矩形和三角箭头组成的弹出窗口，箭头指向的地方通常是导致Popover弹出的控件或区域。通过点击Popover内的按钮或非Popover的屏幕其他区域可关闭Popover。

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。

Action Sheet（动作菜单/动作面板/行动列表）是由用户操作后触发的一种特定的模态弹出框 ，呈现一组与当前情境相关的两个或多个选项。用户可以使用Action Sheet启动某个任务，或者确认是否开始执行某个可能具有破坏性的操作。Action Sheet属于iOS规范，近年来Android平台也出现了类似功能的控件。

今天在网上上看到一段话：

小学老师：”你要是不好好学习，将来就考不上初中。“初中老师：“你要是不好好学习，将来就考不上高中。”高中老师：“你要是不好好学习，将来就考不上大学。”大学老师：“你要是不好好学习，将来就招不招工作。”老板：“你在学校的时候是不是光顾着学习了”。

刨开最后老板那句，前面各种老师的话就是我曾经学生时代经常遇到的事情，讽刺的是，虽然离开象牙塔已经四年，我仍然能回忆起当时听到这些话的细微心灵感受——那就是将来考不上XX和我当时的人生有什么关系？