|
阅读：0回复：196
University Roman-极具古典魅力的字体~
[i=s] 本帖最后由 小宇很厉害 于 2015-8-9 12:32 编辑
每个人都有自己喜欢使用的字体，但你喜欢的字体并不可能在任何时候都适合使用。只有样式特点与合适的图案相结合时，才能发挥出字体的力量感。[size=16px] [size=16px]有时候你无意中看到某种字体便一见钟情，希望立即就将这种字体用在你自己的设计上。但在你决定使用之前，你是否了解这种字体的线条、形状及细节是否也适用于其它的设计上呢？ [size=16px] [size=16px]我们如何作出决定？有时观察一种字体就象在观察一个人的面孔。虽然每个人都有着相同的五官，但我们往往是通过一些细节来辨认某个人的，如眼眉，嘴唇及性格等。同样的，我们需要让某种字体与其它元素互补时，才能真正发挥字体的个性及魅力，否则你使用的字体可能会显得不合事宜，或者仅仅是有趣而已。 [size=16px] 1丨University Roman字体 [size=16px] [size=16px]走在蒙特里著名的罐头厂街的游览胜地时，你会看到University Roman字体出现在这家精品店的招牌上。但这种字体给人的感觉与这家商店却并不搭配，University Roman的字母呈现一种不规则、繁琐的卷曲线及非常幼细的衬线，倒象是你一身狂欢节的打扮去参加一个政治或科学的课程班。这种字体可不是用在这里，它可是要去参加舞会的！让我们看看如何才能在恰当的地方使用这种字体。 [img=480,324]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/zHWlRzq*QVhM*artaoSLGEEq63cLDzdZ7nYITRzfJBM!/o/dA3E1F6MLgAA&bo=4AFEAeAB4AEDAIE![/img]
[size=16px]2丨字体观察 [size=16px] [size=16px]将这种字体所有的字母都打出来，然后在上面写上你看到了什么。为什么要写下来？因为要确保你真的已经对这些字母作了仔细的观察。 [img=480,260]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/ppRfmDB0YAf*64V5ufp0aEOjL9Ud2wmLVi*GjbzQxv4!/o/dPO71F4MKwAA&bo=4AEEAeAB4AEDAME![/img]
[size=16px] 3丨细节观察 [size=16px] [size=16px]University Roman字体飘逸的结构使其呈现一种手写体、充满圣诞节气息的特质，这种字体非常适用于在一些奇幻或浪漫的主题中使用。 [img=480,444]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/8S05ticzuzgbkyPOwp1A*TFLOCStNDNX2caC6pmiMKo!/o/dHTwm12uPgAA&bo=4AG8AeAB4AEDAHk![/img]
[img=480,465]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/nXED0aPD*gxo3WkAZRTcmNQLeY8RpUzc.ibgQ8Lxiyk!/o/dHHWlV2NRQAA&bo=4AHRAeAB4AEDABQ![/img] [size=16px]4丨优点与缺点 [size=16px] [size=16px]University Roman字母的构成显得非常不规则，而且有很多装饰细节，这注定了这种字体具有良好的展示性及讨人喜欢的面孔，但却并不适合作为正文阅读。要确保在使用时字体尺寸够大。 [img=480,380]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/5KuJOUsCGzzOGLhLJ7Si7qCLddNJNFSaA6E1bvOX9R4!/o/dJV4ml3yQgAA&bo=4AF8AeAB4AEDALk![/img]
[size=16px] 从上面的比较中我们可以轻易看到，University Roman如果作为正文，将会让人看得抓狂，正文的字体我们一般要采用具有固定节奏感的，而且不过于张扬的中性字体才最合适。University Roman作为非常简短的标题或提要时则完全可以胜任（如图下所示），但如果你的文字超过一句话，你还是少用为妙。 [img=480,439]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/UBqK58lShZvnJyMeyCUEPZtgIq0lVjeCk3gX4aVtvss!/o/dB2FNF5ULgAA&bo=4AG3AeAB4AEDAHI![/img]
[size=16px] 5丨在实际中应用 [size=16px] [size=16px]在实际的设计中我们要使用这种字体，最大的挑战是如何将字体与图形元素完美的二合为一。我们先通过两个已经完稿的作品来讲述设计中我们的一些思考。 [img=480,322]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/pe6YaCuPEQOMIEL2SRrEaNd0OiAfNLig.Rhh.DySNRg!/o/dAIcOV4BLAAA&bo=4AFCAeAB4AEDAIc![/img]
[img=480,380]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/A5cBMzL7vywZ0YHEhNYG1PeeM1fcSS6Z7CzzrAgHS9c!/o/dLGbo10QRwAA&bo=4AF8AeAB4AEDALk![/img] [size=16px] [size=16px] [size=16px]上面两个卡片都设计得非常漂亮，无论是字体的线条、形状还是颜色都与图形元素紧密配合，整体上都呈现一种自然和谐的气息。单独的文字及单独的图形都有各自的力量，但如果两者搭配，完全可以达到一加一大于二的效果。 [size=16px] 6丨寻找文字与图形的共性 [size=16px] [size=16px]圆形：对于一些本身就是呈圆弧形的字母我们可以轻易地发现圆形的存在，但也请你留意一些细节，对于一些字母中的留白空间、曲线包围的区域等同样也具有圆形的结构特点。 [img=480,324]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/oNLnSQfZlNRYvxDFt*Czd4oJsMEFdlLqBsgwaZETTGI!/o/dId4Ll4iLgAA&bo=4AFEAeAB4AEDAIE![/img]
[size=16px] 图片下方的说明文字我们是采用另一种字体（Futura字体）作为正文，这种字体没有这么花俏，适合于尺寸比较小及文字比较多的时候阅读。有趣之处在于，虽然这种字体与University Roman相差非常大，但圆弧形的结构仍然是这两种字体的共同特点。[size=16px]图案中那些滴珠状的元素与S这些字母中里面的负空间区域是非常相似的。 [img=480,183]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/WvsXYf*ezitmLUPKrPi7M3G.0o7eHjWEuYZ3x43y.KU!/o/dIMSyl7KKwAA&bo=4AG3AOAB4AEDAHM![/img]
[size=16px] 7丨利用颜色及“边缘”结合文字与图形 [size=16px] [size=16px]在这个设计中，文字与图形粗看是分开摆放的，但其中的文字区域与图案的边缘是紧密结合的，然后再用漂亮的渐变色来联结两者。如果[size=16px]使用颜色结合，紫黄渐变及青绿渐变都显得清新明亮。从图案中分别取色然后在包含文字的整个图形上应用渐变色，使整个版[size=16px]面都透着一种自然的光辉，也将所有的元素都完美地结合在一起。 [size=16px] 相关软件丨点击下载 [size=16px]《 [size=16px]屏幕拾色器》[size=16px]。 [size=16px] [color=rgb(0,0,0)][size=16px][img=480,261]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/AXkl7jhT4DfWVn*30wtMxGRZIqEl1LXIm*hRs3MQgJw!/o/dN0Ox15tLwAA&bo=4AEFAeAB4AEDAMA![/img]
[size=16px] 如果使边缘结合，将文字紧靠图案边缘使两者产生浑然一体的感觉。你并不需要使用精细的参考线去做，只需凭你的眼睛的感觉完成即可。这样的结合还使图形边缘处一些过于琐碎繁杂的细小元素被忽略。 [img=480,338]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/m6QmltCjfSySEYRmsfFNt9XwC6pN0DYiz9b6DNGLcpM!/o/dJhsl10mRAAA&bo=4AFSAeAB4AEDAJc![/img]
8丨在卡片上排版 [size=16px] [size=16px]版面意味着一种限制及约束！我们通过在对角复制一个小元素来平衡整个结构。 [img=480,463]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/dJ7qPgbzKg5u*BpOeLpDteeLI3BT85Dq*tT6FUCN5.A!/o/dMYKn10SPAAA&bo=4AHPAeAB4AEDAAo![/img]
[img=480,436]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/wDNCMux8EUzmiXjU8qQU1AjQcf6clAeELuLtwPw*cy4!/o/dKL3L17nLgAA&bo=4AG0AeAB4AEDAHE![/img] [size=16px] 现在我们再来看看第二张卡片的设计过程，[size=16px]对于第二个设计，整个设计充满一种宫廷、神秘及奇幻的气息。我们所使用的University Roman字体在这个化妆舞会的邀请卡名设计中同样发挥出色。 [size=16px] 选择正确的图片是关键的第一步，在一个以化妆舞会为主题的设计中，采用面具来表达是一种很自然的选择。但问题是选择那一个面具？在图片搜索中我们可以搜索到大量的相关图片，都各有特点。 [img=480,309]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/gqKem2tNK6YU8qRuXnzXl7JRQira3N*SmoZaELTya6g!/o/dBJ1ml2iQgAA&bo=4AE1AeAB4AEDAPA![/img] [size=16px]
[size=16px] [size=16px]我们最终选择了上面这张图片，其细节与我们所使用的University Roman字体具有非常多的相似之处，两者都呈现一种花纹、华丽及细节丰富的视觉效果。字体采用金色能够与图案产生直接的联系，加强整个构图的力量感。像上图左边第三个面具图片，色彩华丽，也非常有吸引力，但它必须放置在一个舞台的背景上才能发挥作用。再比如[size=16px]上图左第二张图片[size=16px]，如果采用过于真实的脸部图片[size=16px]，又会使设计的吸引力被转移，观看的人会在想：她是谁？这并不是我们在设计中想要的。 [size=16px] [size=16px]一张充满魅力的图片，再加上合适的颜色及字体，直接放在版面上，就已经可以形成一个独特及强有力的设计。[size=16px]在面具上取一明一暗的两种金色作为渐变色应用于文字。整体呈现的质感及光亮照射感完美地与图片在视觉上取得一致。 [img=480,281]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/S94EBCDvdGznNunjhGZXOPr5jjgiIt4vMsEABZi3FtE!/o/dBnyL16rLAAA&bo=4AEZAeAB4AEDANw![/img]
[img=480,367]http://r.photo.store.qq.com/psb?/V10BgLpK2N5ery/9CA3b1ounj8YupvSGpQn9Cr4*L9ncP47Otk9SqmMuNQ!/o/dMhsLl62KQAA&bo=4AFvAeAB4AEDAKo![/img] [size=16px] 在现实生活中，有些设计师会只凭个人喜好来使用版式、颜色、字体，而忽略对实际情况的深入考虑，希望本文能够给你带来一些启发。 本教程由[size=16px]Before&After[size=16px]原创，陈汉聪翻译，[size=16px]来源于谈艺录丨http://www.logosky.net[size=16px]，转载请注明出处。 [s]回复有安装包下载地址[/s]链接失效，感谢发现者【南湘竹】。 本部分内容设定了隐藏,需要回复后才能看到
|
|
|
板凳#
发布于：2012-12-08 19:06
二蛋娶媳妇
二蛋娶媳妇 发表于 2012-12-8 16:53 @155-难道不错君是来撸人物君的？ |
|
|
7楼#
发布于：2012-12-10 17:12
有中文的么
施新泽 发表于 2012-12-10 12:34 有，，，但是还木有转发……敬请期待吧@100# |
|
|
8楼#
发布于：2012-12-10 17:47
炮灰凝结核
炮灰凝结核 发表于 2012-12-10 17:12 好的好的！～ |
|
|
12楼#
发布于：2012-12-12 21:57
原來當中有那麼多複雜的步驟
原來當中有那麼多複雜的步驟..明白了#32m |
|
上一页
下一页
