前端观察又改版

前端观察又改版

14 January 2015  on [前端](https://www.qianduan.net/tag/front-end/)   

标签（空格分隔）： Web设计

---

最近学会了sketch，然后就试着给博客改下版面。

然后等我画完设计稿后，发现竟然和早期的前端观察模板非常像！对比一下：

现在

前端观察-now

过去

前端观察-former

这说明了我还是从前的样子么？

简单说一下中间的一些想法：

• 我是字体控，所以这次对字体比较讲究，英文字体使用了Helvetica Neue，中文使用了兰亭黑，字重都是100，嗯，超细体，在Mac下表现很赞，字重使用了400，100太细更适合有设计感的原生，而不适合内容。但这些都不影响windows，windows默认字体会是Tahoma和微软雅黑，字重400。
• 然后logo却用了华文仿宋和宋体，我觉得像宋体/明体这种字体在字号比较大的时候很漂亮，低调优雅。
• 主题使用了Flatly的配色
• 考虑比较多的易用性和易读性，所以依然采用了两栏的布局

没有考虑IE浏览器，无论哪个版本，Windows实在是令人不解诶，这么多年了连基本的字体渲染都做不好，你看不管哪个中文字体小于14号时看起来都那么粗糙。所以windows用户也没法体验100字重的超细效果——手机倒是可以的。