阅读视图

2020还适合聊苹果吗？

王隐

2020年10月20日 18:36

突然发现，今年 WEB VEW 选题大多集中在苹果发布会，「苹果电台」称谓并不是空穴来风。

这样其实不好，一方面暴露了我们更新的懈怠，另一方面也显得选题匮乏，自己对于科技的理解也越来越迟钝。

而最重要的是，聊苹果，最好的时候或许已经过去了。

苹果不行了

虽然你所感知到的，无论是从媒体还是市场反馈上，苹果仍日中天。

这里说的不行主要是指，由于手机发展进入平台期，厂商们发现各种花样玩完之后，发展的方向大多雷同：更好的镜头，更好的芯片，以及要把它们塞进去的更厚机身。

苹果不是不好了，只是少了 iPhone 4 横空出世时的惊艳与革新，现在的硬件和软件更多是一种缝缝补补，给人带来的再也不是「哇，手机还能这样」，取而代之的是「手机不就应该这样吗」。

所以，作为我们节目的原始素材，耀眼的时代过去了，留给我们的，则是一个想法设法调整产业结构，保持收入稳定增长的优秀公司。

没有好食材，再好的厨子也难做出好菜。

聊苹果的人不行了

好厨子，食材不好，做不出好菜，差厨子就更不行了。

其实可以很骄傲的说，WEB VEW 的苹果节目，要比市面上大部分的播客要专业，这当然得益于嘉宾的知识沉淀和行业积累。

但是总聊，人就会疲倦，尤其是每次苹果都在堆硬件，我们好像很难再从产品、设计角度给出到位的评价。

当不断弱化对苹果的个人感受，重点放在普及行业知识，自然就会让节目缺少生气，缺乏「嗯，就是这样」的共鸣评价。

当然了，这取决于节目制作者的技术水平，毕竟拾苹果牙慧的是我们。

日本电影《红鳉鱼》中，北野武出演的立川谈志谈到批评家这一角色，是这样说的：

不好意思，我不相信评论家，没有人能比我更冷静地分析我自己了，还有，这些人的饭碗不是你决定的，他们要是有人能独当一面，出名了，是你靠评论他们的表演吃饭，你的饭碗是他们给的，把这个逻辑弄错可不好。

说苹果是饭碗，有点大了，不过说是节目选题与灵感来源，不夸张。

关注苹果的人不行了

2007 年，一个叫做 apple4us 的群体博客成立了，很多人在上面写介绍苹果的文章，交流自己对苹果的理解，有些作者名字你应该很熟悉：创新工场张亮、知乎创始人黄继新、一天世界李如一、周源、flypig、Rio 等。

可以说，那个时候的苹果是最具创新力的公司，而他们这些人无疑是当时的先行者，苹果作为一种先进互联网物料，被带给访问网站的人。

那个时候，无论作者、读者，还是苹果，都是先行者。

而当一个产品逐渐成功变为商品，先进的意义自然就褪色很多。地铁里，人们拿着苹果手机，连连看、抖音、微信、淘宝，这些通用 App，用 A14 还是 A13 芯片真的区别大吗？人们会关注这些吗？人们也应该关注这些吗？

当一个新生事物逐渐大众化，那它被关注、讨论的先行意义就不大了，而附属于它身上的延展话题也显得没那么有吸引力。

WEB VIEW 目前对于科技话题的探讨深度与广度并不低，不过对于当下，如何精准找到这一小部分愿意了解这些脱水知识的人，或许很难。而更大的一种可能性：作为缓解生存焦虑的 Knowledge Porn，我们还做得不错。

时代已经黑了

王隐

2020年6月17日 21:33

我常用的播客 App Castro 今天发了一条声明，表示自己被墙，国内已无法访问。

而且，Castro 发完英文声明后，又用谷歌翻译发了一条中文声明，特意来告别它的中文用户。其中一句无心之语译得颇为传神：

时代已经黑了。

Castro 随后又发推文表示为使用谷歌的不当翻译道歉，但在大多数人看来，这大可不必。我想 Castro 本意是想表达客观环境太过黑暗与压抑（times are dark），而谷歌用直译（时代已经黑了）看起来只信达却不雅，但这种最直接、粗暴的蹩脚翻译反而将对现状的无奈与控诉放大到极致。

对于国外的泛用型播客客户端，大部分人的选择会集中在 Castro 和 Pocket Cast 二者。这两款我也都有使用，不过还是前者更能让我满意，Castro 类似邮件归档的产品形态确实更适合订阅大量播客的人。

Castro 被墙其实并不让人惊讶，因为不久前，它和 Pocket Cast 都被从国区下架。

Castro 发完这条推文之后，我也带了评论转发：

卡斯特罗不行了，切格瓦拉呢？

这让我想起很多年前的远古互联网，那个时候有个贴吧叫李毅吧。李毅是一名足球运动员，他的一些直言语录在当时经常招黑，但黑着黑着，人们就慢慢接受了他的这种处事态度。有人说，这是屌丝主义，还有人说，这是解构主义。

李毅说过太多的名人名言，但我记得印象最深的还是 2005 年，深圳健力宝教练迟尚斌和俱乐部、球员间龃龉丛生，最终下课。随后记者采访李毅，李毅沉吟后说：

天亮了。

只能在微信里「到处说」吗？

王隐

2020年3月12日 00:43

《人物》关于艾芬医生的这篇报道，又一次激起了人们的愤怒，报道在微信被删后，网民开始用各种方式「接力」编辑，表情符号、古中文、日语、韩语、倒写等各种方式重新在微信公号发出，发出来别人能否看懂已经不重要，重要的是用这种形式表达反抗。

艾芬在采访中表示，自己不是吹哨人，而是发哨人。下面这句有点粗暴的话语比较能代表她的态度，也在网上广为传播：

早知道有今天，我管他批评不批评，老子到处说，是不是？

前期防控疫情不力，遮掩，导致疫情严重扩散，病人难受，被隔离的普通人失去了正常生活，也跟着难受。

于是，人们在看到这些人，为我们发声，用自己的专业知识提前预警，反而受到了不公待遇，自然会产生怒火。或者说，这是一种典型的愤怒剧本：古代君主听信小人谗言，误杀良将，导致民不聊生。当有人把小人污蔑良将的全过程还原时，人们自然愤怒难当。

阵地只有微信了吗？

以上可以理解，但下面的不好理解，也容易被忽视：为什么网民的接力「到处说」，仅仅局限在微信中？

一个公号倒下了，另一个公号站起来，以此类推。但为什么我们的互联网阵地现在只有微信一个了，这是从什么时候开始的？

虽不是从这几年才开始，但微信确实是一个标志。随着人们习惯在微信看东西，写东西，而不只是聊天。微信的账号体系也逐渐融合订阅关系，加上完善的广告变现路径，这是博客的进步，也是 RSS 订阅制的进步。除了外链和审查之外，公众号是优秀的产品。

我们其实大多时候可以容忍这两个缺点。或者说不知不觉，为了方便，主动去拥抱这样一种阅读、写作关系。

只不过，这两个缺点概括下来，就是不自由。

自由并不是无拘无束，什么都可以干，而要在一定界限内试探，知道哪些事不能做，哪些事能做。

微信有监管，但并不是法律条例那种层面的监管。所以尽管你看到某篇文被删后，显示的红色感叹号及说明文案，你仍很难知道文章中的哪些字是不应该发的。只能猜测，那些容易引起大多数人负面情绪的文字就是「违规」的，而微信作为平台方，有最后的裁决权，用户，写作者则是弱势的一方。

有必要而且很重要的纸飞机

现在，微信已经完全等于互联网了吗？差不多是的，就像网民的身份证一样，微信把人们的吃喝玩乐基本上都筐进去了。

还记得，某社交产品，某协作产品被微信「封杀」，指的就是不能在微信中分享其链接，当然，人们可以复制链接到浏览器打开，但是这样古老又不方便的习惯，人们或许已经不记得，不适应了。

人们爱谈微信红利，都希望从中借力，增长自己的产品。而且大势所趋，不是每个人都会自己建网站，也不是每个人都会折腾自己的网络设置来开心上网，也没必要。

如果一个东西没必要，我们确实不应该做。但如果有必要，而且还很重要，我们只是忘了技术实现以及它的名字，那就应该再将它提上日程。

疫情期间，很多公益组织用协同文档写防范手册；用协同表格收集需要帮助人的信息，并对接；那些被删掉的报道，也会以「公开」「可读」的协同文档存档传播。其实这就是 Web，只是大家现在不怎么提了而已。

Web 并不只是一个网页，一个公开文档，而更像是一封信，人们在上面写写画画，然后折成纸飞机，飞到另外一个人手里，再飞到更多人手里，让更多的人分享知识与信息，而且，扔飞机时，没有人拦你胳膊，抢你飞机，这就是 Web。

所以，如果下次还有类似的接力「到处说」，能不能好好回忆下，我们的阵地可能不止微信一个，我们还有 Web，技术好像也没那么难，那些会用协同文档的人，能不能试试通过这些页面分享给别人，除了微信，还有 QQ，短信，甚至电话，面谈。

最重要的是，我们要认清，我们不只有一个阵地，也确实需要更多的阵地，集中抱团是最危险的行为，因为这样，对方一个大炮，我们就被轻易消灭了。

上博四楼陈梦家

王隐

2020年1月4日 18:29

来北京前去了趟上博，想看看家具，还有家具的主人。

即便工作日，上博人也不少。我排队入场，直奔四楼明清家具馆。

里面桌子，椅子，吸引力不大，我甚至觉得如果不是第一次来上博的人，很难专程来看。

当然，我对博物馆的情结也止步于某种「实证」，看到一本书，一部电影或是一段音乐谈到某个物件，自然想实地考证，和现实做个比对。

四楼人不多，或是缺少一楼青铜器的「阵列感」，人们总是稀罕不常见的物件。从明清家具的样式来看，对好仿古的今人来说，并不稀奇。

我看展，爱看前言。毕竟自己算艺术外行，前言作为展览少有的文字「导读」，就算看不懂接下来的艺术，文化，也好靠「导读」对展品来龙去脉懂个大概。

前言也点明了我此行的目的——陈梦家，赵萝蕤夫妇。

「你去走廊找找！」

四楼家具馆布局简洁，一大间，分为明清两个场馆。

48D27CF8-27D2-48A4-92FE-49928E72BF1B_1_105_c — 明清家具馆

不过，在尝试自己找寻一番陈的家具无果后，还是不得不求助于工作人员。

我先问了明场馆的工作人员：「请问，陈梦家的家具在哪？」

他告诉我在清场馆，我随即问了清场馆的人，又告诉我在明场馆。

我跑回明场馆，问了另外一个人同样的问题。

「在走廊。」

走廊？我显然没搞清他的意思，或者说我没搞懂「走廊」这个词在展馆到底处于怎样的地理位置。不过他的手势，我看懂了，指着场馆外面，意思让我出去看看。

他的回答让我更加疑惑，我随后问了一个年长些的工作人员，他告诉我陈的家具不是无偿捐赠，所以展品没有标记名字，他也不确定具体是哪个，不过他可以肯定是在明场馆。

锁定了范围，就要借助互联网。

手机搜了几个关键字，看了几个链接，依照新闻中的图片，开始比对。好在大部分家具都能按图索骥地找到。

9E607E59-5CD0-4107-A6D5-63002055BA2B_1_105_c — 黄花梨木五足内卷香几

69A308AA-770B-4978-AC98-C84187866274_1_201_a — 黄花梨木圆后背交椅

E374D51E-4C9D-431C-98B5-3EE3465A3F0F_1_201_a — 黄花梨木霸王枨条椅

29C114B0-7C39-4ED7-930C-2ACE58A04044_1_201_a — 家具搭配展出

家具平淡无奇，如果陈梦家一生也能如此就好了。

陈梦家其人

了解到陈梦家，也是靠《甲骨文》一书，陈作为主线人物贯穿全书。

《甲骨文》借殷墟考古为背景，何伟带着他对陈梦家身世的疑问，展开叙事。

他找到了当年参加殷墟挖掘的考古学家石璋如，写下《一滴泪》的巫宁坤，上博原馆长马承源，百岁老人周有光，妻子赵萝蕤胞弟赵景心，举报者李学勤……

朋友，同事，亲戚，家人，政敌应有尽有。

或许只有通过这些人，他才能搞明白，这样一位学术泰斗的曲折一生。

陈梦家考古出身，是中国研究甲骨文的重要人物。其妻子赵萝蕤北大才女，曾翻译过惠特曼的《草叶集》。

钱穆晚年《师友杂忆》曾言：

有同事陈梦家，先以新文学名。余在北平燕大兼课，梦家亦来选课，遂好上古先秦史，又治龟甲文。其夫人乃燕大有名校花，追逐有人，而独赏梦家长衫落拓有中国文学家气味，遂赋归与。”

来北京后去了趟国博，国博一楼有甲骨文展，按照它的说法，中国甲骨文研究涌现过两次大的思潮，分别有两批代表人物。

第一批甲骨文奠基人以罗振玉、王国维、郭沫若、董作宾为代表，今人谓之「甲骨四堂」。

7A740D37-220E-4226-89C6-398AEF0BE110_1_105_c — 甲骨四堂

第二批奠基人，今人谓之「甲骨五老」，陈梦家就在其中。

6FF90F29-3A2E-4965-879B-C6732CFF3D86_1_201_a — 甲骨五老

从照片上可以看到，陈梦家最年轻，仍能看出青年时的飒爽。

遗憾的是，这样的国宝级知识分子未得善终。

1955年，百花齐放后的一年，肃反开始，陈被自己的助手举报有经济问题，贪污公款。两年后又被打成右派，定性为“章罗联盟”，紧接着十年浩劫，陈不堪受辱，于1966年自缢身亡。

「我不能再让别人当猴子耍。」

陈不仅学问上难有匹及者，而且才情、性情浪漫，陈是新月派诗人，师从闻一多，不好拉帮结派。

陈在写下甲骨学巨著《殷虚卜辞综述》后，拿了巨额稿费，在美术馆附近的钱粮胡同买了房产，这就糟了人嫉妒，各种举报纷至沓来。

李学勤当时作为他的助手，也是举报的一员。

除了政治上的诬陷，李学勤还对陈的《殷虚卜辞综述》做了学术上的贬低。

史学家杨宽反问：

为什么在政治上对他进行陷害的同时，还要贬低他的学术著作的价值呢?事实上，(《殷虚卜辞综述》)学术著作的价值是有目共睹的，历史将作出公正的评价。

李学勤后来解释说当时自己受了考古研究所的压力，必须要写这种东西。

加害者与受害者，前者总是让人难以同情与理解。

最后，就像太平湖的陈年水墨，陈带着古典知识分子的体面与讲究离开了，享年55岁。

赵景心，强拆之下

其实，上博家具馆前言写到的「上博2000年斥巨资征集了陈夫妇的家具」并不准确，也有误导之嫌。

陈1966年离世，妻子赵萝蕤1988年离世，2000年卖给上博的其实是赵萝蕤的弟弟赵景心。

陈生前也曾要求将收藏捐给上海博物馆，不过赵景心夫妇后来将其26件家具以1000万元人民币转让给了上博。

赵景心晚年也并不顺达，他在北京的四合院岁数「比美国还老」，当时面临强拆威胁。

不过，两次诉讼，赵景心均已失败告终，包括当时的文艺界也向社会呼吁，保护文化名人赵紫宸及其女赵萝蕤的故居，老舍之子舒乙也曾为其发声，但仍未抵挡得住挖掘机的铁铲。

2000年，这座明末清初的小院，就此拆除。在这儿的东厢房，赵萝蕤完成了惠特曼的《草叶集》和艾略特的《荒原》翻译。也是这一年，赵景心决定将陈梦家家具卖给上博。

何伟其人

在杨显惠和章诒和笔下，这样的悲情故事并不少见。

人在接受这些故事时更多是一种无力感，不是对受害者境遇的无力，而是对自己想象力的无力。

但这类故事看多了之后，也会逐渐麻木。血淋淋的现实虽然可怕，但禁不起反复冲刷。

