细节控:好奇心日报的视觉层次感

作者: 39Joyy | 来源:发表于2019-04-14 22:45 被阅读0次

    一直很喜欢用好奇心日报,不仅仅是因为内容,还因为给人的视觉体验很好(同时感觉还蛮有逼格= =),今天特别观察了一下视觉上好奇心日报与其他日报的区别,我发现了很明显的一点不同:好奇心日报的层次非常清楚,版面也很简洁,我观察到主要从以下几个方面效果显著。

    1.块面与线的分割方式

    2.字体大小与字重的区分方式

    3.选图风格

    先说块面与线的分割方式,一般情况下大家都会选最快的区分方式,即:加投影,但是好奇心日报可以观察到,只有导航用到了投影,这个暂时叫做一级区分方式。二级区分方式则用到了底色灰+白色块面的方式,区分不同的大板块内容。三级区分方式则用了在白色块面上加浅灰色描边再分块面的方式。最后一级区分方式则是仅用浅灰色的分割线。(补充一个自然分割:即图片本身边缘与背景的区分)

    内容性质的APP存在的意义即让用户高效获取自己想获取的信息,通过这样分割方式整合内容后,除了简洁好看以外,也很容易就可以知道一整屏内容的集合关系。

    再说字体大小,对比了一下另外两个有点接地气风格的APP,好奇心日报整体来讲正文内容都要偏小两个字号左右,并且会用粗一点的字重,看起来不会很空,同时在颜色和大小上,也进行了主要文字内容和辅助文字内容的区分。

    我试着按照好奇心日报的方式在不换图片的情况下粗略改版了其中一个接地气的APP。发现:

    优点:

    好奇心风格式看起来层次确实会更加清楚了,图片和文字没有挤成一坨,而且明显感觉修改后,视线流直接跳过了搜索里的占位文字直击正文,所以如果搜索栏里面的内容也很重要那万万不可把层级降得这么低。

    缺点:

    版面显得有点空了,不太搭多色彩热闹感的内容填充以及APP本身强烈存在感的导航,也许导航修改的更简洁些,加上图片筛选不要太多色彩应该会更接近好奇心日报的感觉。

    所以目前我个人的想法是,好奇心日报的这种区分层次方式没有问题,每种产品都可以借鉴,但是具体还是要根据用户群体以及内容元素来适度调整,最重要的,和产品大佬们沟通。

    相关文章

      网友评论

        本文标题:细节控:好奇心日报的视觉层次感

        本文链接:https://www.haomeiwen.com/subject/fluewqtx.html