【原创】小小的设计感:&

有些人觉得本站站头的那个“ & ”很赞,问我是怎么回事,其实本站倾向于极简设计,所以这个不过是一个文本“&”的字体而已,来源于smashing book的一本书《众妙之门:网站UI设计之道》的介绍,直接拿来主义了。

本文对这个小小的设计感做个记录

& 的灵感

CSS代码如下:

.logoand{color:#E34F26;font-family:Baskerville, Palatino,"Book Antiqua",serif; font-style:italic;}

这段小小的代码就带来了这个 & 字符的一个优雅的呈现

追根溯源

这个小小的设计感来源于 Use the Best Available Ampersand ,这篇文章最后被smashingmagzine在其出版物《众妙之门:网站UI设计之道》中引用,我刚好在书城随便翻翻时看到,觉得挺好的,就拿来主义了。

一点想法

带宽再宽,再便宜,图片都是昂贵的,这个昂贵的实质是“过度设计”,所以我一直推崇极简设计,您可以看出,本站的标题是文本不是图片,导航是简单文字不是级联列表,内容是文本不是数据库,布局是单列不是多栏,像素适配没有用媒体查询,所有这些都是为了减少干扰,专注内容,提升性能。

一点遗憾

可惜这个字体应该不是安全的web字体,在PC/Mac上还行,手机似乎支持的就不好了,只能降格为普通斜体字。