不过，作为「中国三部曲」的最后一部——《甲骨文》还是能于麻木之中刺痛读者，除了苦难叙事之外，还多了一层追问——一种不习以为常的追问。

近年，上海译文引入不少优秀外国作家写中国的书，他们旅居中国，记录所看、所行、所感，有的幽默，有的落寞。

比如《东北游记》里的迈克尔，中国人对他好奇，为此，他只好每次都条件反射地主动打招呼：

美国人，属鼠，身高一米八六。

上海《长乐路》，几代人命运的曲折交错，读完故地重游，倒是能找到一些凄凉。

B84CD5C9-CF3E-4259-9E4D-2373488BE876_1_105_c — 《长乐路》中的锦乐花店

很多人觉得，外国人写中国写的好，是因为其特殊的外来视角，譬如王路谈天赋的一篇文章认为：

如果让他和美国作家比写美国题材的作品，他未必能胜出；如果让他和中国小城居民比对中国小城的了解，他也不能胜出；但如果用英语，以美国人的视角写中国小城，他就胜出了：一般美国作家写不了，中国小城居民也写不了。那这样的作品，非得由他来写不可。

何伟首先是个文化人，其次是个西方人。他确实具备这样一种「外来视角」来看中国，从而发现，对比，呈现。

但这样的归因会不会太简单？照这么说，我们写美国，巴西是不是也有特殊视角，更能鞭辟入里？

其实，优秀的文学作品，关键还是在于能否打动人心。

巴金在《随想录》提到：

我认为打动人心的还是作品中所反应的生活和主人公的命运。

从涪陵纪事，寻迹长城，到甲骨文，何伟对中国的了解越来越充分，足以支撑他对陈梦家宿命的追问。终曲《甲骨文》借助多线叙事，看似零散，实则以点带线，串线成珠，从陈梦家的朋友、亲人、敌人多角度还原出一个立体人物。

对于一个已经对那段苦难熟悉到麻木的人来说，如果一个作者还是能通过类似的题材打动你，这说明作者具备很强的历史还原能力，以及对主人公悲欢的深刻见解。

除了外来视角，还有什么？

我不相信一个人如果只是具备「外人视角」，就可以讲好异国故事。中国三部曲背后一定有其他更值得探究的成因。

先来看看何伟本人好了，普林斯顿大学英文系出身，后来又在牛津大学研习英国语文与文学。正统科班出身保证了写作专业性。

其次是良好的家庭教育。何伟的父亲是社会学家，他从小就跟随父亲学会了一套社会学研究方法：「要会采访，会讲故事，对什么人都感兴趣，才能和人打成一片，当一个好的观察家。」

何伟有很强的主动和人交流的能力，尤其是知道如何不让别人误会自己的诚意。在《寻路中国》中，体现最为明显。包括他和三岔村民魏子淇，企业家，租车公司老板的交流都能看出。

何伟敏锐的观察力，同时可以帮助他洞悉周遭的某种奇特运行机制：

在中国生活中很多事情都要打制度的擦边球。其中最基本的真理就是，事后原谅比事前许可要简单得多。

这种敏锐的观察力其实还受到了父亲的老师——牛康民影响。

60年代，何伟父亲在匹兹堡攻读社会学博士学位，当时有一位老师叫 peter new （牛康民），何伟自述，其英文名彼得·海斯勒正是源自这位老师。

何伟回忆，这位父亲的老师嗓门洪亮，很喜欢讲故事，爱说话，爱观察。

值得一提的是，从牛康民身上，我们还可以一窥当时中国变革下的动荡起伏。

牛康民的爷爷牛尚周，1872年作为清政府第一批官派留美幼童赴美国留学，后就读于麻省理工学院，1880年回国。1886年（光绪十二年）牛尚周撮合妻妹倪桂珍与当时被派往中国传教的宋嘉澍，并由此成为了宋嘉澍的连襟。

而宋嘉澍正是民国著名的宋氏家族家祖，子女有宋霭龄、宋庆龄、宋子文、宋美龄、宋子良、宋子安。

牛康民的父亲牛惠民，1928年，牛惠民与兄弟牛惠霖一同创办上海骨科医院，成为中国最早的骨科医院。

上海骨科医院原址为岳阳路190号霖生医院。

878C7053-5624-4B8E-AD6A-0AEB1252FF70_1_105_c — 霖生医院旧址

何伟坦言，自己从牛康民身上得到的中国认知是模糊，间接的，更重要的是其沿袭下来的社会学观察本领。

良好的家庭教育，科班的写作训练，自由的思想，洞悉的观察，以及对未知事物的好奇心，推动着他落笔于巨大变革下的细微变化，他的书里，不是巨头公司，也不是帝王将相，而是他的学生们、农民魏子淇、考古学家陈梦家。

至于外来视角，有多重要？本土视角难道不能更好地叙述？

还是说当我们仰望高手时，已经忘了自己的崇拜之情是出于认可与欣赏，还是对自己视角僵硬，思维局限所产生的懒惰，骄傲而找的借口。

这几个学术写作工具，或许可以帮你赢得审稿人青睐

王隐

2019年12月17日 19:07

一篇优秀的英文 EI / SCI 论文，除了要有新颖的创新点和严密的实验方法外，或许还有一些细节需要我们关注。

你着手写一篇论文，看到各出版社不同的排版要求，该如何下手？ Word？Markdown？抑或是更专业的 Latex？

无论你是理工还是文、商科，一篇论文如果只是文字，未免有些枯燥，不如做个能让人眼前一亮的配图来呈现你的实验数据与结果。

在这个仍以英文为学术主流书写语言的时代，如何保证你的论文语法通顺、词句无纰漏？要知道，拙劣的语法与词汇可是期刊拒稿的很大原因。

层层细节到最后，都会决定你的论文能否打动审稿编辑。所以，除了要关注实验本身，科研人或许还要顺手点亮些技能，这样才不会因小失大，白白付出苦熬实验室时的时间与精力。

幸运的是，随着学术写作工具的不断涌现，这些技能的学习门槛越来越低，各位科研勇士大可把更多精力放在研究的要点和实验结果上。

本文会在论文排版、制图、英文润色三部分介绍相应工具及技巧，下面就开始我们的学术写作速成之旅。

排版：脉络与格式

首先，我们来聊聊排版。

大部分学术期刊都要求作者提交一个已按期刊要求格式排好版的 PDF 文件，很多人第一个想到的就是用 Word 来排版。

虽然 Word 是一个比较成熟的排版工具，界面与功能还算完整清晰，但排版后的结果仍有很大的不确定性。

这种不确定性可能来源于不同的软件版本与操作系统，但最大的不确定性还是来自于作者的 Word 使用技巧。

一篇惊世之作万事俱备，急于与审稿人碰撞出科学火花，竟然被鸡飞蛋打的格式困住了，连编辑这关都过不去，想必每个人都不希望看到。那么，有没有一种办法可以快速按照期刊要求的格式进行排版呢？

可能很多人已经注意到了，一些期刊提供了基于 Latex 的模版包，供读者用以排版。Latex 是在 Tex 语言基础上的一种排版系统。和我们所熟知的 Markdown 一样，Tex 也是一种标记语言。与之不同的是，Tex 的语法稍显复杂，可以支持更多复杂格式。

使用基于 Latex 的排版工具，在模版包的帮助下，不但输入数字公式时更加简便，而且不用挨个调整参考文献的格式，以至于短时间就能生成一篇格式规整，排版精美的论文，作者的内容可以精准而迅速地表现在这个 PDF 文档中。

我们在这里以电气电子工程师学会（IEEE）旗下的期刊为例，假装一把学术大佬，下载 Transaction（IEEE 旗下比较有影响力的期刊系列）的模版：

可以看到，模版下载下来是一个压缩文件。

模版下好后，我们就需要一个排版工具，这里最推荐的是云端工具 Overleaf，它可以即时保存，云端备份，历史记录可追溯，多平台等，跑在浏览器中的 Overleaf 最大的优点就是无需安装软件，解放硬盘。

并且，它还支持 Google 、推特、IEEE 等多账号登录。

现在，我们注册完并登录 Overleaf ，就可以开始我们的排版了。

首先，我们先新建一个项目，将刚才下载的模版压缩包导入进来，Overleaf 可以帮你自动解压。

这里可以看到，Overleaf 还支持 GitHub 导入，同时还自带了很多模版：journal、book、letter等。

导入之后，Overleaf 会自动进入项目，可以看到，模版压缩包中有多个 .tex 文件，代表包含了几种模版，我们选择期刊模版对应的 .tex文件（bare_jrnl.tex）。然后点击右边布局上方的 Compile 按钮（有时会是 Recompile），可以看到该模版渲染后的初始样式。

Overleaf 在页面布局也较为常规，最左列为文件结构，中间修改，最右预览。

可以看到，模版中，基本的结构已经划分好了，我们所要做的，就是要在 .tex 文件中把自己的内容填进去，模版中已经给了非常明确的提示。

除了源文件之外，这个工具还提供了富文本预览（类似于代码高亮）的贴心功能，还有一些格式快捷键可供选择，如加粗、插入数字公式、有序/无序列表等。

当然，我们输入的文本需要遵循 Tex 语法规则，以下是一些常用格式及规则。

空格	{} 或 \
字体大小	\tiny{}, \scriptsize{}, \footnotesize{}, \small{}, \normalsize{}, \large{}, \Large{}, \LARGE{}, \huge{}, \Huge{}
斜体	\emph{} 或 \sl{}
一些需要转义的字符	%->\%，_ -> _，# -> #，& -> &，{ -> {，} -> }
行内公式	$…$
换行	\

一篇论文除了文字，还包括图片、表格、无序列表、伪代码和参考文献等等，使用 Latex 都能快速并优雅生成。

上传图片的方式也较为常规：

上传好我们的图表之后，我们在 documentclass和 \begin{document} 之间通过命令\usepackage{graphicx} 添加图片的包。

然后在正文处（此处以引言为例）添加一段插入图片的指令，包含图片宽度，文件名称、图片标签名称和注解信息，然后点击编译，图片就出现在右侧 PDF 的预览中。

如想在文中提到该图片，需使用 \ref{图片标签} 进行绑定，Latex 会自动生成该图片对应的编号。

对于独立行并编号的公式，则可以放置在\begin{equation} 和 \end{equation} 之间，同样通过 \ref{label}引用。Overleaf 网站中也提供了一些关于数学公式的教程，可以参考相关语法。

类似地，一个简易的三线表的格式如下所示：

以上，论文中的一些常见要素基本就已经介绍过了。

但还有一个令 Word 选手最为棘手的环节，就是参考文献。

在基于 Latex 的排版系统中，参考文献主要放在以 bib 后缀的文件中，但是内容是怎样的呢？我们以 artificial intelligence 为关键词在 Google 学术中查询一篇文献为例，假设我们相中了这篇发表于 Nature Medicine 上的论文，点击引用后选择 BibTex：

然后，我们新建一个bib文件，再上面网页跳转后生成的内容粘贴进来。

红框中的内容是该文献的引用标签，在文中需要引用的地方输入 \cite{标签} 就可以完成引用。由于标签代表了该参考文献，因此 bib 文件中的内容无需有序，且会按照期刊的规范自动编号。

通过以上几步，一篇格式规整，排版精美的论文 PDF 就顺利生成了，不仅节省了时间精力，还可以轻松查询论文修改的所有记录。

Windows 平台和 Mac OS 平台也有相应的 Latex 排版软件，比较有代表性的是 Windows 平台的 TeXstudio 和 Mac OS 平台的 MacTex，使用方法与在线平台 Overleaf 别无二致，不再赘述，下图为 TeXstudio 的使用界面：

好的排版工具自然也是顺手的写作工具，它们可以帮我们缕清脉络，同时也能帮我们更专注在要写的内容而不是格式上。

绘图：灵魂与亮点

如果说思路脉络是论文的骨骼，那么图表就是论文的灵魂。

数据可视化图表：Echart

论文，就是将你所做实验进行阐述、记录、归纳的一次书面沉淀。所以，典型的理工科论文必然会有大量的实验数据，这个时候，可视化图表就派上了用场。

论文中的图表不仅要表意清晰，还要注重美观。学术写作常使用一些编程语言完成绘图功能，如 Python，Matlab 等，但这些工具对于非 Computer science 的科研人来说，会有一定的上手难度。而且这些编程工具绘图的用户体验也不能算好，不能满足「所改即所得」的实时性要求，更达不到对比的连贯性。

这里推荐百度出品的第三方可视化 javascript 库 Echarts。

在 Echart 网页上，我们可以使用自带的官方模版快速生成图表，支持各种精细配置，简单易用。官方实例不仅给出了折线图、条形图、饼图、散点图等等基础图表，还提供了盒须图、热力图、平行坐标系图等较为新颖的图表模版，基本可以囊括论文对于结果数据展示的需要。

点击任意一个模版，左边是用户修改的区域，主要内容是 json 格式的图表的配置项，右边是根据用户修改实时显示的图表预览。右下角提供了三种默认的配色方案，由于不提供云端保存功能，因此在切换配色方案之前需要事先保存左边的内容。

图表生成之后，我们如何得到这个图片呢？我们对其左边配置项进行简单的修改，然后在 toolbox 配置项中添加可以保存图片的功能。点击右上角的下载按钮图片就会以 png 的格式保存：

如果不喜欢官方提供的配色，还可以在配置项里进行详细的设置，配置项在文档中有详细说明。

虽然，Echart 需要一定程度的前端基础，但不深。之所以推荐 Echart 也是因为它提供了比较完整的官方案例，就算没有多少前端知识，对着左边配置项改改参数折腾折腾也可以得到不错的图表效果。

当然，如果实在对编程特别抵触，tableau 也是一个不错的选择，上手难度不高，基本不用改参数，直接根据 Excel 表拖拽相应行列就行了，可以参考之前的一篇文章。

流程图/思维导图：ProcessOn

除了图表之外，论文中还会出现一些描绘结构和流程的示意图，此类图表可以更好地呈现实验方法的先后步骤。

在这里，推荐一个在线作图工具 ProcessOn ，支持流程图，思维导图，结构图，UML 图等等多种示意图，使用方法也非常简单，按照相应提示，尝试几次即可上手。

复杂示意图：sketch

在论文中，还经常会绘制一些不仅能体现步骤，还能表现数据特征，元素结构的示意图。

上图是描述两种神经网络结构及训练过程的示意图，从图中不仅可以看出方法执行的步骤，其中数据的组织方式以及网络的具体结构也一目了然。这样的图比流程图的结构更加复杂，元素的形态也多种多样，我们使用的是 Mac OS 平台下的设计绘图软件 Sketch。

Sketch 是一款矢量图绘制软件，具有和 PPT 相似的形状导入功能，并附有参考线，上手简单，以下是一个简单的例子：

可以看到，一些规则图形都能够通过简单的拖拽得到，修改填充和边框颜色以及长宽位置等属性也可以非常容易地进行修改。

图表作为文字与数据的抽象表达，可以更直观地向读者传达出你的观点，选择易上手的工具与合适的图表之后，还要注重美观、简洁，这样可以让你的论文更有亮点。

英语润色：保险

作为非英语母语的作者，英语近乎是最令人头痛的部分。令人惭愧的是，暂且不论流畅地道的表达，单是拼写语法，就能够牵扯我们很大一部分精力。有时圆睁双眼看上一整天，都不能发现其中若干的拼写语法错误，这时候我们就需要一个智能工具来帮我们查找并改正这些错误，在这里推荐一个英语润色工具 Grammarly，使用方式非常简单粗暴：

并且它的插件可以集成在文本框内，在使用其他在线文本工具时，也可以方便地使用它的润色服务：

如果更正拼写及语法错误的简单功能不能满足你对于润色的需要，还可以使用人工润色，当然是需要加入会员并支付一定的费用：

结语

一篇学术论文，操作周期上大概要 1 到 3 个月，这也决定了它和其他写作形式的不同之处：周期长、琐碎、强度高。

我们在写学术论文时，相比于前文提到的诸多细节，还应把更多精力聚焦在实验的思路，方法上，只不过是有些时候，众多琐碎总是会牵扯我们的时间与精力，而无法集中在将「实验完整还原在书面上」这一最基本的任务上。

