UI界面|如何快速优化自己设计的UI界面( 三 )_vfine|music|vfine music

文章插图
案例3: 图文列表优化这是一个比较典型的图文布局案例，需要注意的是很多小的细节，整体来看页面上半部分有效信息太少。什么是有效信息就和上文我们提到的4点是一样的，如果你的界面只是为了展示好看的图片和简单的标题来排版，那么这个界面一定是无效的。如下：

文章插图
然后底部的左文右图区域的信息又比较密集，和上半部分形成了一个明显的反差。另外加上一些小细节的处理不到位：卡片投影太短太深，圆角不够统一，文字行间距不合理，功能位置摆放不合理，这样整体就感觉到很多瑕疵。另外如果只是自己做练习那么图片可以选择的更美观一些，而不需要收到产品业务的限制，那么我们花10分钟来重新调整一下整体的布局和优化一些细节。

文章插图
在版式上最后做了两个略有区别的版本，你们觉得哪个更好呢？