图片来源Tuchong：Xuanyou Technology已被授权使用Xuanyou Technology。 注意：本文是由宣游技术有限公司在作者王Mzheng（微信ID：Wang-Michael-Zheng）的授权下发表的。 未经原作者同意，请勿转载。 前一段时间，微信上的一个朋友问我是否看到过将搜索功能放在界面中间的任何产品，然后向我发送了原型图像。 当我第一次看到该原型时，我感到界面的信息布局混乱，就像将两到三页的内容强行压缩成一页一样。 界面中的信息太多，我不知道该如何布局。 我相信这个问题在日常工作中经常遇到。 内容获取难度的降低意味着内容筛选难度的增加。 产品不断迭代，具有越来越多的功能。 如何防止产品在界面布局中膨胀？ -“极简主义”可能是这个问题的答案。 什么是极简主义？ 从字面上看：极端的简单性。 设计的简单性可以分为两种：内容的简单性和形式的简单性。 在上面的示例中，搜索功能是内容，搜索框是搜索功能的显示形式。 最近，腾讯推出了新产品：MOO Music，因此本文仅使用该产品来讨论界面布局中的极简主义。 内容简化我们简化了页面。 第一步应该是确定接口中每个元素的必要性。 接口中有太多元素，但并非每个元素都是必需的，并且存在不一定合理。 找出界面中每个元素的实际功能并进行评估。 对于某些功能有限的纯装饰元素，为了简化界面，我们可以删除它们。 1）旋转记录几个常用音乐应用程序的播放界面的主体是旋转记录，而MOO Music会直接删除该记录。 为什么？ 由于此“记录”占据了大约一半的界面，因此必须在非常拥挤的剩余空间中安排一些常用功能，例如切换歌曲，调整播放进度，查看歌词/艺术家/专辑以及共享。 删除此虚拟“记录”不仅为我们带来视觉上的轻盈感，而且还提高了可用性。 用户可以通过滑动手势切换歌曲，调整播放进度，返回MOO音乐中的上一页等。 而且它是多种音乐产品中唯一支持的一种向下滑动以切换歌曲，NetEase Cloud Music左右滑动以切换歌曲，但是QQ音乐直接不支持此功能，用户必须单击以切换歌曲。 我在上一篇文章《用户体验：单击和滑动》中也提到过，滑动手势比单击更受用户青睐。 当然，有些人可能会反驳说，网易云音乐也有唱片，但它仍然支持滑动。 谈论远离手指的手势是流氓行为。 在网易云音乐中，如果手指放在唱片上，则可以切换歌曲。 如果将其放置在记录之外，它将返回到上一页。 轻微的错误会导致误操作。 在MOO音乐中，上下滑动可切换歌曲，向左滑动可返回上一界面。 当手指更加模糊时，用户可以减少找到位置的时间，并且用户体验会更好。 此外，在网易云音乐中，用户必须单击播放/暂停按钮才能播放/暂停歌曲，而在MOO音乐中，只需单击屏幕上的任意位置即可完成此操作。 为什么MOO音乐会如此风趣？ 由于空间大，用户不怕误操作。 2）有线设计是极简主义的主要特征。 在MOO音乐中，我没有找到分界线。 要知道MOO Music为什么可以选择删除分隔线，我们必须首先弄清楚分隔线在界面布局中的作用。 分隔线主要是为了帮助用户区分界面中不同级别和维度的内容，并完成信息层次结构的构建。 分隔线可以分为两种类型：普通分隔线和非宽分隔线。 顾名思义，分隔线表示分隔线贯穿整个屏幕，而非列分隔线通常会留有间隙。 要了解两者之间的区别，我们可以看一下户浦。 Hupu的先前版本是跨栏分隔线，但在最新版本中，它已更改为非跨栏分隔线。 由于列分隔符可对整个屏幕进行“细分”，因此在内容区分方面更为明显，并且可以更好地表达不同模块之间的独立性。 但是其缺点是线条的存在会阻碍用户的浏览视线并影响信息获取的效率。
可能您还想看