也就是说，工具只能起到部分去除干扰的作用，论文能否在心水的期刊上发表，还要取决于实验本身以及你的呈现方式上。

至于科研捷径，应该是没有的。

如果说真有什么窍门，周末投论文好像不是好主意，周二周三倒是不错。

感谢 Dr. Li 对本文的大力支持，本文首发少数派，同步 WEB VIEW，未经许可，不得转载。

信息的通货膨胀

王隐

2019年6月9日 12:54

奥威尔谈到小说衰退的原因在于：

小说因为受到大肆吹捧反而丧失了存在。你问任何一个有思想的人，为什么他「从来不看小说」，你往往会发现，归根到底，那是因为腰封评论家写的那种令人恶心的陈词滥调。

甲写了一本书由乙出版，再由丙在丁周刊上写了一篇评论。如果评价不好，乙就会抽回广告，因此丙就不得不吹捧「令人不能忘怀的杰作」，否则就要丢饭碗。

所以，腰封评论家大多不能说真话，如果不是付钱要他写评论，他一句也不会写，而且几乎毫无意外，他能写的唯一真话将是：此书引不起我任何感想。但是，会有人出钱要你写这种东西吗，显然不会。

腰封评论家必须为一本对他毫无意义的书炮制大约三百字的文章，通常，他先把故事情节做一番简述（这无意中向读者泄漏了他根本没有读过此书），然后再说几句捧场的话。

一个扣人心弦的激情故事，一部震撼心灵的精彩杰作，一部令人不能忘怀的史诗，足可以与语言本身长存不衰。

尽管都是赞美之词，却如妓女的笑容一样没有价值。评论家不得不在一台没有尽头的形容词阶梯上不断往上爬。

遗憾的是，小说评论的「升级」现象，如今越来越常见，甚至入侵信息领域，标题作为一条信息最直观，最高度的概括，首当其冲受到侵蚀。

通货膨胀与信息之海

从货币角度来看，标题党的本质在于语言文字的通货膨胀。原来1块钱能买的东西，现在要花10块才能买到。人们接受语言描述的阈值在提升，而语言描述事物的能力在衰退，同时又没有更精准、更有力的词被造出来，所以，我们词用的越来越大，也越来越不值钱。

这种语言的通货膨胀绝对不是中文所独有，全世界最流行的英语，贬值率更高。

Great 取代 Good，Wonderful 取代 Great，Incredible 取代 Wonderful，Awesome 也随处可见。

英语评价体系的贬值或许和西方人的「客气」离不开关系，你做完一件事，他说你 Good，其实可能只是 Just so so 的级别，但是他们觉得需要客气一下，自然 Good 原有描述精度就下滑了，从而拉着比它更大的形容词下滑。

语言有通货膨胀，按理说也有通货紧缩，不过这种紧缩更多以一种谨慎或不愿意让人轻易发现的意愿传播，比如在给某产品的软文中，好的地方自然可以大书特书，不好的地方只好一笔带过，说某某功能实现较可，很有可能潜台词是交代读者这里不能说太细，建议读者从通货紧缩角度来理解，即一般等同于较差的意思。

当然了，无论中文还是西方语境，语言的通货膨胀绝对不是因为「客气」这么简单，而在于腰封评论家对一般作品的较高评价，提升了底层作品的评价基准，同时也提升了所有作品的评价基准。

他们为何要对底层作品较高评价，原因在于写小说的门槛在降低，从事小说行业的人在增多，为逐利而作的小说也越来越多，但这些产业化、标品化的小说并不具备可变现的上乘质量，所以只好找各类吹鼓手做腰封评论，确保销量，不至于回炉重造，印好的书压成纸浆。

在当下互联网的信息流动中，这种现象更为明显。

我们现在每天接触到的信息大概要比古人几月甚至几年接触到的信息还要多。这得益于互联网基础设施的完善，信息的硬件池子得以越做越大，里面能装的信息也越来越多，它也早已从信息之池泛滥成信息之海，再随着技术进步带来的信息高速流动，这片信息之海更加波涛汹涌。

信息货币化

除了高容量、高流动之外，信息之海的另一特点就是信息「货币化」。人们发现，为他人提供资讯、角度、观点可以获得收益。按理说，你为他人提供信息增量，扩展他人的某些未知，获得收益无可厚非。

但正如大多腰封评论家的谄媚不是出于本意，而是满足行业其他环节的下放要求。发现信息可以挣钱的人越来越多，人们开始争先恐后的涌入信息海洋，每天生产大量的信息，寻找挣钱机会。

从供需关系来看，供给方大量涌入，如果没有匹配足够的需求方，很容易造成供需失衡。人有限，精力有限，而信息无限。这样一来，信息之海就成了需方市场。

过载的信息总要找到足够多的宿主，才能成为他们向广告主耀武扬威的资本，这样一来，信息提供方之间必然有一场恶战。遗憾的是，这场恶战并未以「质量战」为前提开打。

信息时代，时不我待，但如果是一个后信息时代，信息到处过载，从稀缺性角度来看，大多数信息则不再值钱，对于信息需求方来说，自然不会将大部分信息当成重要决策的关键参考，他们会信任更稳妥的信息渠道，比如朋友，家人，接触到的行业中人，或者新闻联播。

剩下的信息对他们来说，就没那么重要，更多是消遣价值。信息提供方确实可以将精力放在提升信息质量上，但是值不值得做，就是一个成本问题。如果只是消遣性的信息，更具性价比的方式则是将人们的注意力吸引过来。猎奇、劲爆、绝密、罕有，这些词汇自然占领了信息传播的高地。

当然也不必悲观，任何时代都会有高追求的信息提供者，他们不盲目追求瞳孔，而回归质量。但这也不代表他们要优于标题党，而仅仅是个概率问题。

瞳孔陷阱与感官馒头

可事已至此，想打质量战的信息提供者，也未免要落入瞳孔陷阱。一个恶意竞争的环境，大部分人在追求如何吸引人注意力，身处其中的任意个体都无法逆这样大的趋势。一个馒头卖5元的时代，你再没办法用1元买到。

不仅是信息提供方，信息接受方也深受其害，他们就像药物成瘾者一样，对于过量用药已经无法自拔。他们不关心馒头是卖1元还是5元，而是馒头越大越好。

馒头越做越大，到最后你已经说不清是做馒头的人刻意为之，还是吃馒头的人胃口在变大。

不过可以肯定的是，长时间，高频次地接受感官馒头肯定有害，这种不可逆的损害体现在自己很难再接受低刺激的信息。

但高质量的信息往往不会有过多刺激环节，因为信息的第一要义是从交换不同层级认知出发，信息本身没有传播上的义务。高刺激信息（比如标题党）大多是对人们预期的欺骗，作为信息头阵的标题往往可以拟的很大，它们或是造谣生事，或是断章取义，放大局部事实，抱着写到就是赚到的心理得过且过，这本质上是对信息传播的滥用。

关掉水龙头

正如新闻在这个时代的衰亡一样，我们从互联网接触到的新闻其实早已失去了原先新闻的某些特质，退化为「资讯」，而仅仅保留新闻「新」的概念。

如果从这一角度来说，看新闻就显得没什么价值，并且浪费时间。因为现在信息传递的方式从以前人们主动获取变成了被动获取，「推送」一词很好地描述了这层关系。所以，我们其实并不需要担心错过某些要闻，因为就算你逃过了各种资讯提供者的推送，你身边的朋友也会通过社交媒体表达他们对某要闻的看法，从而让你间接知道某要闻的发生。所以，漏看新闻在这个时代已经不存在了。我们真正应该考量的是，如何关闭尽可能多的信息水龙头，来筛选真正有价值的信息。

5G开始兴旺，各种畅想应运而生，但值得注意的是，无论4G还是3G，对于普通人来说，最明显的还是对信息传递上的感知：从图文、音频到视频，网速越来愉快，资费越来越低，信息生产与传播的门槛逐年降低。但信息作为「互通有无」层面的意义也逐渐被消解，而更多基于泛娱乐化，信息逐渐成为打发无聊时间的下等工具。

可控核聚变或许短期不会实现，但可以预见的是，科技的进步一定会催生更多信息梭麻的流行与占位。

谈写作动机

王隐

2019年5月12日 14:28

写作者首先要问自己的问题是：我为什么写作？

在《我为什么写作》书中，乔治·奥威尔列举了他的四大写作动机：

自我中心。为大家谈论，死后留名，向那些在你童年的时候冷落你的大人出口气。
审美方面的热情。欣赏外部世界的美，或者，在另一方面，欣赏词语和它们正确组合的美。享受一个声音的冲击力或者它对另一个声音的冲击力，享受一篇好文章的铿锵有力或者一个好故事的节奏明确。希望分享一种你觉得是有价值的和不应该错过的经验。
历史方面的冲动。希望看到事物的如实面貌，找出真正的事实把它们存起来供后代使用。
政治方面的目的——这里所用「政治」一词是指它的最大程度的泛义而言。希望把世界推往一定的方向，改变别人对他们要努力争取的到底是哪一种社会的想法。

可以看出，奥威尔的动机1和动机2都是满足自己的需求，而动机3和动机4则是通过写作满足他对世界的某种期望。

回答完为什么写作之后，自然要回答下一个递进问题：我为谁写作？

对于奥威尔来说，愉悦、审美是为自己而写；记录、推进则是为他人而作。

为自己写作其实是一件自我满足的事，博客也好，公众号也好，都承载着自己记录、吐槽、倾诉的目的。

史蒂芬金认为：

写作不是人生，但我认为它有时候是一条重回人生的路径。

在他看来，写作是一种坚持信念的行动，是对绝望的挑衅和反抗。

为自己写作固然是好的，但对于有进取心的写作者来说，仅仅将读者局限于自己，很容易用力不足。

1. 缺少评价标准

写作者如果缺少读者反馈，首先很容易落到无法「碰撞」的局面中。

人的进步需要碰撞来获得反馈，就像小球在做布朗运动，有时你很强，你会碰赢别人，有时你很弱，你会被碰翻在地，但这无妨，知道缺点继续改进，改日再战即可。

但无论怎样，一个静止不动的小球永远不会知道自己的软硬，因为它一开始就放弃了「碰撞」这种最基本、直接的评判标准。

写文章也是一样，一篇文章发出来，你觉得很满意，但很多时候这种满意是「完成」式的满意，你写完了它，你有成就感，但这种成就感不一定代表文章的质量，也不一定代表文字满足逻辑自洽且有很高的讨论价值。

所以，如果你的写作只是为了给自己看，这从最开始就失去了一种最原始的互动与评价体系。

当然，你或许会担扰文章分发所带来的不良后果，比如不理性的讨论，阴阳怪气的嘲讽，断章取义的曲解都会让你感到难过。

但这就是一种既定事实，一种一定会出现的概率问题。

巴特在《作者之死》中谈到：

作品在完成之际，作者就已经死亡，剩下的文化创发工作，就是读者的权利了。唯有作者死亡，读者才能诞生，所有阅读活动，都是读者心灵与一个写定的「文本」的对话，价值就在这个过程中被创造出来。

文本使作者意图成为读者阐释的当下话语，文本不再是属于作者的作品而成为属于读者的文本。

敌意总是难以避免，但写作者不能因为害怕就拒绝碰撞，因为只有人看你的文章，才会指出你的问题，才会告诉你怎么改，如果你没有一个耐心的编辑朋友来帮你把关，那我还是建议你把文章发放到垂直社区，做同行互审。

比如你写c语言的内容就放到c语言的网站，这样可以保证看你文章的人，最起码了解你所写的内容，他们有资格评判你文章的质量。

你也需要将文章尽量分发在读者知识储备并不弱于你的平台。

当然，能否友善讨论也是一个问题，如果对方谈的问题你确实存在，只是语气不好，你可能也要接受。对于恶意的评论者，你也不要过于关心，你唯一需要关注的就是他们所批评的事实是否真的成立。

2. 缺少压力

写给自己看，除了缺少必要的评价体系之外，第二个问题就是容易没有压力，这个问题源于作者自身。

缺乏评价体系，自己也无所谓写的怎样，这种无所谓会让你感到轻松，写作应该有压力，但压力不是动力，而是监督力，这种监督力会让你提心吊胆，不敢应付。比如你想让别人给你做同行互审，你首先要做的是尊重你的同行，也就是你的文章不能出现逻辑性的错误，引用的数据要准确，不能含糊，这样可以把一个态度先摆出来，至少文章是用心写的，你的谦卑也会影响到同行对你评判的语气上。

文章写一遍就发出来是远远不够的，你需要反复修改，反复求证，这样才不会被别人轻松地找到漏洞。

没有压力还容易放弃，反正是写给自己看的，如果现在不想写了，也没有什么关系。

3. 缺少价值

最后一点，也是最想谈的一点，无论是文字、播客（声音）、vlog（视频），我们每天能看到的内容其实不少，但有价值的不多。

什么是有价值的内容？是文字的巧妙组合？还是音视频的精致剪辑还是内容本身的实用性？

我认为只要你的输出不完全属于「日记」范畴，就有价值，只不过价值有大有小。

什么是「日记」范畴，比如我看一个vlog，半个小时看主播吃一个鸡腿，这样的视频对主播来说或许是一种记录，但对我来说显然意义不大，这并不是视频本身的质量问题，而是这些内容没有达到我的预期，我希望的是，消费的内容最好有一定的信息增量，或是有新鲜的观点或角度，或是能带来某种愉悦与放松。

最怕的是什么，最怕的是文字没有参考性，没有增量，读者读完很后悔，因为你的文字只是你自己的事情，与我无关，我不关心，你没办法让我共情，你的这次文字登场就是失败的。

那什么样的文字有价值？

从当下互联网环境来看，我们或许缺少一些文以载道的文字。

我们很多时候非常抵触被教育，被教做人，但很多时候，我们并不抵触真理，抵触的只是那些你看不惯，与你价值体系不符的刻板说教。

「我当然会做人，只是不想像你那样做人」。

今天看来，中文互联网文以载道的文字并不多，对当下社会抱有期望的写作者应该通过写作来占领舆论高地，如果你本有这个能力，有这个机会，你不站上去，就会有其他怪鸟站上去，然后聚集更多的怪鸟，我们的网络讨论环境就会变得越来越糟糕。

当然，你深思熟虑写出来的文字，不见得一定会让整个讨论空间更加良性，只是你的缜密逻辑会影响到将要发言、站队的人，从而影响他们的发言方式，讨论公共事务的方式，就像下雨天开雾灯是给来车看一个道理。

总之，一个有追求的写作者，最好不要仅仅停留在「写给自己看的」上，希望你在保证写作质量的前提下，尽量多的去找反馈，这样才能坚持下去，并能不断改进，甚至获得一些物质收入，反哺你的写作，从而更坚定自己的写作决心，多从舆论高地上赶点怪鸟下去。

毕竟奥威尔也是这么想的：

我所以写一本书，是因为我有一个谎言要揭露，我有一个事实要引起大家的注意，我最先关心的事就是要有一个让大家来听我说话的机会。

爬取2000篇少数派文章，这是一份可视化踹门教程

王隐

2019年4月26日 17:18

KEY POINT：

少数派 Matrix 精选2000篇文章
677位作者
110K 点赞，45K 评论
时间跨度780天（2017.3.27 —— 2019.4.23）
从数据角度分析：如何写一篇受欢迎的文章？
无需任何编程基础
教程全文9K 字，配图70+，前四章主讲实战工具用法，五六章为可视化的一些方法论

零、数据可视化效果预览：

一、前言

这不是入门，而是踹门教程，要的就是立竿见影的上手速度。

我们处在一个高度信息化的时代，时刻都会在互联网上留下大量的访问痕迹——数据，小到日常的消费账单，大到一笔一笔的银行流水。

这些留下来的海量数据无疑是对现实世界的简化和抽象表达，但对于大部分人来说，它们只是 Excel 里面的行行列列，不仅可读性差，而且晦涩难懂。

如何提高数据的可读性，很大程度上取决于你看数据的方式，解读数据的方式。

比如，我们可以将抽象的数据再抽象，经过二次抽象的数据变成了图表，反而可读性更高，更利于人们理解。

