在参与了「少数派陪你看 WWDC 2017」以及「iPhone 十周年回顾」两张长图制作之后，我有机会参与少数派付费课程相关的设计。诸位可以在少数派官网以及 iOS 客户端中看到这些课程的介绍。这篇文章，和你聊聊付费课程信息图的设计。话说在前，读完这篇文章，你可能学不到什么东西，但也绝对不会后悔，毕竟我是来聊天的，聊天多美好：

上个学期的手工课，我与搭档接到的课题是：用无限量的吸管和纸杯做成一个实物，不限方法。但要表达出「上升与下降」的主题。我和她在工作室想了两个晚上，做了许多尝试。第三个晚上她突然站起来，无比坚定地指着一个毫无道理的草稿说「我们就做这个吧，这个好看。」我问她，这个方案没有表现出「上升与下降」怎么办？她说「那我们就先做出来，再解释。」

哼，看到没？设计师的主观意识对最终结果可是有着巨大影响。至此，我可以说，设计全是设计师主观为之，那这篇文章可就写崩了，其实设计还是有道理可言的。让我们回到标题：《什么设计，让付费内容一样具有吸引力？》

看这标题，套路很明显。并不是说付费内容没有吸引力，而是说高质量免费内容的存在，让付费内容仿佛失去了一些光芒。所以真正的标题应该是《什么样的设计可以帮助我们在少数派这样一个充满精品免费内容的网站中插入更加精品的付费内容且保持一样的吸引力？》（哈，这怎么能当标题呢。）

时代杂志在 2013 年出版了一本 Inside the Red Border，具体内容我没来看，应该是回顾了一些封面故事。不过我看到了一篇官方文章介绍这本书，这篇文章的首段，把时代杂志封面上的红框说得非常了不起：

“Everything inside that red border is worth knowing, and whatever is outside of it, well, not so much. That idea contains a concept that is even more essential today than it was when we first proposed it 87 years ago. ” 

时代杂志之所以能把封面上的红框吹上天，也是因为有了长久的历史文化以及优质内容作为支撑，红框本身并不是什么深奥的东西，边框的使用也不是时代杂志的专利。视觉上，框可以起到聚焦的作用，何况配以红色这样强烈的颜色。在目前三节课程网页版的 Banner 中，均有框的存在，作用就是强调，吸引。

当然，这个框另外一个作用就是作为免费内容和付费内容的区分。好在之前制作的题图，都没有加框的习惯，能让这个框发挥最大功效。封面上有个框是远远不够的，信息图的视觉风格更加关键。让我们对比一下苹果官网上的 iMac 介绍页和 iMac Pro 的介绍页，是神似却不同的两种风格。

iMac Pro 页面上独有的黑色，大胆的排版尤其是类似「八核、十核或十八核 Xeon 处理器」这些巨大的文字扑你面而来的时候。你能感觉到什么？我感觉到了小学时代的校园广播，声音极大，能让整个班都安静下来，可能稍显烦人，但你必须承认的是，你真的会听。这种扑面而来的感觉，是提高吸引力的另一个办法。

观察少数派的网站以及 App，少数派明显是一个素净的地方，白色居多，容器属性强。在这里，直接背其道行之，搞一套色彩大胆，图形抽象的风格出来，或许是提高吸引力的最好方式。

用打开的头颅表示被繁杂任务困扰的现代人，飞起来的钱币表达不知花在哪儿的工资以及罐头一样的椎骨组成的脊椎… 没错，这个过程中，传神与幽默感是必须具备的。但不要忘了「神似」：排版尽量保持干净。

他们刚出来的时候，我自己看，感觉很是波普。为什么会这样呢？大概就是设计师主观意识吧，毕竟我也是先设计东西，再写的这篇文章。当然，之所以我能聊一聊这套设计，也是因为有优质内容的支撑，设计本身并不是什么深奥的东西，同时我也在学习，希望你能教我点什么。

感谢你陪我聊天。