美文网首页学习资料涨知识产品
「好奇心日报」版式设计观察记

「好奇心日报」版式设计观察记

作者: 宁小南 | 来源:发表于2015-02-24 18:08 被阅读640次

    观「好奇心日报」,随手摘录一些值得借鉴的版式设计。

    ▎巧用icon

    第一眼看到的不是文字,而是三个黄色的圆形,这是给我的第一印象。icon起了很好的视觉引导效果,是阅读者的视觉迅速定位到要查找的内容。在设计中,想想读者第一眼会看到什么,什么会引起特别注意,什么颜色,什么样式的东西会特别抓住读者的感觉?

    01-巧用icon

    ▎卡片式设计

    卡片式设计具有如下特点:1.内容体量——轻便易携;2.信息层次——简单易懂;3.整体包装——分类独立。用较大字号来突出标题内容、定位好标签时间信息、点击后出现的文章小标题,这些更好地帮助读者定位、理解全文的内容。

    02-卡片式设计A 02-卡片式设计B 02-卡片式设计C

    ▎设计也需要逻辑

    视觉上也应该遵循金字塔原则,注意层次性、结构化。从上到下,依次为:1、主标题(用大字突出),2、副标题(小字辅助理解),3、要说明的内容。

    03-设计也需要逻辑

    ▎值得学习的图表

    更过图表,请看十个图栏目。对于图表爱好者,这档栏目最大的特点是可以接触数据,让图表模仿者更好地理解数据。力荐。

    04-值得学习的图表

    ▎更加注重信息分类

    把文章标签放在标题之上,这种设计风格是第一次见。在处理信息流时,把信息进行分类就变得非常重要。从网总体来看,对信息的分类是比较明确的。一级为四个:长文章、TOP15、10个图、生活研究所,二级以兴趣为标准分类16个细分,三级以标签的形式对其再次进行细分。

    05-更加注重信息分类A 05-更加注重信息分类B

    以上是五点拙见,欢迎交流。

    相关文章

      网友评论

      • Moie:嗯嗯,很不错的设计公司
      • 宁小南:@Moie 当时搜图表的时候注意到好奇心日报的,图表设计的确相当棒。刚刚去百度了一下eico ,肃然起敬,说明那图表也不是一般人整的。
      • Moie:好奇心日报是eico 的作品
        刘英滕:@Moie DINE 案例里也有好奇心日报http://dinehq.com/

      本文标题:「好奇心日报」版式设计观察记

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