提到数据可视化，Python、R、D3 甚至是 Excel，能够产生美妙图表的工具数不胜数，但它们大多都有一些技术门槛，要求你至少有一些编程基础，这对于非科班出身的人来说，并不友好。

所以，我希望能减少对技术的依赖，去寻找一些优秀工具，同样能获得不错的可视化效果。

本文需要用到的工具分别如下：

数据收集工具 Chrome 插件：Web Scraper
数据简单清洗工具：Excel
数据可视化工具：Tableau

正文开始。

数据可视化，正如提到的三个工具，它们也代表了可视化的三个阶段，收集、清洗、可视化。就像记者需要提前掌握大量信息，才能更好地接近自己的采访对象一样，数据可视化中比较繁琐的步骤也正是前期的数据收集和清洗工作，由于工具的辅助，可视化反倒不难。

可视化始于数据，有现成的数据最好，但大多时候需要我们自己动手收集，比如文章开头的 Matrix 文章数据。

举个例子，我们现在想对少数派 Matrix 文章进行一个简单的数据分析，观察少数派网页后发现，可以采集到以下数据：

文章标题
文章作者
点赞数
评论数
发布时间

如果我们将数据粗略分为数字和非数字两种，点赞数、评论数以数字（度量）的形式出现，而标题，作者则可以看成非数字（维度），发布时间也是一种非数字（维度）。

我们暂且先对要采集的数据有一个简单的认识，后面用 Tableau 可视化时还用得着。

二、数据采集：Web Scraper

拿到数据是我们的第一步。

我们打开少数派 Matrix 网站首页：

图中红框部分就是我们需要采集的数据。

2.1 Web Scraper 使用流程

2.1.1 下载 Chrome 插件 Web Scraper：

2.1.2 然后打开浏览器的检查模式，或者快捷键 com+opt+i 打开操作台，点击 Web Scraper，并创建新的 sitemap

2.1.3 Sitemap name 起个英文名，URL 填写 Matrix 网址

创建好之后，我们开始选择要收集的数据。

2.1.4 创建选择器

我们先看下需要采集的数据都在什么位置：

可以很明显看到，少数派单篇文章展示上，最外层大框（DIV）把所有元素都聚合在一起，我们需要采集的信息都在这个框子中，所以在结构逻辑上，我们需要先建立一个最外层元素，然后再在其中选择具体的标题、作者等。

我们首先添加选择器，创建最外层的元素选择器，创建完之后选择左下角「save selector」。

这里需要注意几点：

Type 填 Element，意思是你定义它为母元素，我们需要其中的子元素（标题、作者等），最后下载的 Excel 数据才可以一一对应。
勾选 Multiple，意思是收集页面上显示的所有文章数据。
鼠标勾选 select 时，点选你要收集的单页面，一般从第一篇文章开始选，绿色表示确认中，点击后红色表示已选中，选完一个再选下一篇文章的区域，这个时候就会发现，页面中所有的文章都被自动选中了。
选区正确的话，会在 Data preview 后显示 dl.artcle-card（DIV 的 class名）。

创建完母选择器元素后，我们需要在它里面创建子选择器来定位标题、作者、点赞等数据。

2.1.5 创建子选择器

我们从母选择器点进去创建新的子选择器。

设置子选择器的步骤和母选择器类似，只不过将 Type 改为 Text，并且不要勾选 Multiple。（所有子选择器都不要勾选此项）

采集作者信息：

采集标题：

采集喜欢：

同理采集完评论数后，我们可以得到这样一个选择器结构：

2.1.6 采集数据跑起来

等网页自动关闭后，就可以从 Browse 看到爬好的数据：（如果没有数据，可以尝试点击下下图中的「Refresh Data」）

2.1.7 下载数据的 CSV 格式：

以上是使用 Web Scraper 的一个基本流程。

2.2「加载更多」的翻页问题

但 Web Scraper 只能采集到浏览器目前能看到的数据，也就是一页面的数据，这明显不够。

如果想拿到更多的数据，就要向 Web Scraper 展示更多的文章。

回到网页，我们可以看到少数派使用「加载更多」来展示更多的文章内容。

我们回到母选择器中，修改母选择器的 Type 模式，将其改为 Element click，意思是需要机器自动点击「加载更多」来「翻页」，将更多的文章数据记录进来。

我们还需要让 Web Scraper 知道谁是「加载更多」这个按钮，和母选择器选区一样，在 click selector 中选中「加载更多」：

这时，从 Element 改为 Element click 后又有两个新选项：

第一个 Click Type 中有两个选项，图所示选项，意思是 Web Scraper 只会帮你点击一次加载更多，另外一个选项则是一直点，点到没有新文章为止。

Click element uniqueness 是指当「加载更多」中的字变成「什么」时，Web Scraper 停止爬取数据，比如文字改变，即「加载更多」变为「到头了」，Web Scraper 就会停止，选项还可以改成当 HTML 改变，CSS 样式改变等，Web Scraper 才停止，不过这里我们暂且选成 Unique Text。

我们再看下 Click type 这个选项，要不就只点击一次「加载更多」，要不就无限点下去，直到触发下面 Click element uniqueness 中的约定条件，不过这两种好像都不太符合我们要求。

点击一次肯定不行，数据不够，一直点下去，网页内容少还行，多的话确实需要等些功夫让 Web Scraper 跑完，而且 Chrome 是否稳定，是否会卡也是个问题。

我们能否只爬取部分数据，比如一定数量，2000条文章数据怎么样？

Web Scraper 本身并没有提供原生的解决方案，而且比较遗憾的是，当选择器 Type 是 element click 时也不能通过关闭跑数据的网页来终止数据，从而收集到部分数据。

不过我们可以通过 CSS 伪类做到。

我们先在母选择器随便选中一个文章页面：

然后在红圈位置改为：dl:nth-of-type(-n+2000)

如果这里不好理解，我们可以换种写法，可能更容易理解：

dl:not(:nth-child(n+2000))

二者含义相同，意思让 Web Scraper 只选中前2000项，前者写法要比后者简洁，优雅。

接下来别的地方不需要改动，跑数据，并将 Excel下载下来即可。

三、洗数据：Excel

我们跑下来的数据有时可以直接用，有时需要做一些处理，通常情况下，洗数据的难度不亚于爬数据，不过本次采集的数据相对来说比较干净，工作量不大。

我们可以先看下跑下来的数据。

前两列是 Web Scraper 自动生成的数据，对于后期可视化帮助不大，可以删去。最后一列的 date 看起来有些问题，有的单元格显示的都是「######」，这是由于 date 日期格式的不统一造成的：

「#####」位置的日期格式：2017/7/4（我们想要的）
其他位置的日期格式：01月21日（不正确的格式）
没有日期：1天前（不正确的格式）

我们先将第二种格式转换成第一种，首先鼠标选中 date 整列，右键「设置单元格格式」，选择自定义，yyyy/m/d：

设置完之后，「####」中的数据可以正常显示，不过格式还是不统一：

我们再次选中 date 列，并点击 Excel 上方 Tab「数据」栏中的「分列」：

这时可以看到，date 格式已经统一的差不多，不过最近的文章，还有「一天前」这样数据格式：

我们可以通过 Excel 自动化处理，也可以自己处理一下：这里要改的数据不多，我们简单手动改下即可，比如将「一天前」改为「2019/4/22」，「两天前」改为「2019/4/21」，「11小时前」改为「2019/4/22」。（可以先鼠标选中日期列，然后搜索关键字「前」，可以快速定位到所有需要改的数据）

修改完毕后，date 格式已经统一了，然后我们开始最后一步：可视化。

四、数据可视化：Tableau

1. Why not Excel?

我需要先解释下为什么没有继续使用 Excel 来可视化。

其实，微软三件套中，Excel 的功能最为强大，定制能力最强，Excel 自带 VBA 编程环境，而且各种模版，各种函数，用好了就是一件大杀器，但遗憾的是，Excel Mac 版本的使用体验并不理想，暂且不说打开数据表格的速度要比 Windows 慢太多，更遗憾的是，Mac Excel 还是一个阉割版，比如 Mac 上就没有 Power Query 功能。

所以有必要再选一个 Mac 平台上的可视化工具。

2. Tableau：不止于可视化，更是BI工具

市面上可视化工具很多，国内也有很多网页端工具，方便，快捷。但我还是选择了 Tableau，首先它很好上手，其次它除了最基础的出图功能外，还提供了很多分析功能，也因此更接近一件半自动 BI（商业智能）分析工具。

Tableau 可以轻松创建和分发交互式数据仪表板，通过简单而有效的视觉效果提供对动态，变化趋势和数据密度分布的深入描述，Tableau 很容易理解为工作工具，其学习曲线非常温和，因为它努力为任何类型的用户提供其所有权力，甚至是那些以前从未接触过可视化工作流技术细节的用户。

对于工具软件来说，我认为大体分为两类：

将业余「专业化」的工具
将专业「业余化」的工具

前者如抖音、vue 这些视频工具，人们通过简单的操作也可以得到不错的效果。（业余专业化）

而 Tableau 则是面对那些不怎么具备专业技术的普通人员，让他们也可以通过简单的拖拽生成图表，它降低了数据分析的门槛。（专业业余化）

Tableau 是一个收费软件，不过我们可以下载它的免费 public 版本。

下载好了之后，我们打开软件，我这里使用 desktop 举例，二者区别不大。

3. Tableau 上手流程

我们把已经下载好的 Matrix 文章 Excel 导进去：

然后我们点「转到工作表」：

可以看到面板上有三个大区：

先看第1大区。

这里需要先介绍一下，Tableau 将 Excel 中的数据识别为两种：维度、度量。

度量很好理解，大多数字都属于这一类，比如评论数和点赞数，图中后两个「记录数」和「度量值」是自动生成的，我们暂且不用管。

维度则是非数字，比如经纬度，字符串等，文章作者名、标题、日期都属于维度。

Tableau 的使用方法也比较简单，直接拖拽或点击数据到表3的行/列中，Tableau 会自动生成合适的图表。

比如我们可以拖拽「评论数」和「作者」分别到「列」和「行」：

点击右边的智能显示可以看到 Tableau 自动生成图表，比如我们选择水平条图表，智能显示的下方文字会提示你还需要再拖动哪些维度或度量才可以生成图表。

我们还可以点击上方的降序图标，让图表降序排列。

记录数是 Tableau 中主动生成的度量指标，它是所有数据的总记录，很多时候都可以用到它，比如我们现在将记录数拖拽到面板的第2区中的标签上：

图表也带上了具体数字的文字标签：

这个时候，我们还有一个问题，作者数量过多，导致图表过长，显示不全，出图效果不好，我们可以使用2区中的「筛选器」精简图表。

比如我们只需要总评论数的前20名作者，这个时候就需要用到排序，我们可以使用Tableau 自带的排序「快速表计算」。

先将记录数拖拽到2区中的标记面板，右键选择「快速表计算」中的「排序」：

再将计算好的总和（记录数）拖拽到上方的筛选器中，点击下一步，进入排序设定，我们设右区间为20:

这样图表就会显示一共前20列。

我们还可以在图表中添加平均值，中位数等辅助线。

将「记录数」和「作者」分别拖拽到列行后，点击左侧1区的「分析」，将平均线拖拽到右侧3区中，会如下显示，将线拖拽到第一个即可：

如果我们想导出图片，可以在软件上方 Tab 「工作表」中，选择导出图像，不过这样的出图经测试不如直接系统截图清晰：）

我们也可以将几张图表进行「拼盘」，也就是新建「仪表板」，在那里你可以将这些已经生成的图表进行排序，位置上组成任何你想要的样子。

如果还需要演示与交互效果，我们还可以将「仪表板」组合成「故事」。

其他的图表大同小异，大家可以自行尝试。

下面讲几个文章开头的图表做法。

4. tableau 实战

4.1 双度量图

这个图表使用了相同竖轴（作者），将点赞数和评论数展示在一张图上，优势是信息量比两张单图展示更大。

实现效果比较简单，分别将度量中的点赞和评论拖拽到3区中的列上即可。

4.2 散点图

散点图用来探讨两个变量之间的相关性，比如我们可以使用评论和点赞数制作散点图，找寻二者之间的关系。

我们从度量中将评论数与点赞数分别拖拽到3区的行/列中，然后在右边的智能提示边选择散点图。

现在，图上什么都没有，我们想在表中相显示作者信息，并且最好能从形状上看出作者与点赞之间的关系。

我们分别从度量中拖拽「作者」到2区的「颜色」和「标签」，不同作者就会用不同颜色显示，也会在图中显示作者名。

然后，再将度量中的「点赞」拖拽到「大小」，图中圆圈的大小就会反应作者收到的点赞量。

然后，我们想研究评论和点赞之间的相关性，我们可以在1区「分析」中引入「趋势线」

这里可以看到两个数值：R 平方值和 P 值。

简单解释下它们的统计学含义：

显著性-P值：P 值小于0.05则表示结果解释为显著，P 值越小，模型的显著性就越高，两个变量的相关性越高
显著性-描述模型- R平方：为模型解释的数据中的方差与数据中的总方差的比率，进行线性回归时，R^2介于0~1之间，越接近1，回归拟合效果越好，一般认为超过0.8的模型拟合优度比较高

这里 P 值较小，相关性模型比较显著，模型拟合效果也还可以。

所以，一篇文章点赞多，评论也可能越多。

4.3 同轴显示柱形图和折线图

该图表一般用柱形图展示某变量数量上的变化，用折线图展示数量增长或降低的幅度，即变化趋势。

这张图，我们需要用到的数据是「发文日期」和「记录数」，也就是文章数。

由于我们数据采集周期是从2017年3月27日到2019年4月23日，为了数据的完整与客观性，我们选择2017年4月初到2019年3月底完整两年时间。

我们先筛选时间，将日期拖拽到2区的筛选器中，选择「日期范围」，并选择我们想要的区间：

然后将1区维度中的「日期」拖拽到列，并且点击列上的日期，让它按月显示数据：

我们将记录数拖拽到3区的行中，柱形图就出来了：

然后我们制作折线图。

将记录数拖拽到2区的标记中，选择「快速表计算」中的「百分比差异」，来计算各个月份之间的相对百分比差异：

然后将其拖拽到3区行上，并将其对应标记选择为线：

之后，我们需要合并两个坐标轴，选择行上最右边的总和（记录数）（三角），右键下拉菜单选择双轴：

图下方显示 null 值，我们点击它，选择从「默认位置显示数据」即可。

颜色也需要再处理下。

我们可以在图中所示柱状图中改变柱状条颜色：

4.4 堆叠图

在 Matrix 发表的文章，都有多少上过首页？

理论上来说，网页并没直接提供这样的数据，这里我根据点赞量做一个简单猜测：点赞量50以上的文章，就认为它上过首页，但这样有些武断，因为确实存在上首页后不超过50赞的文章，这样的结果是，图上显示的上过首页文章可能会比实际值低。

时间上，我们选择2018年全年，数据最为完整。

筛选器选择年份为2018，然后分别将「发文时间」和记录数拖拽到列和行，发文时间选择按「月」展示，标记处改为条形图显示：

这时我们需要解决一个问题：将所有的记录数（文章）根据点赞数0-50和50以上进行分组，才能得到堆叠图：

0-50点赞文章
50点赞以上文章

我们需要用到 Tableau 中的分组功能，选择度量中「点赞」右键创建「组」

多选（0-50）和（51到最后）并进行分组：

分好两组之后，维度出现了新的like（组）1：

我们将like（组）1直接拖拽到2区标记中的「颜色」中，堆叠图就做好了。

4.5 词云图

最后说下词云图的制作方法：

词云图中各个词一般会对应某数值，数值越大，词字体越大。

我们想制作一个根据点赞量显示作者名字的词云图，我们分别将「点赞」度量和「作者」维度拖拽到行列。

然后在智能提示中选择填充气泡图。

最后在2区中将标记改为文本即可：

五、可视化教程总结

1. 低门槛 Workflow

本文的初衷，是希望通过实践建立起一个简单的数据可视化 Workflow。因为在我看来，每个人都应该具有选择工具的权利与能力，来突破隔行如隔山的专业性「代沟」，增强自己的竞争力。

