**像素级细节也适用于Grunge风格: AvalonStar
译注:Grunge风格有“做旧”、“迷幻摇滚”、“做脏”等几层意思在里面,算是平面艺术中的一个流派。
下面的例子是漂亮的AvalonStar:Distortion(扭曲)主题博客,有着更赞的grunge风格。不过,即便是肮脏做旧的grunge风,利用1像素高光也能创造大不同。下图的Example 1 处,上面的棕色区域有一个渐变阴影,下面的绿色区块的更部则有着一条1像素高亮线。阴影与1像素线的结合,让这些区块显得更为精致。
**细节小贴士
要在这一技巧上达到**,不断的实践尤为重要。如您所见,一条1像素线这么简单的东西就能给设计添加非常酷的深度感。你甚至不一定要用到那些倒角或渐变,费尽心力做一些实实在在的置于某对象之上的效果。
[i]一定得是细节
小细节完善内容感官是关键。
[/i][i]思考像素级问题
描边、渐变、线条、阴影等等,不用太宽大也能有效增强设计。
[/i][i]前后对比
应用效果后注意与没有这种效果之前进行对比。如此你就能知道这些细节到底带来了哪些改观。
[/i]
03. 文字排列与字体选用的诀窍
尽管设计师大都不会亲自撰写网站的实际内容,不过他们对于内容的整体品质仍然至关重要。网页设计师的作用就是要保证内容的展现方式足够易读。有很多方法能保证你的字体易读易用,不过我不会给大家列一些该做什么或者不能做什么的规矩和条款,我带给大家的是一些聪明运用字体的实例和分析。
仔细考虑了字体的实例
The Netsetter上大而漂亮的字体
网页设计中,标题很重要,对于博客设计来说尤为如此。更近流行在标题上使用大而粗的字体。这样做有很多好处,不仅能提高特定内容区块的可用性,而且有助于组织设计中的空间和结构。 Netsetter 在这方面做得非常好,如您所见,标题字体很大,周围有大量留白,十分易读。
行间空白和字符间距
Viget 的网站是字体究竟对网页设计有多重要的**实例。下面的截图来自他们的作品集展示页,再一次展示了大字体是如何帮助创建开放空间的。即使是这种清爽的细线体,他们也使用了宽阔的空白。另一个值得称道的地方是他们对于行高 (line height) [行间空白]的的更妙选择。行间距被设定得比默认值大很多,大大增强了文字可读性。也许下次你可以在自己的设计中也试一试这个技巧。
Web Design Ledger, 配合情绪的字体
要找到**的字体需要不断的尝试和失败,或者你还可以根据字体所代表的“情绪”来选择字体。下面的例子,Web Design Ledger, 在给人以复古和做旧感的同时,也饱含开放的情绪与现代感。他成功的关键就在于选择了能唤起人们相应情绪的字体。Henry Jones (该站的设计师) 为标题选择了一种流行的传统衬线字体:Georgia,为怀旧复古风的实现提供了很大裨益。现代感则来自与标题完全不同的字体——主内容使用的Helvetica字体,一种无衬线的、滑溜的、开放的字体。
页设计师的作用就是要保证内容,谢谢围观。