电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
[组图]设计技巧心得:字体与图像和谐一致
设计技巧心得:字体与图像和谐一致
2009-10-17 11:49:44  文/陈汉聪   出处:logo设计在线   

Times Roman 字体

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

Bauer Bodoni 字体

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

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

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

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

应用

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

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

本文所用颜色数值:

上一页  [1] [2] 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号