就算在少数派这样重实操，较极客的平台，对大部分人来说，编程还是有门槛，

任何一件事都有门槛，但我们能做的，就是不断把这个门槛降低，让更多的人感受「data is beautiful」。

2. 工具潜力未被完全挖掘

篇幅有限，本文对工具的介绍并不全面，也就是说它们还可以达到更高的水平。

比如我们想要对 Matrix 文章的调性做一个数据分析，其实 Web Scraper 还可以自动抓取跳转链接后的数据，也就可以通过 Web Scraper 跳转文章标题链接，拿到文章页面中「标签」这一维度的数据，从而分析出作者都爱写哪些类型文章，读者又都更偏爱哪些类型文章等。

再比如我们可以让 Web Scraper 跳转作者页面，拿到作者的总写作字数，这个时候就可以配合 Tableau 的参数化计算字段，找到一些新角度，比如计算点赞数/写作字数，就可以看出作者驾驭文字的能力。

这样的角度还有很多，等着你去挖掘。

3. 工具的局限性

再好用的工具也有自己的局限。

相比于 Python、D3、R、Echart 这些「正统」数据处理语言来说，Web Scraper 首先缺少实时性，也就是说它不能每时每刻监控网页上的数据变动，每次爬取数据都要手动开始，也不能提前定时，自动化水平不高，而且数据采集要在 Chrome 中模拟翻页，点击，耗时较长。而且 Web Scraper 和 Tableau 都有一定的性能瓶颈，当需要处理的是百万，千万级别的数据时，软件的响应速度远远不如编程语言。

所以说，工具的出现并不意味编程过时了，只是这些工具也能让普通人上手一些轻场景的数据分析，比如做新媒体，需要分析竞品网站，这个时候工具的优势就体现出来了，从数据采集到分析，都不太需要过多的编程知识。

而对于那些数据量级巨大，网页爬取不便，且对可视化出图样式要求较高的重场景数据分析来说，编程工具会更合适。

最后，简单谈下我对数据可视化的理解。

六、微谈数据可视化

1. 数据可视化的本质

数据可视化有着统计学渊源，但并不是只有严格意义上的传统图表才称得上可视化。不管是我们演示用的图例，还是基于气象模型的 R 语言的专业数据分析，或是好奇心日报的「好奇心小数据」这样的数据新闻，其实都算是数据可视化。

那可视化的本质是什么？

在知名可视化作者 Nathan Yau 看来：

我们手头的大堆数据反映了真实的世界，然后我们对它们进行分析，得到的不只是视数据的关联性，我们还能了解到身边正在发生什么。这些故事反过来可以帮助我们解决真实世界中存在的问题，例如降低犯罪率、提高卫生意识、改善高速上的交通状况，或者只是增长我们的见识。

数据可视化的本质是寻求真相，透过数据——世界的真实反应，来找寻各种事件间的相关性与事情发展的趋势，从而找到一些问题，然后我们才会想方设法解决这些问题，让这个世界变得更好。

寻找问题，解决问题，把你的想法通过图表顺畅的传达给读者，我认为这就是数据可视化的第一要义。

从本文前几章的工具教程可以看出，工具的上手难度并不高，但是如何着手做好数据可视化却很难，换句话说，可视化的「术」很简单，「道」却很难。

2. 「道」即是问题

图片最伟大的价值在于它迫使我们注意到从未预见到的事物。——约翰·图基

当我着手对 Matrix 的文章可视化时，我需要通过不断设问来推进可视化：

我可以拿到什么数据？
我想了解数据的哪些点？
数据背后的问题是什么？我对哪些问题有疑问？
选择哪些合适的图表？

我的回答：

文章标题、作者、点赞、评论、发布日期
最好的是谁？勤勉（发文数）、受欢迎（点赞）等各种排名，时间的变化呢？
先从整体看数据，然后放大到具体的分类和独立的数据点，哪里增加、减少、离群值，数据中的差异与随机性相比是怎样的？
柱形图（排名）、折线图（增长率）、堆叠图/饼图（首页比例）等

当然，在可视化的过程中，你最好围绕一个核心问题出发，有时核心问题来源于你的核心需求，比如对于 Matrix，我的核心问题是：如何写一篇受大家欢迎的文章？

这个问题带到数据解读中，又可以转换成：什么样的文章最受大家欢迎？

我们再回顾下单篇最受欢迎文章：

我们可以看到，最受大家欢迎的文章高度集中在「指南」、「教程」中，一方面这说明少数派的读者都有很强的学习欲望，从而对教程类文章更感兴趣，另一方面，大家送出的「赞」在这些文章中更像是「收藏」，即某种标记，从而可以在需要的时候找出来再看一遍。

这里说句题外话，很多互联网产品，都会将「喜欢」、「赞」与「收藏」联系在一起，会更符合一些用户的使用习惯。（我个人就是把赞当收藏用）

比如第三方微博客户端，墨客：

现在说回来，如果你想开始可视化之旅，最好对已经采集到的数据抱有一个核心需求（你到底想获得什么），这个核心需求会激发你在阅读数据时找到核心问题，从而又能找出更多小问题，这样，你的可视化之旅就会自驱动向前。

3. 你不一定需要炫酷图表

有时我们会见到一些炫酷的图表，比如桑葚图：

还有这样的：（我不知道名字）

它们的共同之处在于生活中都比较少见，人们看完觉得耳目一新，感觉很炫酷。但我推荐大家谨慎使用这样的图表，因为它们过于复杂了，可读性大打折扣，图上的视觉因素盖过了你本想要传达的信息。

文章开头很多图都是比较常见的图表，比如柱状图，折线图，饼图等等，之所以选择它们，并不是因为制图简单，而是它们对读者更友好。

世界上最早的柱状图出现于威廉·普萊菲1787年出版的《商业和政治图集（第二版）》。

描述了1780年圣诞节到1781年圣诞节这一整年的时间里，苏格兰对不同国家和地区的进出口情况。

柱状图沿用至今已经有200多年历史，这意味着它经受住了时间的考验，人们认可它简洁的可读性。

无论是新兴图表还是传统图表，让人们更好理解，更符合阅读习惯的图表就是好图表。

有时图表需要顾及传播性，我们当然可以选择一些新颖的设计，不过最基础的一条要求还是要考虑可读性，你必须简单直接地向读者传达出你想表达的意思。

七、附录

标题是踹门教程，一方面要求上手速度要快，另一方面，就是要有力量，也就是执行性要强，可以通过阅读文章制作大部分图表。

Web Scraper 和 Tableau 都可以导入「配置文件」，比如 Tableau 的配置文件类似于「源码」，你可以看到我在出图过程中所有操作。如果学习过程有不会的地方，可以做个参考，我把它们都打包到了百度云上（见后文）。

Web Scraper 的「配置文件」是一段 json，你可以在这里复制进去，然后可以看到所有的选择器结构与配置，并且可以直接跑数据：

Tableau 「配置文件」为 Matrix.twbx，下载后点击 Tab 栏「文件」「导入工作簿」即可。

这里再推荐一些可视化书籍与工具教程链接，书中的知识是更高级的方法论，从「道」上帮你理解可视化；教程你可以当成查询手册来用，在阅读本文时可以翻阅一些知识点，查漏补缺，

1. 书：

2. 教程：

3. 文章中用到的数据集与工具配置文件：

百度云（提取码：npjr）

4. 可以用来练习的数据集（Excel）：

这里再提供一些数据集网站，你可以在上面下载一些 Excel 文件，然后发动你的好奇心，大胆的可视化。几个例子下来，我相信你一定可以掌握这套低门槛的可视化 Workflow。

世界银行
IMF（国际货币基金组织）
kaggle（推荐）
data is beautiful（Reddit 知名数据分析频道，时常会放出一些数据集，组织可视化比赛，而且还可以观摩很多优秀案例，推荐）

5. 题图：放松一下

最后欣赏一下来自 CLEVER°FRANKE 团队为红牛做的派对数据可视化，它也是本篇文章的题图。

完整图：

这个项目是 CLEVER°FRANKE 受邀与时尚品牌 BYBORRE 合作，在阿姆斯特丹舞会活动（ADE，电子乐派对）上，为派对客人定制的数据可视化。

数据来自于客人戴的手环。

手环上有检测器，可以检测动作、定位、温度、ID、分贝（声音）数据，然后通过联网实时将这些数据传到可视化团队，他们也配备了一套相当完善的可视化 Workflow：

他们用 java 分析数据。Processing creatice 出图。

最后派对结束，每个客人都会收到为自己定制的可视化纪念品。

再看两个效果：

怎么看这些图呢，简单来说，他们用不同的颜色表示温度、活动、位置（维度），用透明度来表示强度（度量）。

Data is beautiful, right?

希望这篇文章对你有帮助。

本文首发少数派，同步 WEB VIEW ,任何人未经许可不得转载。

谈中英文字间距

王隐

2019年4月7日 00:20

对比中西方产品设计就会发现，西方设计会更简约、清爽，留白更多，好像他们并不苛刻于空间的利用效率。

人们试图解释这种差异，譬如归结到环境因素，说亚洲人生活压力比欧洲人大，个人拥有的空间更小，这种空间上的局促也反应到了日常使用的产品、文字上。

也有人谈到基因层次，说亚洲人比欧洲人更能接受复杂的信息。

但这两种说法都很难站住脚，ArvinNing 在中英文排版差异时提到：

生活环境更拥挤，你就更喜欢拥挤的界面吗？
很显然是站不住脚的，而关于人种差异的理论也有问题。人类的神经系统是高度可塑性的，有可能并不是神经系统的差异导致人们喜欢不同的产品，而是不同的习惯导致了不同的神经系统结构。

ArvinNing 认为差异的真正源头在于文字的展示效率，由于英文的展示效率不如中文高，所以英文的简洁只是一种「妥协」，不能在移动端产品上利用有限的空间展示等量的中文信息。

而我在这里，想对 ArvinNing 从中英文组成结构及间距空间方面做个补充，微谈一下两种语言产生这种差异的更深层原因。

在此之前，需要先对中英文组成结构做个剖析及对比。

一、中英文组成对比

文字就像一串可以承载信息的编码，我们对文字解码（阅读）之前，需要先编码（书写），编码之前我们要先知道，都有哪些原材料（最小单位）可以让我们编码，他们之间的层级又是怎样构成的。

1. 字母 VS 笔画

英文中，26个字母为最小组成单位，理论上这些字母可以自由组合。

而在中文中，笔画是最小组成单位，从落笔到提笔，笔尖运动所留下的痕迹就是笔画。

简单来说，笔画由不间断的点和线组成，如横（一）、竖（丨）、撇（丿）、点（丶）、折（乛）等。

2. 词根 VS 独体字

有了字母之后，组成单词还需要遵循一定的规律，这种规律就是以大量拉丁词源为代表的英文词根。

古希腊、罗马作为西方乃至整个人类文明的起源，无论从哲学、文学、数理都对当今产生了巨大影响，而文字作为思想的载体，这种影响更为强烈。

对比英国的英文及罗马的拉丁文可以发现，二者之间存在数量庞大的同源词（词根前身）。

这些同源词（词根）作为英文的基础词，提纲挈领地指挥着字母间的排列组合。

中文的词根则是独体字：

独体字指汉字的一个字只有一个单个的形体，不是由两个或两个以上的形体组成的。这种字大都是一些简单的象形字和指事字。因为这类字是从图画演变而成的，所以每一个字都是一个整体。

譬如日、月、山、水是象形独体字，天，立，上、下是指事独体字。

这些独体字占汉字总体比例很小，当代《汉语大字典》（2010年版）收字60370个，独体字不超过5%。除了作为单字出现，独体字大多时作为合体字的组成部件——偏旁出现。

比如：私——禾、厶兵——丘、八

独体字占比不高，但作为整字的「可复用组件」，重要意义不言而喻。

值得一提的是，在这一阶段，英文词根虽然已经有了基础含义，但未完全成为书写的正式单词，而独体字则已进入日常写作范畴。

3. 整字/ VS 单词

大部分词根需演变成单词才能正式使用，而中文此时已经从独体字演变成更复杂的整字，即我们最常使用的方块字。

整字多由二到三个「部件」组成，这些部件就是上一步提到过的独体字。

独体字：一、人、及、册、事

整字（合体字）：倍、街、衷、国、麟

最后，中英文组成结构如下：

英文：字母（均不具语义，使用性）=>词根（具有语义，低使用性）=>单词（具有语义，具有使用性）

中文：笔画（均不具语义，使用性）=>独体字（具有语义，完整使用性）=>整字（具有语义，具有使用性）

至此，中西文组成对比告一段落。

有了这些书写工具之后，下一步需要考虑如何更好地阅读这些字。

二、文字之间的间隔

人很难掌握高复杂度的东西，阅读大段密集文字同样不是一件易事。

1. 标点、段落与空格

软件工程思维中，可以将复杂逻辑进行拆分，稀释成多个可复用组件，逐个击破，阅读文字也是如此。

有了字母之后组成单词还需要遵循一定的规律这种规律就是以大量拉丁词源为代表的英文词根古希腊罗马作为西方乃至整个人类文明的起源无论是从哲学文学数理领域都为当今留下了巨大影响而文字作为思想的载体这种影响更为突出随着英国的古英文以及罗马的拉丁文相互交融英文和拉丁文之间有着数量庞大的同源词

无论何种文字，都大多会引入标点/段落这种可将长文字拆分成小段的「模块化」解决方案。

有了字母之后，组成单词还需要遵循一定的规律，这种规律就是以大量拉丁词源为代表的英文词根。
古希腊、罗马作为西方乃至整个人类文明的起源，无论是从哲学、文学、数理领域都为当今留下了巨大影响，而文字作为思想的载体，这种影响更为突出。
随着英国的古英文以及罗马的拉丁文相互交融，英文和拉丁文之间有着数量庞大的同源词。

对于英文来说，还需引入空格来分割单词。

iwillgohomeandgotobed

而空格是中文所不需要的。

i will go home and go to bed

2. 为什么中文不需要空格

之所以英文需要空格，原因在于英文字母的粘连性非常严重：

iw ill goho me andg otobed

假设上段英文各个间隔单词都有正确含义，很明显这样的排列组合和最初的意思截然不同，字母间的组合顺序很容易改变单词及句子的意思。

为什么中文不需要空格？

有了字母之后组成单词还需要遵循一定的规律这种规律就是以大量拉丁词源为代表的英文词根古希腊罗马作为西方乃至整个人类文明的起源无论是从哲学文学数理领域都为当今留下了巨大影响而文字作为思想的载体这种影响更为突出随着英国的古英文以及罗马的拉丁文相互交融英文和拉丁文之间有着数量庞大的同源词

上面这段中文，人们从左向右阅读，其实可以借助字的语义切分长文字。

这里的关键点在于中文在组成句子的过程中，人阅读时识别的最小单位已不是笔画而是独体字，这些独体字或整字在句子中出现时，人们会自动向左/右找寻有语义的词组，自动组合，从而解析出整个句子的含义。

而英文组成句子的过程中，人能识别的最小单位仍是字母：

iwillgohomeandgotobed

字母本身不具备语义，人们无法为其做语义化分割，也就无法推断句子的意思。

三、为什么字母不具有语义

现在我们再进一步，问个问题，作为有着类似字组成结构的中英文，为何空格的作用对英文如此大？

1. 李约瑟难题

这个问题类似于李约瑟之问：为什么近代科学在欧洲出现，而不是历史悠久的中国？

对于李约瑟之问，正确的回答从来不是某些看似合理的分析，从而落入以西方为叙述中心的陷阱。

正确的回答应该是作出反问，为什么近代科学出现在西方？

别人都行，你为什么不行？别人都不行，就你行？

上面两个问题，后者更容易得出「行」的背景与原因，而不是分析不行的原因，因为正如托尔斯泰所说，行的人大同小异，不行的人各有各的不行:)

所以，我们现在换个问题，为什么中文不需要空格？

我们仔细观察后可以发现，英语是一维的文字，无论是书写（构造）还是解读上都是按照从左到右的顺序。

英文四线格和中文田字格最大的不同在于中文多了垂直维度的约束条件。

