我改了三天没改出来，他却只用了半天？-技术圈

今天来做一个桌面端的「关于」页面，它没有多么难的视觉效果，只是很考验 UI 排版的基本功，要把这个页面的内容处理清晰有条理。

需求方给到的页面信息如下：

要怎么做呢？是不是把东西往上摆摆，有大有小就可以了？
信息少还好，但如果要摆的东西比较多，排出来可能会比较凌乱：

那有没有更好一点的处理方式？

有的，下面我就分享一下稿子优化的心路历程～

01 分类处理

除了把信息放上去，调好大小对比之外，我还会再多加一步：分类处理
这个灵感主要来自很多网页都有的、页面底部的「关于我们」

把众多文字信息分类处理，能让页面看着清晰不少，也能帮助用户快速查找。

于是我哐哐一顿分类排布，再排出来的页面如下：

02 知道一些交互，根据交互做排版的调整

除了看着清晰不少之外，我也站在用户的角度想了一下交互

1. 电话可点击，点击后唤起对应的软件，拨打电话
在 Mac 上可以实现这样的快捷操作，会帮你自动用手机拨打

2. 购买链接也做成可点击的，点击后即可跳转

3. 二维码采用鼠标悬浮上去后出现（这么做是为了服务于排版整齐一些）

这样处理一番后，页面出来是这样：

交上去后，需求方还是想将二维码外放！

所以之前想的「鼠标悬浮后出现二维码」的排版偷懒办法是不行了，自己对自己始终有些放松，还得被人逼一下，我们才会做更多的尝试。

03 将三个二维码外放&视觉修正排版

三个二维码一摆出来，就是浩浩荡荡的一排
但是由于空间原因，这里最多只能放三列，所以将「协议声明」改到页面底部，中间就放三个二维码