看不懂编程书？猴司的设计师为孩子们打造了一本“电影书”

猿编程入门班第5期开售在即，偷偷告诉大家，跟课程配套的随材全新升级啦！想问我，新随材什么样？暂时保密啦。

今天，小猿带你探访猿编程的设计师小姐姐，看看她在设计给小朋友看的编程烧脑书时，都花了哪些小心思！

1

一本都是图的全彩书

在排版之前，设计师团队参考了很多其他的编程书籍，结果发现：参考价值为0.

所谓的全彩印刷，其实是这样的：

配几个彩色插图，就说是全彩印刷！

具体到一个程序代码的展示，居然要解释这么多！

“大人都很难看下去！”看完市面上的编程书，设计师小姐姐不由得感叹。

为了找设计感觉，她还跟着上了一节编程课。猿编程的课程确实简单，照着做就可以了，这给了她不少信心。

她找来了老师们的授课讲义，发现讲义上全是各种屏幕截图，还有各种框出来的解释，眼花缭乱。

这要怎么排？通常市面上的书都是在图上做数字标记，然后用一大段文字去解释，这是什么意思。可9-12岁孩子识字并不多，用语言表达的话，孩子们不一定都能看懂，即使看懂，理解程度可能也不同。而且如果出现图和注释不在一页，看起来就非常费力。设计师团队讨论了好几轮，决定做一本全彩电影书，高度还原编程过程。

为此他们选择了16开的大开本，能够清晰还原编程页面的截图细节。他们试过在图片四周加注释，为了不让注释遮挡图片信息，只能缩小图片。“那孩子就得很努力才能看到图片上的字，这不是我们想要的。”推翻了这个方案，他们最后决定把注释统一到每一页的下半部分。

这样一来，翻看学习手册就像是在脑中过电影，每一帧都是电脑截图，还有什么比这个更直观吗？虽然从设计师的角度，增加了很多工作，但显著降低了孩子们的阅读门槛。

2

好看 VS 好用

“最开始设计的时候，就是想怎么好看，后来发现对孩子来说，怎么引导更加重要。”设计师小姐姐回忆。

通常，她会用很相近的颜色去做搭配，这样不会显得特别突兀，也符合他们在视觉上做简化的原则。这几组赏心悦目的扉页就出自小姐姐之手：

小猿学编程必过的四大关卡：知识、演示、任务、挑战。

对于有审美癖的设计师来说，给代码做注释真的只能用“自残”来形容。为了让孩子更准确地理解代码的含义，每段代码都被分割成好几种颜色差异很大的片段。

所以你能看到大量这样的设计：

实际教学时会发现，小孩子特别容易漏掉代码中的小圆点，注释里必须对这一点做出特别强调，这已经是设计师小姐姐能调出的最好看的颜色了，为了能让孩子们一眼get到重点，这是必须做出的牺牲。

3

一些小心思

考虑到小学三年级的孩子还不认识太多英语单词，设计师把每个单元涉及到的英语单词单独总结成了一页。

所有的注释文字，他们也会仔细检查有没有孩子不认识的生僻字，用更常见的字词替换掉，可以说非常细致了。每一期课程结束，课程都会升级一次，教材也要跟着升级，第五期入门班还没开卖，设计师小姐姐至少已改过6轮。

每个单元结束，贴心的设计师小姐姐给孩子们留下了做笔记的地方，哇，这么宽的行距，原来你知道孩子们喜欢写大字啊！

最后来一张设计师小姐姐和电影书的合影！