多一个维度的约束条件也很容易理解，毕竟中文整字的组成结构要比英文复杂多了。

中文整字结构：

左右结构：挣、伟、休
上下结构：志、苗、字
左中右结构：湖、脚、溅
上中下结构：奚、髻、禀
半包围结构：
- 右上包围：句、可、司
- 左上包围：庙、病、房
- 上三包围：同、问、闹
- 下三包围：击、凶、函
- 左三包围：区、巨、匝
全包围结构：囚、团、因
镶嵌结构：坐、爽、夹

整字的组成涉及上、中、下、左、右方位，自然需要从「口」字格再分四份，分成「田」字格才够用。

由此可以看出，中文之所以不需要空格和标点，也能勉强识义，是因为独体字/整字比字母多了垂直和水平两到三个维度。

比如，「挣」虽是一个字，但其左右结构，真正对应英文的应该是「to」。

上下结构的「志」，可以对应成翻转90度的「to」。

左中右结构的「湖」，可以对应「and」。

无论是「to」还是「and」，他们在英文中都已具有语义和使用性。

2. 中英文在计算机中的存储方式

有意思的是，这种组合方式还体现在计算机对中英文的存储方式上。

ASCII码中，一个英文字母（不分大小写）占一个字节的空间，一个中文汉字占两个字节的空间。

即：

英文：to=2字节

英文用的半角标点（空格、逗号、句号）=1字节

中文：「到」=2字节

中文用的全角空格（空格、逗号、句号）=2字节

英文：I am going to be home soon, please don’t worry.=35+12=47字节

中文：我马上就要到家了，请你不要担心。=16*2=32字节

无论在书写还是存储上，中文确实要比英文效率高。

四、高效率的背后

中文的高效率，不如说是压缩更多信息量，对相对空间的绝对压榨。

1. 成功的人一定付出很多

假设我们定义1个笔画可以存储1字节信息量。

「懂」有19笔画，也就是有19字节的信息量；

「understand」有18笔画，18字节的信息量。

我们再定义字节效率比=总信息量/所占字节数。

「懂」占2字节，效率比=19/2=9.5；

「understand」占10字节，效率比=18/10=1.8

二者效率比相差5倍左右。

我们现在可以得出结论：

中文在书写和存储上的高效率更多是由于中文笔画有很强的压缩性。

这种强压缩性的笔画，由于汉字间架结构的高复杂度，可以在单位空间内尽可能地二次压缩信息量。

2. 高效率的担忧

尽管中文在展示上有很高的效率，但却远远没有英文易传播。

原因除了英国当时的殖民扩张之外，还有中文相比英文较高的学习成本。

对于一个非英语，非中文语系的人来说，看懂中文要比英文难的多。

中文太紧凑了，各种间架结构十分复杂，书写也更加多维，对新人来说，读和学都要比英文困难。

五、利用字间距稀释文字

探讨完中英文的组成结构，我们或许可以试着从字间距这一角度去理解中文互联网排版上的诸多流行实践。

排版作为「形式」而言，第一要义是服务于功能，即如何让读者更容易接受作者的观点。除去内容质量以及文笔这些内在要素之外，排版能起到的作用在于对中文的高信息密度进行「稀释」，降低人们的阅读压力。

1. 垂直方向的稀释

分段

最简单直接的稀释方式莫过于分段，长文字按照语义逻辑进行分块，每一块就是一段。

自媒体常用的一句一段稀释的太重了，在移动页面，比较让人容易接受的一个段落最好不要超过屏幕的三分之二。

还有一种段之间比较常用的方式是插图，图片作为与文字截然不同的信息展示载体，自然可以充当人们的阅读「缓冲带」。

但很多情况下，图作为更高信息密度载体的身份总是被弱化，「一图胜千言」的效果被弱化，很对文章配图配不上它的高信息密度，止步于「缓冲带」。

标题上下间距

人们喜欢看提纲挈领的东西，原因在于这些承上启下的语句充当了人们的「路牌」。

譬如常用的小标题（H2、H3），它们作为段落的综述，是对下文的高度提炼，人们可以通过这些「路牌」快速领会下文大义，它们很友好。如果将阅读一篇文章比作在高速上开车，那路上的「路牌」就是我们必须高亮注意的信息点。

所以，「路牌」和下文之间的间距关系也同样不可忽略。

简单来说，「路牌」的启下性决定了其与后文的联系要更紧密一些，所以比较流行的实践是将小标题的上间距（margin-top）设置成下间距（margin-bottom）的二到三倍。

同时，小标题下间距最好和段落间距保持一致，这样给人感觉小标题和下文更有整体性。

2. 水平方向的稀释

两端缩进

没有人喜欢杂乱，而在排版中，由于人们的阅读顺序是从上到下，左右方向如果留出空白，可以减轻人们的阅读紧迫感。

比如可以利用两端缩进将正文向中间挤压，呈现文字居中感。

六、字间距只是 Typography 的冰山一角

字体排版能聊的还有很多，合理地控制字间距（广义）只是冰山一角，其思路还是从源头上将中文天生的高信息密度结构进行合理稀释，降低人的阅读压力，而之所以中文不像英文需要词间空格，也是因为高密度结构所带来的高信息量而让独体字/整字在句子中具有可识别性。

Typography（字体排印学）被誉为 Two-dimensional building （二维的建筑），说明其不仅仅止步于对字号、字体、栏宽、行高的调整，而更着力于通过排版让文字更容易辨认，增强可读性，它是技术与美学构成的二维建筑学。

英文的字体排印，比较领先，值得推荐的例子是 The Outline 和 The Padding，前者牺牲了一定的阅读体验来追求极致的网页端排版设计，后者则是交互性上给人留下深刻印象，都值得国内排版爱好者关注。

中文环境下的优秀案例较少， Type Is Beautiful作为其中的活跃分子，也经常通过文章与播客的形式分享中文排版的经验心得。

中文互联网字体排印还处在初级发展阶段，但也因如此，很有可能会出现一些打破常规的亮眼设计，带给我们惊喜。

本文首发WEB VIEW ，同步少数派，任何人未经许可不得转载。

谈后摇

王隐

2019年3月27日 03:37

三月的南方，总是湿润，这样的季节适合听后摇。

我曾在一个网站的自我介绍上打过 POST ROCK 的标签，后来和朋友聊到这个，他说「没看出来你还喜欢摇滚啊」。

他说的对，但理解错了。

我确实喜欢摇滚，但后摇并不是简单的摇滚「分支」，当然也不是什么「后现代主义摇滚」。

如果从时间维度上来看，后摇兴起于上世纪90年代，比摇滚乐的出现要晚上40多年。

1995年，英国乐评家 Simon Reynolds 首次使用「POST ROCK」一词，描述那些用典型摇滚乐器演奏非摇滚乐的音乐风格，用吉他做主要音色和组织乐章，而不是即兴重复段和强力和弦。

解释概念总是徒劳而无必要的。

回到大众的理解范畴来看，国内更爱强调后摇「非人声」的一面，刻意将其与「人声」对立起来。

比如最近育音堂在演的LPA，就是这么介绍惘闻的。

后摇很少使用「人声」乐器。所以国内如果使用这样的词来介绍后摇，对新人是友好的。但这样的描述却肤浅又不准确。

摇滚乐中使用吉他贝斯鼓，更多是因为这样很好配合，吉他负责主音，鼓负责节奏，贝斯负责低音。分工明确，旋律简单，歌词上口，出歌也快。

同时，这也容易出陈词滥调，所以你可以看到网上经常有人只用一套和弦走向，就能弹下来绝大数的流行歌曲，而且还都是C调的。

并不是在鄙视 POP，摇滚发展了几十年，二者早就融合成 ROCK/POP 的类别，你中有我，我中有你。

耐心

说回后摇，后摇使用吉他贝斯鼓与摇滚乐最大的不同在于：后摇更有耐心。

人们更喜欢什么歌曲？或者说音乐的本质是什么：有预期的重复。

很多歌曲现在都会更开门见山，上来直接将副歌前置，把旋律的预期先给你，然后慢慢给你重复感。

后摇就显得有耐心多了，平均时长就要快七八分钟，而且也不会上来满足听众对重复性的渴望，它会徘徊，积聚一段时间后，才会用音墙把最后的高潮引出来。

人声在后摇中就成了陪衬与补充，更多回归到吟/咏唱的形式，而不是传统乐队「主唱」的角色。

当然，这也给后摇带来了一些问题，比如听众如何听后摇现场的问题。

三月，正好看了三场后摇现场，或许可以回答这一问题。

MONO

听后摇很难避开 MONO，正如听摇滚很难避开 Beatles。

如果第一次后摇浪潮以 Mogwai 为代表，那第二次浪潮则必须要谈到 MONO。

后摇发展过程中，也遇到了和摇滚的类似问题：趋同、乏味。

对音墙的滥用，不重视编曲，人们开始厌倦并怀疑这种新兴音乐形式的发展潜力。

MONO 的出现给了后摇很多新鲜血液。

包括国内的惘闻，文雀都有很多 MONO 的影子。

MONO 一定程度上定义了一支后摇乐队的优秀标准到底是什么：随着旋律线的推进，音墙进来之后，音乐的层次不能坍塌。

这需要考验乐者的编曲能力，既要立住音墙，又要保证各种乐器的层次感。

而在现场，也要考验场地的音响效果。

MONO 这次在 MAO 演出，有点遗憾的是，很多歌曲的高潮部分，基本上听不到录音室版本的层次感，大多都堆在一起，被音墙盖过去了。嘈杂、吵闹，甚至都无法分辨各个乐器之间的强弱与分工，就更别谈层次感了。

除此之外，还要回到听众「如何听后摇现场」的问题上。

后摇舍弃了人声，加上国外乐队不熟悉中文，在 LIVE HOUSE 层面，后摇的「互动」环节着实无力。

既不能像电音那样猛甩头，也不能向人声演出那样跟着唱，所以很考验听众对曲目的熟悉度，用先前听过的期望度来弥补这种弱互动性。

MONO 这次是新专辑巡演，大多是新曲目，只有最后一首演奏了招牌曲目《Ashes In The Snow》。

Whale Fall、Chinese Football

育音堂这几年发展迅速，又开了「分店」育音堂公园，国足的演出就在育音堂公园。

国足也是唯一的本土乐队，和观众的互动明显多了起来，但大多我认为没必要尬聊。

MONO 和 Whale Fall 就好很多，很少有停顿和休息，基本没有废话，一口气演奏到结束。

Whale Fall 很出乎我意料，观察乐队的平均年龄怎么也要40岁以上。

不知道是育音堂的音响比 MAO 好，还是国足和 Whale Fall 的编曲没有达到 MONO 那样的层次感高度，育音堂的现场感要比 MAO 稍好一些。

「明亮」与「养分」

欣赏后摇需要听众有足够的耐心，听完乐者的前置编曲，然后再进入音墙，有这样的渐进过程才会凸显高潮的强劲有力。

后摇本身的弱互动性也注定这种音乐形式推广不到大众，但三场看下来，也几乎场场售罄。

后摇曲目大多并不「明亮」，给人感觉并不是一种「积极」的音乐形式，但这大多是对后摇的误解。正如你中意某首歌在于你与乐者的共情，悲伤的你自然会被悲伤吸引，难过的你也自然会被难过拉扯。这取决于听歌的人，而不是音乐类型。

恰恰相反，后摇有自己专属的强大能量，正如碇真嗣第一次进入 EVA 初号机，需要在特殊的水中呼吸氧气，这需要他将恐惧在侵入水中的一瞬间全部克服，后摇也可以将人一瞬间拉扯到某种空间中，在那里，你可以落寞，但随着音墙的递进，你就又被拉出来了，后摇是孤独与低落的线粒体，后摇消化并转化它们，为你滋发出新的养料。

但人们是喜欢后摇最后转化出来的积极情感，还是后摇给了人们一个可以正当享受孤独与冷寂的机会呢？

最后，这虽然不是一个崇尚冒险感的时代，但庆幸的是，也永远不会出现《中国有后摇》这种畸形节目。

谈IOS 12细节

王隐

2018年9月18日 23:39

本文不涉及 iOS 12 更新的明眼可见之处，以及像「屏幕使用时长」这样为主打卖点的新特性。而更侧重于交互体验，UI 设计上的些许提升，或你不认可的那些改变。

通知信息的消除按钮

如无必要勿增实体，主动推送从来不是什么好事。除了添加相同 APP 合并推送外，在消除信息按钮上，苹果进一步提升了交互性，删除的按钮做的更大，点按的难度也小了很多，再也不像以前按半天也按不到那个「X」。

这是进步的设计。

语音备忘录

语音备忘录是少有的也有可能是唯一的在 icon 上做了改动的原生 APP。

两点改变：

icon 上的音轨图从原来的黑白改为现在的红白拼接
红白交接处添加或许为时间「进度条」的指针。指针或为音频剪辑中的时间剪辑点，就像时间的指针，随着它的移动，音频不断推进，你可以在指针停留的地方进行段落的删除，切割，复制等剪辑操作。

进入语音备忘录主屏

或许 APP icon 的指针就是在强调移动设备上的编辑功能。

苹果的很多原生 APP 都处于一种「不受重视」的状态中：日历，短信，邮箱，提醒事项，文件。

原生 APP 在使用体验上有着第三方 APP 不能比拟的优势，简洁的交互，没有乱七八糟的UI，以及强大的系统级支持。

但是人们好像并不重视，或者说发现不到它们的美。

iphone 作为一种录音设备，在音质方面也算是可靠。基本可以满足日常的录音要求。

在移动设备上进行简单的剪辑，苹果或许在鼓励你这样做：别用第三方和 pc，你并不需要。

这是进步的设计。

Apple Music 歌曲内边距

Apple Music 中显示所有歌曲时，每首歌所占的视觉面积都要比以前要大，具体体现在每首歌都比以前加了padding，也就是内边距，把一首歌所占的视觉面积撑起来了。

这个不像前边两个改变就直接定义成「进步」，但在设计领域上下留边界确实是常见的做法。

Apple Music 在用户体验上并不完美，它还有很多可以完善的地方。

这是进步的设计。

后台播放中的锁屏界面

在最新的 iOS 12，后台播放界面从原来的毛玻璃（图二）改为了深色界面（图一）。

如果只是改个颜色，实在很难判定是否是好的设计，但如果对比 iOS 10（图三）的「大专辑封面」显示效果，很明显，iOS 11 和 iOS 12 都是退步的设计。

当然了，你认为「弱化专辑视觉化」是一种退步的前提是：认为图像也是音乐创作不可或缺的一部分。

这是退步的设计。

补充一位读者@34C的观点：

不同意 “弱化专辑视觉化” 就是不认同 “认为图像也是音乐创作不可或缺的一部分” 这个观点。专辑封面确实是创作的一部分，但并不是在每一个界面都要去强调它。在 iOS 10 的时候很多次按了 power 键要看时间，都不能马上看到。还有就是 iOS 11 之后，音量控制条更靠下了，符合单手握机时快速调节音量、包括切换曲目。这些细节都是因为没有大封面图阻挡带来的改进。尊重创作固然重要，但在不同的 UI 中，分清要表现的主次，更符合用户操作体验，我觉得是一种进步。至于 iOS 12 相比 11 改了改色，哪个好看，这个因人而异吧。

其实这个改进于我而言觉得是退步了，但于大部分用户来说确实是进步了。

比如我喜欢以前的大专辑封面，但是大专辑图在用户体验上也有严重的问题。

大专辑图强化了音乐的视觉效果的同时，同时也弱化了时间显示以及下面的通知中心。

大部分用户真的有非要看大专辑图的需求吗？或许只有像我这样的原教旨音乐爱好者才会不分场景的，以牺牲用户体验的方式强行崇尚大专辑锁屏图。

workflow/捷径

workflow 本身作为第三方 APP，它涉及了太多系统级别的操作（打通APP通路），得到了苹果的青睐，被苹果收购，变成了系统级的 APP。

这次的改版：

APP 名字：workflow——捷径
界面

这次 workflow 汉化为「捷径」，或许不是好的设计，因为它会让人感到困惑，尤其是苹果的非折腾用户，中文语境下，你很难将它和「APP通路」联系起来。

