在使用软件搜索或点击分类查找后会出现结果页面。结果页面通常会以列表的形式来体现,包括单行列表和双行列表两种,展示的内容为“图片+名称+介绍”。另外,还可以用时间轴和图库的形式来设计列表页。列表页的设计虽然简单,但却困扰着不少设计师。

 

总体而言,设计列表页时,需要遵循这些原则:留白空间要张弛有度,且要有亲疏之分;对齐的方式要规整;粗细元素的组合要有节奏感;需要重点突出的元素的颜色要明亮;列表的层次感要分明;在用虚实方式进行结合设计时,要保证实的对象在前,虚的对象在后。

 

大多数消费类产品的结果页面都会以单行列表的形式进行展示,左边为图,右边为文字信息、评分和价格等,这样的展示方式易于用户阅读,图片能够诱导用户进行点击,文字则用来解释商品。

 

双行列表页的表现形式更加节省空间,每个卡片的排布方式为上面是图片下面是文字,可以让页面显得更为饱满。

 

UI设计

 

为了加强内容的前后时间关系,通常会使用时间轴的方式来设计列表页,这样的表现形式能够更好地凸显每条信息之间的关系,让用户阅读起来更有条理性。时间轴列表页的展示方式为左边是时间轴上各节点,右边是与时间节点对应的内容。

 

图库列表页主要出现在相册或图片编辑类App中,其中相册的图库列表页有文档和图片平铺两种显示方式。为了让分布更为均匀规整,图片通常会采用正方形的形式进行排列。

 

青岛青设网络科技有限公司是国内领先设计团队和营销策划服务商,专注于5G技术下平面设计,UI设计,BS系统设计,网站开发,SEO,自媒体,百度百科知道、知乎等百家号,排行榜,删除负面,媒体发文等营销宣传。帮助企业解决5G时代三维动态化站点的设计改造,为客户提供网站一站式解决方案。

 

**本文内容来源网络,经AI自动调整,信息仅供参考**


暂无评论



发表评论

电子邮件地址不会被公开。 必填项已用*标注