
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的人都在学习UI设计的相关技术知识,而本文我们就通过案例分析来简单了解一下,UI设计师需要掌握哪些列表设计方法。
网格列表
顾名思义,网格列表就是将多个内容条目,以网格的形式排布。这种列表形式的好处就是用户可以一览界面中的诸多内容,页面中的视觉轻重较平均,相对于垂直列表来说也更具视觉表现力。对于以图片为主的内容排布,多使用这种形式。
网格列表可以分为图片模式、图文模式、图标模式3种。
图片模式
这个模式只展示图片,无需文字说明。一般素材网站或者是照片类的App会使用这个方式。
图文模式
如果除了图片之外,还要显示图片相关的文字内容,可以采用图文模式。图文模式可以是图文重叠,这种情况下,为了保证文字的可识别度,要增加半透明或者色块蒙层,当然也可以直接采用图文分离形式。
图标模式
当然除了以图片为主的模块会使用网格列表以外,有些功能性页面也会采用网格列表式的布局。这种模式有点类似于垂直列表的导航模式,都是功能入口为多。但是它适合于功能入口不是那么多的界面。用户在浏览的时候具有停顿性。
轮播列表
轮播列表通常是横向展示,有一部分的内容在界面之外。这种展示形式能够大大的提高界面的利用率,但是我们在做的时候要做出示意,让用户知道此模块是可以滑动的。比如可以显示界面外的内容的一部分、显示翻页器、使用不同尺寸的图片、自动翻转等等。
时间轴列表
时间轴列表应用的场景也比较多,比如说交互App中的动态,用户评论,以及聊天界面等,都属于是时间轴列表。这种形式的主要元素是人物、时间、内容。我们在做的时候要注意时间轴的顺序,好是我们输入、操作的区域紧挨近的内容。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。