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


文章插图
案例3: 图文列表优化这是一个比较典型的图文布局案例,需要注意的是很多小的细节,整体来看页面上半部分有效信息太少。什么是有效信息就和上文我们提到的4点是一样的,如果你的界面只是为了展示好看的图片和简单的标题来排版,那么这个界面一定是无效的。如下:
UI界面|如何快速优化自己设计的UI界面
文章插图
然后底部的左文右图区域的信息又比较密集,和上半部分形成了一个明显的反差。另外加上一些小细节的处理不到位:卡片投影太短太深,圆角不够统一,文字行间距不合理,功能位置摆放不合理,这样整体就感觉到很多瑕疵。另外如果只是自己做练习那么图片可以选择的更美观一些,而不需要收到产品业务的限制,那么我们花10分钟来重新调整一下整体的布局和优化一些细节。
UI界面|如何快速优化自己设计的UI界面
文章插图
在版式上最后做了两个略有区别的版本,你们觉得哪个更好呢?

推荐阅读