workflow改版，界面是好的设计，汉化或许不是。

信息

进入信息聊天界面后，iOS 12 在顶端的联系人位置新增了「通话」「FaceTime」「短信」新入口。

将原先界面右上方的「叹号」取消。

这一改动也减少了在短信中进行更多交流的操作步骤。

iBook

iOS 12中， iBooks 更加拟物化，比如在你的书架中，书封面添加了阴影，模仿实体书的观感。

勿扰模式

iOS 12 中通过上划呼出控制中心后，长按勿扰模式会出现更加精细的控制选项。除了加入规定时间内勿扰之外，同时也加入了「直至我离开此位置」判定是否勿扰。

苹果不只是科技公司

苹果已经是这个星球上市值最高的的科技公司了。

苹果同时也是家设计公司。从最一开始的字体排版，拟物，扁平化，到最新 iphone 官网上对渐变色的大胆尝试，对大写字母小写化的尝试。

每一次，苹果都没有迎合过潮流，刘海屏从一开始的被骂到后来几乎所有安卓厂商的跟进，最新 xs 的官网显示图使用了渐变色的设计，这是以前在国内代表着廉价低劣的 PPT 时代的技巧，苹果的这次尝试好像也效果不错。

设计的本质是创新，所以你才会觉得苹果总是有哪些地方和别的厂商不一样。

再值得一提的是，苹果的这次更新只有1.3G。

补充：关于更新包大小，不同机型下载的更新包大小也不同，网上1.3G，1.5G，2G的都有。

谈长文字展示

王隐

2018年9月5日 12:38

相比于文字，社交平台会更加鼓励人们发布图片视频，其次是短文字内容，如果你想发布很长的一段文字，不同的平台时间流或许在展现形式上有所不同。

不过大体可以通过是否需要跳转分为两类：

链接
展开全文

以链接展示

微信、知乎、微博链接对比

长文字大多以链接的形式存在。比如微信平台的公众号文章、微博头条文章和知乎时间流内链。

知乎加载答案时会使用 Appshell，即在加载过程中先加载文字的「骨骼」（灰色阴影部分），让人心理上有预期，给人感觉加载更快，等待时间更短。

微信则还是采用了最原始的链接形式。

微博的思路是「跳弹层」，PC 端和移动端统一，都是文章页从底端向上划入当前页面。

对于三者的比较，私以为微博文章的展现形式更加合理：

等待时间较短，没有读条
链接所占视觉面积合理
阅读间断感较弱

微博为什么要这么设计，我觉得还是顾及用户「安全感」的考量。

在此先插一个人类对长文字较为抗拒的基因层次解释。

基因层次抗拒长文字

人在本能上会抗拒长文字。Theglobeandmai 最近的一篇文章《I have forgotten how to read》提出了这种观点：

人类的大脑本就不是为了深度阅读而设计，大脑会更多聚焦在视觉上。阅读是需要人刻意为之的一种行为。

这一点或许可以从基因上解释。人类的发展历程经历了狩猎采集，农耕，工业，后工业阶段。而随着文明的演进，人类的生存威胁逐渐降低，生产力逐渐提高。

而在最初的狩猎采集文明，祖先时刻面临被大老虎吃掉的危险。那个时候人们更需要眼观六路，耳听八方的能力。如果我们培养专注力，会降低对周围复杂环境的感知力。比如一位忧郁的祖先一直专注看天上那朵像小熊的云，结果这个时候来了大老虎，那这位祖先就很难活下来。

而那些「多动症」的祖先，眼珠子乱转，一会看这个，一会看那个，反而可以洞悉周边的危险，从而活下来，于是这部分基因被大部分保留下来。也就是我们现在大多数。

阅读需要高度专注，这不是我们基因本身的特性。

保守派微信——原始链接形式

这里只探讨时间流中的文章链接形式，而不探讨主动打开订阅号时看到的卡片流。

因为打开订阅号是一个主动的过程，你带有阅读的意愿，而时间流更多是一个刷（即被动接受）的过程，文章链接展示出来，你或许带有阅读期望或许没有。这里更多探讨后者。

相比于微博跳弹层，微信时间流对文章的处理还是保留了链接这一比较传统的形式，尽管它多了一个小缩略图。

人们对链接本身其实会有顾虑，比如分配时间精力上的顾虑，打开网速上的顾虑，都可概括为对未知的顾虑——我可以在你的平台浏览，但点开链接其实是一个带离本平台的行为，通过内置/外置浏览器打开文章又是一种非常态，是一种不可控的状态，相比与此，人们更喜欢确定的内容。

微信信息流的链接和微博的头条文章，本质上类似，都是一种「阅前警告」，它暗示你接下来的内容可能短时间读不完。

说句题外话，PC 互联网时代下，我们的主流链接打开方式和西方不同，我们网页上几乎所有链接几乎都是「新标签页打开」，而西方大多是「一镜到底」，直接跳转，这或许和我们早期互联网网速不快有关（提前打开许多网页一起等加载），也或许与东西方性格差异有关，坦率的讲后者也可以认为是东方思维在专注力与目标性上的少许「不足」。

链接——标题

再说回链接，人们对链接本身带有谨慎态度很正常，但这会引发一种现象——标题党横行。因为你在平台上看不到 URL，取而代之是标题，只有标题才能体现你文章的内容和决定人们想不想看的兴趣。所以我们的标题为了塞入更多的信息量，变得越来越长，基本上很多标题都会带逗号。

传统链接也在进化，苹果和推特在信息流中的展现方式越加「卡片化」，将图作为视觉主体展现出来，主动浏览微信公众号推送和微博文章也是如此。

apple-card twitter-card

链接的空间性

所以配图又是决定一个链接值不值得点的关键因素。

关于配图应不应该放大，答案或许是肯定的。

从内容量上来看，链接背后是一篇较为完整的文章，但是在时间线上的视觉展示面积，却比不上图片，细想一下确实不太合理。

苹果 iMessage 和推特都采取了卡片式的展现方式，在浏览页面的视觉面积上，链接的重要性被提权。

在时间流中，微博，微信，知乎在重视链接空间性上，微博较大，知乎次之，微信最后。

Telegram 的链接实践

telegram 的展示方式：

文件链接在聊天框中显示头图，链接来源网站，一段摘要
如果文章网页支持阅读模式，则自动开启
取消滑动滚动条，取而代之是文章顶部的进度条

这确实是一种比较好的长文字链接展示方式。

以展开全文展示

还有一点值得说的是「信息流中非链接长文字的展示方式」。即长文字不写在链接里，而是用微博/微信时间流去展示长文字。这样一来，平台会强行截断长文，再显示一个「展开全文」来加载更多内容。

时间流上会显示长文字的前几行内容，是不是很像现在网页文章的「摘要」。

这样反而对用户更加友好，人们不会再觉得自己点击「阅读全文」是不安全，不确定的行为。

因为对比链接，「展开全文」少了一个很重要的不友善过程——当下 APP UI 骤变。

Ajax？

我一直在想人们到底对链接抱有谨慎审视的原因是什么，或者说如何更好的展示可以抵消这种不安全感，我认为主要还是源于「APP 环境的变化」。你在社交平台上打开一个链接，视觉上最大的改变就是此时 APP 的 UI 变了，时间流本是作为展示很多条状态的容器一下子变成了看单篇文章的浏览器——内容的容器变了，展示内容的数量也变了。

「展开全文」是一个折中的选择，在本容器下，APP 本身的 UI 没变，尽管打开全文后会遮挡下边的信息流，但于你而言，你提前并不知道文字会有多长，打开也就打开了，至少对比浏览器那种形式更加能接受。

「展开全文」更像是 Web 中的 Ajax，异步按需加载，用户体验更好。

相比于链接，「展开」对你的打扰会更小，你不会等待链接跳转读条的过程，也不会对 APP UI 突变而感到不安，即使文字内容很长，继续读下去的可能性也很大。

YouTube 的一次创新

在产品层次，如果要讲真正意义上的创新之举，那 YouTube 的「结束后继续播放视频」应该算一个。

创新之举或许要满足两个基本条件：

第一个做，即前无同路者，后有追随者
产生效果：改变用户的使用习惯

YouTube 满足了第一个，值得说道的是第二个，在此之前，人们对视频的沉浸感并不高，一个视频播放结束，这次访问也就跟着结束，而在「无限内容」模仿瀑布流式的设计出现之后，可以让用户更好地沉浸在看视频上，而且在算法的保障下，接下来播放的视频与你当前看的视频也有很强的相关性，而不显得突兀。这一次的创新让 YouTube 在播放数据上很好看。

这或许和「展开全文」有着类似的理念。

Apple Store 展开全文实践

Apple Store 的「Today」推荐：

点击图片后，图扩满手机上半屏幕区域，有很好的沉浸感
点击的瞬间，开始加载图片下的文字，手机顶端有加载进度条，很窄很快很难发现
关闭即上划时，图片缩回原大小

关于原创性

还值得一提的是，如果你在微信时间流里发的内容是复制的，尽管非常长，但微信并不会给你「展开」的显示方式，而是一行文字，点击后跳转全文，微博则没有这种限制。

微信支持你发原创内容，才会得到平台更多的曝光度。

展开全文总结

总之，展开全文在两件事上比链接做的更好：

减少 APP UI 的骤变，减少了用户的不安全/不确定与困惑感
对用户正在阅读时的最小程度的打扰

最后

社交平台中的信息流更多强调「流」的概念，相比于长文字这种阻塞性较强的形式，平台会对短平快的图片视频给予更多的曝光度。

相比于链接，至少在用户体验层面，直接将长文字写进时间流或许会有更好的阅读率。

假装是个设计师2——避雷针

王隐

2018年9月3日 23:58

好的设计大同小异，不好的设计各有各的问题。

本文介绍一些网页和文章排版中的常见错误。

展示过程中会给出错误和正确的对比用例图片，错误用例也会进行具体标注，所以文字描述部分会比较少。

多图预警。

一、网页中的排版错误

1.内容未按逻辑分块

使用背景色将网页不同部分分块，更适于读者阅读。

2.标题上下方间隙不同

不同间隙会产生一种错觉：文章内容由标题决定，尽管每篇文章的重要性均等。也会让网站看起来很乱，

等间隙则会让不同标题显得一样重要。

3.padding 过小

图二中间部分的文字没被「撑」起来，读者很难将上部分与其分开。

插多大的空白呢？至少120px吧。

4.图片上放低对比度文字

原因很简单，看不清字。

图片太亮了，上面文字就看不清。

两个办法：

文字的对比度要大过图，比如用黑色字体
图片暗一点，并且把字放在图对比度最低的地方

5.太多样式

样式太多有一个问题——你到底想强调什么？

尽量一个页面用一个大小的字体，一个颜色，最多两套字体，这样看起来比较简洁。

6.颜色块太窄

避免使用窄颜色快来强调你的内容。比如标题已经很大了，这个时候就不要用颜色块了。背景色行不行？不止标题，还有相关的文字。

7.很窄还放放大量文字

没有可读性，因为读的人看时总要换行。

文字又长，又居中，可读性就更低了。

尽量不要在窄区域放很多的字。

8.居中文字过多

居中的文字很少时，显示效果很好，但一旦字多就不行了。

用户很难有效率地阅读，建议你字体设置大些。（24px以上）

如果你真的有很多的文字，弄个折叠显示，比如「点击显示全文」。

标题后带一段短文字，显示效果还不错。

9.文字对背景图片喧宾夺主

文字尽量不要遮挡图片（下图一文字挡了女孩的脸。），这样会看不清图的细节，也会让文字更不好读。

多尝试不同的位置，比如文字居中或竖着放左边。

10.误用字的行高

大标题的字最起码要比其他部分的标题字高。

图一的大标题要比二级标题小，人们会很困惑：二级标题的内容要比一级标题重要吗？

网页整体要有结构性，从上到下，从大到小。

这有助于帮读者分清重要信息和不重要信息

11.不必要的逻辑切分

全屏图后面接文字，在视觉上给人感觉图前图后应该是两部分。

这个时候在文字和图都加上 padding，那它们看起来就很统一，像一个整体。

12.标题又长又大

大字体适用于短文字，标题要是太长，字体就要小一些，可读性也更高，也能给网页上其他部分留空间。

讲究平衡，网页不只是为了突出标题，还有其他的元素。

13.按钮用边框

透明按钮用边框有意义，彩色按钮别加。

14.颜色太多

太乱，一两个颜色就够了。

15.复杂的导航栏

导航栏目的是「导航」。

不要放没用的信息上去，5到7个足够了。

这个导航栏放的 tab 就太多了。

二、文章中的排版错误

1.不分段

大量篇幅不要写在一段。

经常分段。

多插图，插引用，给读者心里上的缓冲。

公众号现在都恨不得一句一段了。

2.标题上下距离一样

标题上下空出来的距离不要一样，因为标题是对下一部分的启下，即标题属于下部分。

标题上空白要比下空白大两到三倍。

同时，标题下间隔最好和段落间间隔相同，这样给人感觉标题和下部分短路是一个整体。

3.小标题比标题都大

4.间隔不一

图一的作者头像和网页顶栏过近，看起来就像作者属于顶栏部分，而不是下边的文字。

解决方法也是在头像上加 padding。

5.图片说明和图片距离过近

6.小标题（h2，h3）和文字段落过近

段落间隔>小标题与段落间隔，会让人觉得文章整体很松散。

段落间隔<副标题与段落的间隔，看起来好多了。

7.强调的内容离正文太近

关键段，引用，最起码要距离正文75到120px。

还是加 padding。

8.低对比度的内容

如果你想强调你的内容，最起码要讲强调段字体比正文大10到15px，字体也要再深点。

9.字少还用背景色

如果想强调作者信息，可以加 padding，不要用背景色。

也不要在小标题用背景色。

10.全屏图之间有空隙

空隙意义是什么？

11.太多加粗

太多加粗，文章好像断裂了一样，如果通篇都是加粗强调，那加粗的意义也就没有了。

12.太多样式

太多样式很容易分散读者注意力。

13.居中的段落太长

还是可读性不好。

14.标题和图片距离过近

标题和图片距离过近，会让人觉得标题和图片是一部分，其实标题应该是独立的。

设置 padding=60px，再加个副标题吧。

15.滥用斜体

16.居中

图一的标题和副标题都太靠左了。

原文连接：blog-en.tilda.cc

作者：Nikita Obukhov

谈宫斗剧

王隐

2018年8月30日 16:16

宫斗类型电视剧是怎样的影视形式？

它本身需要建构在历史的框架中，但又不会着笔力描写帝王政治，文武，百姓。所以历史更像它的背景音，具体讲什么故事完全看编剧如何发挥，但宫斗的「斗」就体现在剧中演员已经完全遵守了女性独立意识觉醒前的叙述方式。

这也决定了此类型的电视剧并不会在剧情上有过多创新，无论在主线有多少的附加情节，最后总会演变成多位女性为某一男性勾心斗角的「权利」斗争，类似「小三斗正室」。

而观众爱看的也确实是「权利」斗争的过程。

言而简之，此种类型的影视作品本质上是反女权的，因为它们再次唤起了人们脑海的旧秩序，唤起了那个女性并不作为独立个体生存时代下的历史记忆。

但从受众形式上来说，宫斗剧却又与超级英雄题材类似。

一个是给女性看的公主梦，一个是给男性看的拯救世界英雄梦。而后者要优于前者的一点在于超级英雄电影体现了现代电影工业的较高水准。

如若一味指责一项有争议的影视作品，确实就失掉了探讨其背后存在机制的可能，或者会忽略关注「为什么会出现这类作品」和「为什么人们又喜欢」这样更有营养的问题。

在经济学范畴内，问题二本身就已经回答了问题一，因为有需求就会有供给——人们喜欢看，所以就会有人拍。

但实际上却又落入了犬儒的陷阱。

尽管在展现形式上，宫斗剧对历史的还原性不高，但还是以历史剧的形式展现出来。所以或许考虑这样一个问题会更好——为什么历史正剧逐渐被宫斗剧所取代？

这或许和审查有关。

