45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

设计技巧心得:字体与图像和谐一致(2)

电脑软硬件应用网 45IT.COM 时间:2009-10-17 11:49 作者:陈汉聪

Times Roman 字体

Times Roman 字体无疑是非常受欢迎的一种字体(甚至是很多电脑中排在第一位的默认字体),它具有很精细的细节及粗细变化的线条,但其精雕细刻的线条及呈规律变化的线条粗细也使其呈现一种整齐划一的视觉效果。其衬线收尾处过于精细(见上图第一张),甚至让人感觉到如果你用手指去碰它们,这些精细的衬线会象一枝针刺伤你的手指。所以对于我们那棵充满生命力、有着很多圆弧转角及天然特性的树木图片来说, Times Roman 字体并不是最佳的选择。

Bauer Bodoni 字体

这种字体充满现代气息,但我们要留意它的细线条、细节元素,特别是字母与字母并排时所形成的纹理,如果你拿这种字体与树木图片对比时,您会看到他们两者有相似之处吗?

上述三图同样是我们以近、中、远三种不同距离来观察文字。作为一种现代字体, Bauer Bodoni 字体其线条变化非常大,在不同的字母中,其粗线都是一样粗,其细线也是一样细,这种字体广泛应用于服装界及财经界的设计领域,但它们尖锐的边缘及几何形的精密同样给人一种机械感及整齐感,过细的线条在以较远距离观察时,几乎难以辨认。与我们树木图片所呈现的柔软感性的纹理同样不搭配。

通过上面所述,你是否已经学会如何去看一件东西?其实这个过程是训练眼睛的一个过程,一旦你学会以这种方式去观察每一件东西,那你已经前进了一大步。在这里,我们要说到 Gargoyle 字体——亦是我们树木图片最佳搭配的字体。

Gargoyle 字体具有一种人文气息及手写体的风格,但它同时具有一种标准的比例及旧体的风格,字体细节丰富,而且不同字母的各个细节变化无规律,线条粗细变化并不明显,它朴实无华的线条及圆弧转角的细节给人一种温暖、变化及生命力的感觉,而这一切,正象树木图片所呈现的风格。这就是我们要选择的字体。

应用

在排版上,应该顺应图片所呈现的特征——在这个例子中,树木是笔直的,所以我们在文字安排上也可以利用这个特点,无论是正反版面,文字都是居中对齐,由上到下,呼应了树木的结构特点,在反面中,文字区域边缘所呈现的无规律轮廓同样呼应了树木的轮廓。

每一个元素的安排都根据树林的特点来安排。卡片是垂直摆放的,文字从上到下,就象树杆给人的感觉一样,首先安排 LOGO ,底部是电话号码,中间大片留空的区域让眼睛有放置的地方。而在背面版式中,相同的树木元素再次出现,但尺寸却较小,而且留意一点,在背面中, LOGO 下方并没有名称,这样使人不会搞不清哪一面才是正面。多行文字既容易阅读,也模仿了树木的轮廓。这个时候,无论是树木、字体、版式及颜色,都呈现了一致的视觉效果:

本文所用颜色数值:

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
你可能感兴趣的文章
推荐知识