列表页是APP中常见的页面类型之一，它是承接导航页与详情页的中间页。列表页用来展示多条信息条目，虽然看起来十分简单，但也是不可或缺非常重要的页面。

简而言之，列表页的核心目的就是展示同类信息的部分信息，方便用户进行快速地浏览及筛选。

用户在这里的主要需求有两个：“快速浏览”和“快速区分”，浏览众多的信息，快速找到自己需要的信息。今天给大家整理一下关于列表页的设计归纳，以及应该注意的一些细节问题。

空白空间的重要性是不言而喻的，字体元素之间的空间关系是很微妙，需要巧妙地处理。虽然列表没有像构成那样需要富有表现力，但是咱还是不能忽视它。紧凑的或者疏离宽松的，张力的或者安静的…好的留白是一种升华。

左对齐，右对齐，居中对齐，两边对齐，根据元素来选择文字对齐方式。边距、间距统一对齐。无规矩不成方圆嘛~~只有在规整的情况下，才能更加精细，经得起推敲。

对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让他们截然不同。

要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。对比能够让信息更容易被找到

明亮的色彩让言语更“响亮”，你想表达什么，你想突出什么，色彩精彩让人印象更深刻。

列表页内的主体内容，建议多样化。电商平台一般都提供两种模式，一种偏列表形式，一种偏宫格形式，意在让用户选择，自己更倾向看哪种信息。

无论什么类型的列表页，内容才是重头戏，功能只是辅助，更多的篇幅应该是留给主体。移动端布局，大部分都是上下结构，一些扩展功能会选择抽屉形式。 我们再看PC，PC的列表页样式就多种多样了。

看了上面分享的设计技巧，我相信如果你从来没有这样思考和做过一定就有所领悟了。列表页界面设计的主要目的，还是方便用户快速找到想找的商品或信息，用户体验为第一，其次才是界面的美观和个性

该文章由UI设计研究所公众号在头条平台首发，转载请注明作者及来处。

版权声明：转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益，请作者持权属证明与本网联系，我们将及时更正、删除，谢谢您的支持与理解。