以前出现过优秀的历史影视作品，如《走向共和》《大明王朝1566》等。

它们对比宫斗剧最大的区别就是将描写重心放在历史进程上，比如会刻画某件知名的历史事件，从参与其中的帝王，文武到百姓之中试图还原整个历史过程，并从中建构立体的人物形象，一改我们所熟悉的「样板戏」刻板印象，即好人和坏人开篇就写在脸上。

这也是所谓的还原历史最有力的一种方式，多机位展示一个人所具有的不同特征，脱离了非黑即白的二元论叙述体系。

但和宫斗剧类似的是，他们也会根据剧情需要做出相应的历史改编与夸张强化，比如《大明王朝1566》中的「改稻为桑」。

嘉靖晚年，财政吃紧，亏空严重，朝廷急需开源节流。时任内阁首辅严嵩蹦出来，提出这个改稻为桑的法子。他算了笔经济账，认为改稻为桑能大大提高财政收入，又能应付答应洋人的丝绸订单，是利国利民的好事。嘉靖听后大喜，同意改稻为桑，同时嘱咐不要加税，以示对百姓的关照。
纸面上看，改稻为桑不仅提高了朝廷收入，还振兴了整个织布行业，但坏就坏在你中有我、我中有你，坏就坏在层层下推、不断变味儿。

嘉靖关心能否增加财政收入，而官员关心从中抽成和取悦君主。

「今年青苗已经下去了，要改桑只能等明年，你现在就让我改，不改就毁堤淹田，现在改桑，到时候没粮食吃，饿死了找谁去？难道去吃桑叶吗？朝廷哪能这样做事？」

最后通过此事演变成皇权太子，严党等多方势力斗争的政治戏，而百姓则成为这场闹剧最大的牺牲品。

《大明》很多地方对比历史有夸张的地方，但从一部艺术作品的评判标准上来说，实为不可多得。

讽刺本是艺术表现手法中较高明的一种，它不会明讲某某不好，而是将话的含义尽量隐晦，在点破与不明说之间把握一个较为妥当的尺度。受众听懂后也会会心一笑。

但针砭时事，以古讽今在当今艺术创作空间留的余地已经很少了，甚至几乎没有。「恶毒的针汁银鱼」是不可以存在的。

制片方考虑一部剧最大的点在于能否收回成本。至于其他的暂且先放下，如果拍完一部作品后不知道触碰哪根神经，播都播不了，到时饭钱都发不出来，何谈文创。

既然在文创这个行业要考虑那些本不必考虑的事情，那还不如寻求最安全的叙述体系。

所以很遗憾，文不再载道。

对公共议论空间的压缩或许也可以解释当下网络环境暴戾丛生，阴阳怪气的现象。

原本的发声平台逐渐缩小，明星又如履薄冰，只能说些不痛不痒的话，那言论的怒火只能化于公共空间，你骂我，我骂你来宣泄不满。

总的来说，宫斗剧满足了大部分女性观众的「公主梦」，这本无可厚非，但遗憾是，文创作品也逐渐退出「文以载道」的历史范畴，弱化了人们对公共事务的关心以及向更多的文创工作者指明了这种最安全的创作方式，以后也就更难看到针砭时事的优秀历史作品。

现代摄影改变了我们什么？

王隐

2018年8月26日 02:12

你按快门，剩下的交给我们。

1888年，柯达为业余爱好者发布了一款便携性个人相机，于是我们怀念过去的方式改变了。

相机开始成为记录我们生活不可缺少的一部分。那些宝贵的高光时刻被打印出来永久珍藏，不喜欢的时刻则被我们扔掉。胶片摄影在1999年达到巅峰，那一年，全世界总共出现800亿张照片。

随着智能手机的普及，手机摄影在过去十年帮助我们创造的照片要大于我们以前一共拍的照片。2017年有1.2万亿张照片，现在几乎每天有30亿张照片在社交媒体上分享。

照片实时呈现，回忆实时发生

很少有人可以预见我们与摄影的关系会如此亲密。甚至会影响我们体验和记录世界的方式。我们通过相机看到了更多的瞬间，我们也花了更多的时间看自己的手机，观察别人的生活。

手机的发展也影响了我们体验世界的方式，我们走遍世界去找寻那些值得捕捉的时刻，我们拍了这么多的照片，难怪有人会担心我们的「现实生活」。人们都在说要放下手机，活在当下。这确实也有科学依据。

研究人员发现，强社交习惯会影响我们存储记忆的方式。2018年的一项研究证实，相比于简单的观察物体，人们不太能记得住他们拍了什么。这被称为「拍照削弱效应」（photo-taking-impairment effect）。于14年第一次被提出。

研究人员发现，照片记忆会影响我们其他形式的理解能力。当我们通过相机镜头和屏幕观察现实时，我们只能获得其中的一小部分体验。换句话说，虽然我们「看见」了，但是却失去了其他重要的感官信息。

拍照也是认知减弱的一种形式。我们放心设备会记录信息，我们将部分记忆让渡给数字内存。加州大学圣克鲁兹分校 Jennifer Soares 博士表示：「你不需要记住，因为你知道相机可以帮你记住，就像你拍摄停车位号码一样，你不会费心去记住它」。

我们确实是这样做的，但在大多数情况下，我们不会拍照来记住细节。或许会有摄影师争辩他们并没有认知减弱，尤其是他们认为自己的摄影作品是为展现细节的艺术。

然而在这个照片十分丰富的时代，结果却出乎意料：帮助我们记录更多经历的同时，大量的照片和社交平台也很容易让我们忘记它们。拍照，分享，手指下滑，重复——照片的寿命变短了，手指的一次下滑，那些你没注意到的照片很难再让你看到了。这样一来，摄影开始回归它最初的样子。

1290年，Arnaud de Villeneuve 在一个昏暗的房间聚集了一群人。他们围看墙上的一个光点，这个光点显示出一个图像，但它既不突出也不明亮，却足以让他们回味起残酷的战斗和后来的动物狩猎情景。

Villeneuve 业余时间是一名执业医师和表演者。他创造的那些画面即遥远又亲近。观众会抓住照片消失前稍纵即逝的瞬间来搞清其背后含义。演出结束后，人们欣喜若狂，互相窃窃私语。感叹 Villeneuve 的神奇技术。短时间人们不会忘记这些。

但 Villeneuve 不是魔术师。他只是最初拥有摄影暗箱的摄影师。那个时候的观众体验是最初的摄影感受。

相机将物体转化成了可以连接过去和将来的载体：好的回忆，不好的回忆。那个时候拍照还很奢侈，很少有人可以在镜头前精挑细选，除非我们主动丢弃，否则照片就是永久的。

门槛降低便不再永久

拍摄和分享的门槛变低之后，照片也就不那么珍贵了。我们每天都要接触大量怀旧的照片，以至于它们的影响力也大打折扣——我们并不关心手指下滑看到的大部分照片。难怪社交媒体需要动用算法来帮我们搞清楚什么重要。

然而 Snapchat 的照片和视频很快就会消失，这可能会赋予拍照新的意义。

即将出版的《The Social Photo》作者 Nathan Jurgenson 在2013年写道「短暂的照片是其爆炸增长后的一种文化反应。它可以激起你的回忆，因为它可以让你更快的忘记。」换句话说，照片寿命缩短——改变了它被创造和欣赏的方式。你发布一个 Instagram 故事。24小时就会消失。这种方式下，照片又变得珍贵和有话题性，你需要新的方式来珍视它。

Jurgenson 表示，作为永久性记录的传统照片和社交照片要分开来看，后者更倾向于「短暂性，游戏性和表现力」。当照片容易获得和分享时，它们不再永恒，它们会尽力捕捉当下瞬间的感受，就像人们耳语相传一样。

照片的记录功能仍会继续存在，比如文件记录、摄影艺术和回忆保存。但我们和这个世界交互方式变了，我们不再想捕捉那些美好瞬间，而是直接和它对话。当照片和其拍摄的来龙去脉同样重要时，这种体验是不同的，记下或忘记的瞬间也是不同的。当我在 Snap 上给朋友发照片时，感觉和以前祖母拿出相册回忆过去有着奇怪的共鸣。

这是个摄影新时代，但也许这个新时代与 Villeneuve 的13世纪并无二致。照片被制作成「故事」，他们让我们?，让我们?。我们记录、描绘并筛选它们。

在它们消失前，我们挖掘每张照片背后的含义——就像很久以前 Villeneuve 的观众在那个黑暗的房间里所做的那样。

Medium · by Stephane Lavoie

焦虑与创造力

王隐

2018年8月24日 17:14

大脑生来就很焦虑，并且它们还运转的不错。

之所以这样设计是为了「修复」一些认知上的劣势，这是一件好事，可以促使我们不断发展。比如我们恐惧饥饿、死亡和无意义的生活。于是我们从这些恐惧中诞生了农业，医药和宗教。控制思考能力的大脑分区也会控制人们的创造力，这可不是巧合。

你感到焦虑，觉得自己有问题，焦虑完这件事还有那件事，不能停下来享受生活感受快乐，这不是你的问题，因为或许你对人类大脑和幸福的理解出现了偏差。

我们并不是为快乐而生，比如无忧无虑，感恩，兴奋这些。

我们生来是为了生存而存在，而这种生存表现在创造上。

当我们专注于创造而不是感觉时，痛苦就会减弱。比如专注于如何从已有的存在中创造出我们想要的东西，而不是世界让我们感受到什么。

当关注的焦点不是「我能享受什么？」而是「我能创造什么？」时，好坏变得不重要。

阻碍会变成机会。

人无时无刻都在创造，在阅读这篇文章时，你正在创造细胞和想法。你的呼吸在制造二氧化碳。和爱人共度时光时，你在建立自己的关系。工作时，你在挣钱，创造技能，你总是在创造。

停止创造时，痛苦就会出现。因为你不是在规划人生的下一步，而是在反思你上次做事情的最后一步，你不再去想那些有创造性的机会，你假设已经没有更好的可能性。生活开始失控，你开始采取无能为力的态度，变得无助，但这种痛苦毫无意义。

当我们专注于创造时，痛苦就成为了整个过程的一部分。痛苦也变得有价值。我们不再将自己的情感体验分为「感觉良好的事情」和「感觉不好的事情」。我们将它们划分为「值得做的事」和「不值得做的事」。我们会正视痛苦，也因此进化成长，增强自己应变与思考的能力。

创造力并不是艺术所独有，它也不一定是一时情感的爆发，它可以是一种习惯。

当我们选择养成这种习惯时，我们不再被动，而变得积极活跃。我们不再从别人创造的世界中获得利益和快乐，而是认清自己的使命，完善自己。

原文链接：Medium · by Brianna Wiest

假装是个设计师

王隐

2018年8月13日 22:25

每个 Web 开发人员都会遇到要做 UI 的情况，无论他喜欢与否。

也许你公司没有全职 UI 设计，所以你得自己来。也或许你在做一个 side-project，但你想让它比 Bootstrap 好看点。

你可以说「我又不是艺术家，别要求我太多」，但事实表明，你还是有很多技巧来提高自己的设计水平，当然了，这并不需要你有很好的 UI 技术。

以下是七个提升设计感的简单实践。

一、用颜色和粗细来划分重点，而不是字体大小

文本样式的一个常见错误是过度依赖字体大小来划分重点结构。

「这段文字重要吗，字大点。」

「这段文字不太重要，字小点。」

不要总用字体来控制这些，尝试使用颜色和 font-wight 也可以完成同样的工作。比如：

「这段文字重要，加粗。」

「这段文字不重要，细一点。」

用两种或三种颜色划分你的内容：

重要内容用深色（但不是黑色）（如文章标题）
次重要内容用灰色（如文章发布日期）
不重要内容用浅灰色（如页脚的版权声明）

大多情况，两种 font-weight 就够了：

大部分的文字用普通 weight（400或500）
你强调的文字 weight（600或700）

400 以下的 weight 就别用了；大标题下还可以看清，小字体基本看不清。如果你想用更小的 weight 来弱化你的文字，用更淡的颜色或更小的字体吧。

二、彩色背景别用灰色字体

在白色背景下使用浅灰色字体可以弱化内容，但是在彩色背景下就不好了。

这是因为我们在白色背景下看灰色其实是降低了文字的对比度。

相比于使用灰色字体，让文本接近背景色更能突出文字重点。

彩色背景下，你可以通过两种方法降低对比度。

1.降低白字不透明度（opacity）

白色，低不透明度，再让背景色透过来一点，这样可以弱化文字，又不会在彩色背景下显得很违和。

2.根据背景色自己选一个合适的颜色

当你背景是图片或图案时，这种方法比降低不透明度要好一些。而且降低不透明度显得文字太暗了，就像水洗的一样。

选个和背景色相同的颜色，再慢慢调饱和度和亮度，直到看起来还不错。

3.正确使用阴影

相比于使用大阴影（blur）和暗角来让阴影更明显，不如添加垂直偏移（vertical offset）。

这样看起来会更自然，因为它模拟了光源从上面照下来的效果，这和我们在现实世界看到的一样。

输入框和表格也可以这么用：

阴影设计是门艺术，感兴趣可以看看 Material Design Guidelines。

四、少用 border

当你想划分两个元素的边界时，先别考虑 border。

border 确实在划分边界上做的很不错，但这不是唯一的方法，滥用 border 会让你的设计特别杂乱。

你可以试试下面的方法：

1.box shadow

box shadow 不仅可以像 border那样做到划分边界，而且这种方法更精细，也不会太分散你的注意力。

2.两种背景色

相邻元素用不同的背景色就可以划分它们。

3.加空隙

有没有更好的办法划分不同元素的边界，而不只是简单地增加分割部分？当然有，把元素隔得更远就行了。

五、少用大图标，如果它们本身意义不大的话

如果你在设计一些大图标（比如登录页面的「功能」部分），试试 Font Awesome 或 Zondicons 这样的免费图标集，然后加大尺寸直到满足你的要求。

它们都是矢量图，所以不会在放大的过程中丢失细节。

虽然矢量图不会在拉伸时丢失细节，但本来在 16-24px绘制的图标非要拉伸到三倍四倍之大，真的不会显得很好看，他们会缺乏一些细节，比如不成比例的「矮胖」。

如果小图标可以满足你的要求，可以将它们包在另外一个形状中，并且为形状添加背景色。

这可以让实际图标更加接近预期的大小，同时可以填充更大的空间。

如果有预算，可以用大尺寸的高级矢量图，比如Heroicons or Iconic。

六、边框特写，给平淡的设计增加颜色

如果你不是 UI，怎么才能从你的用户界面中和其他那些好看的设计中脱颖而出呢。

简单却有效的一个技巧就是为某些部分添加色彩鲜艳的边框，这样不会感到乏味。

举个例子，在提醒信息的左边做文章。

高亮导航栏

顶端都加上也行。。

它不需要任何专业的 UI 设计人员帮你，但可以让你网站看起来更「大气」。

是不是不好选颜色，Dribbble’s color search 可以帮你。

七、不是每个按钮都需要颜色

当用户可以在一个页面有很多的选择时，很容易陷入语义化设计的陷阱。

比如 Bootstrap，无论何时添加新按钮，都可以选择不同的语义。

「积极动作，绿按钮。」

「删除数据，红按钮。」

语义是按钮设计的一个重要部分，但有一个更常见的重要维度被忽略了：重要性。

页面上的每个操作都处于金字塔的某个重要位置。但大多数页面只有一个真正重要的操作，一些不太重要的次要操作，以及一些很少使用的三级操作。

设计这些动作的时候，更重要的是理清这些按钮谁更重要。

重要动作应该突出，加粗，高对比度。
不太重要的动作应该清楚显示，但别太主导。用轮廓线，低对比度背景色。
三级操作可见即可，但不要引人注意。像链接一样处理吧。

「删除按钮呢，应不应该总是红色？」

没必要，如果它们不是页面中的主要操作，处理成二级或三级按钮即可。

保留大、红，粗样式在那些以负面操作为主的页面上，比如确认对话框。

原文链接：7 Practical Tips for Cheating at Design – Refactoring UI – Medium
作者：Adam Wathan & Steve Schoger
编译：@王隐在录音

博客毁了Web？