2.信息的复杂度-潍坊达内负责整理
简单的信息意味着单条信息内容很少,也就意味着在屏幕上,一屏可以显示多条信息。比如新闻类APP,这种情况下采用分隔线才能起到快速浏览的效果。
而如果信息比较复杂,一屏只能显示1-2条,甚至不到一条的信息,那么即使采用分隔线,用户也无法快速浏览。
(PS.信息的复杂度其实是可控的,取决于希望用户看到多少信息)
同时,如果单条信息复杂到需要内部使用分隔线来区分层级,那么信息与信息之间也只能采用卡片来区分。
典型的复杂信息页面比如微博,一方面单屏常常显示不下一条信息,另一方面信息内需要分隔线来区分操作和内容,因此整体采用了卡片式布局。、
3.信息种类的多少。
现在的信息流页面往往会混入多种信息,比如资讯类信息中穿插一下推荐关注的人,穿插一下广告等等。这种时候,采用通栏卡片,可以提高布局的灵活性。

例如知乎的关注页面:下右图尝试将其他模块全部去掉,只留一种信息,可以看出采用分隔线即可。而左图为知乎的样式,因为有各种模块,所以采用了通栏卡片的布局。
Q2:通栏卡片与非通栏卡片,这两种形式如何选择
A2:非通栏卡片可以让用户的视线更加聚焦在单条信息内。
但个人认为这两者相差不大,如下两图,均为复杂的搜索结果。左图为通栏卡片,右图为非通栏卡片。实际感受,左图浏览更快速,更适合熟练用户快速找到结果。右侧浏览相对较慢,但是能更好的的了解每一条信息,适合不熟悉的用户正确找到自己想要的。
Q3:什么时候选择使用卡片
A3:偏向展现单条内容的一般采用卡片,偏向浏览效率的不采用卡片。
其实微信的改版是一个极好的例子。新版订阅号页面更加突出了单条文章,配图+完整标题让用户更直观的看到文章内容,但也让用户需要下滑更多页才能看到其他订阅号的内容。
以上就是潍坊达内给大家做的内容详解,更多关于UI的学习,请继续关注潍坊达内