本文仅用户个人学习记录使用，意在提高自己的交互设计，仅此而已，欢迎指正.
设计中的分割线的作用
- 提高视觉层次感；分割线可以将不同类型的元素分隔开，使页面更加清晰，易于理解。常见的分割是导航栏、内容区和页脚的分割
- 引导用户视线；分割线将内容分割为更小的段落，使得文本更容易阅读，将用户的注意力集中到重要的内容上 3.分割不同功能区域；分割线可以用来分割不同功能区域，使页面更加井井有条，增强可读性
设计参考截图
优点
- 模块标题居中展示，向用户展示了内容的主题
- 每一个模块的标题和描述及标题和图片图文并茂的展示了 Teams 的相关 news
- 使用分割线将模块消息项进行分割，易于用户阅读
- 鼠标 hover 到交互行为的元素上时， hover 效果提醒了用户这是一个可交互的元素（这里的 hover 效果使对应的交互文案出现下滑线，箭头符号和文案的间距会增大
- 因为左边的 new 内容太多，因此直接将左边的高度和右边的保持等高，布局由左右布局变成上下布局来协调页面的合理性
感悟
- 分割线有助于模块的划分，但是通常一个页面不会将各个模块的划分都使用分割线来实现，因为太多的分割线会让页面失去重点，页面布局会显得呆板
- 页面内容要主次分明
