我的个人博客：www.moonkite.cn
大家好，我是风筝
上次发了 程序员如何设计logo，如何找Icon和插画（绝对干货）之后，发现大家很喜欢，看来每个程序员都有做自己产品的梦想。
今天继续啊，我这两年没事儿自己鼓捣一些东西，大多数都是 Web ，只要是 Web （APP也一样，直只不过更有难度一些）就会涉及到页面。一说到页面就到了我们的非舒适区了，前端的同学还好，尤其是后端的。
拿我自己来说吧，不管是写 Java、Python、C#都好说，写JavaScript、TypeScript也还好，因为这些都是写逻辑，但是一到写样式就完了，相当长一段时间内我都觉得CSS是最难写的东西。相信懂的都懂，难点肯定不在于语法，语法一学就会。难的地方在于你用CSS画出的样式要能看，这就不单单是语法、逻辑、技术的问题了，要升华了，难的地方在于布局是怎么样的、配色是怎么样的、字体字号字颜色、间距等等，但归根结底还是审美的问题。
审美不是一天就能培养出来的，但是是有规律和规约可循的，只要按照某些规则来，不能说设计出多么惊艳的东西出来，但最起码是合格的、舒服的。
看一下下面这个图的左右两个风格，左边基本上没有排版，右面加了边框、背景色、字体颜色，是不是效果马上就不一样了。
下面进入正题了，今天来介绍两个非常好的界面设计规范，都是简单直接可直接操作的规则，绝对不是什么形而上的内容，反正我看过之后有种相见恨晚的感觉。
Web 界面指南
这是一份开源的 Web 界面设计文档，文档不长，从交互性、排版、动画、触摸操作、优化、可访问性和设计等几个方面给出了非常有用的规则。
在线地址：https://interfaces.rauno.me/
有一些是规范性要求，比如字体粗细不应低于 400，还有就是能直接使用的样式属性，比如 -webkit-font-smoothing: antialiased和 text-rendering: optimizeLegibility的属性，是用来设置字体抗锯齿效果的，原谅我孤陋寡闻，以前做的页面有大段文字的时候，总感觉看起来不太舒服，自从我加上了抗锯齿效果后，效果明显好很多，尤其是大段大段文字的情况下。
下图右边是开启了抗锯齿效果，看上去更舒缓、清晰一些，看图可能一下感受不到，可以找个页面自己设置直观感受一下效果。
建议收藏起来，等到写页面的时候拿出来参考一下，能少走不少弯路。
《写给大家看的设计书》
这是一本将平面设计的书，目前最新版是第4版，虽然是讲平面设计的，但是读下来你会发现，这其实就是在说网页设计，因为网页也是一种平面排版。
同样的，这不是一本讲理论的书，而是切切实实的教你如何布局、如何排版、如何设置字体的一本书，类似于速查手册，但又比速查手册更直观。
上面是它的一部分目录，比如用一章来介绍对齐，里面会用好多示例对比图告诉你不同排版方式展现出来的效果，让你能直观的感受哪种是美的，哪种是没那么好看的。
比如后面说两端对齐的，我非常同意这个说法，作者介绍说「不论这种对齐方式叫什么，都要尽力避免」，别不信，真的有设计师会使用两端对齐的方式，还有在 Word 中，个人感受，这种对齐方式简直丑到爆。
最后
上面介绍了一个在线文档和一本《写给大家看的设计书》，如果你打算自己做做网页，建议你一定要读一读，每读一章都会有种茅塞顿开的感觉。当然不可能马上就能学会，还是要到实践中去用。
就算不做网页，写PPT也能用上，如果做自媒体的话，自己做封面也能用上，就算从成熟的自媒体封面模板中选择，也能选择出好看的那个，而不是选到一个丑的。
还可以看看风筝往期文章
用这个方法，免费、无限期使用 SSL(HTTPS)证书，从此实现证书自由了
为什么我每天都记笔记，主要是因为我用的这个笔记软件太强大了，强烈建议你也用起来
古时的风筝，一个程序员，一个写作者。
