本文仅用户个人学习记录使用，意在提高自己的交互设计 feel，仅此而已，欢迎指正.

今日涉及组件： Dropdown / Menu , 默认情况下，会在一个元素上打开一个基本的菜单，选择一个选项之后，将会对应影响作出交互并关闭菜单

学习截图

优点

点击更多 icon ，出现对应的菜单选项，hover 上去对应的 option 将会有背景颜色的改变，因为系统使用的主题色为黑/蓝/白，高亮时一般为白色，或者蓝色
点击白班之后，对应的菜单项颜色变成白色字体，白色的填充颜色，加上 frame header 的黑色，可以形成鲜明的对比，让用户知道此时选中了哪一项
在白板页面， sidebar 中高亮的选项为蓝色背景，白色文字以及白色的背景填充颜色，这个高亮和 frame header 的高亮有区分，目的是为了区分不同区域， hover 时有浅色的 background 变化，还有 opacity 的改变，让页面有层次感
内容区还有一个 sub header, 目的是将当前的页面常用 action 和 title 放在里边，让用户能清楚所处位置，以及当前页面可做的 action
在【所有白板】页面，展示了所有的模板，为用户选择了很多的模板，方便用户可以直接 “拿来使用”，降低用户使用新建白板的心理负担，sub header 使用“新建” 而 content 区域使用 “新建白板” 两者细微不同在于 subheader 的 title 已经表示了当前是所有白板的区域
在【最近】页面，subheader 的布局系统保持一致，当无数据的时候，展示了 empty placeholder，还展示了搜索还有数据预览的方式（左侧的卡片和列表 icon 代表了不同的预览方式），满足用户爱好选择

当【最近】没有数据的时候，不应该展示搜索和 view type （因为没有实际的意义）可以在 empty placeholder 下边新增一个新建模板，保持和【所有白板】风格一致