量身打造的学问!如何准确地传达出字体的气质?

2015/03/20 18543

font-temperament-accurate-expression-1

不管是平面设计师还是UI设计师,在工作中几乎都会用到字体。如今形形色色的字体日增月盛,也就有了不同的性格和气质。选择使用一款字体的时候,除了考虑它的易读性,更多考虑的是这款字体能否准确地传达出对产品独有的气质 >>>

那么应该怎么选择合适的字体呢?

或许这篇文章能够为你提供一些思路。

第一节:选择更符合主题气氛的字体字形

案例1  战争气质

bd201503208

原型/圆体、哥特体

左图字体所传达的气质:趣味、活泼;

显得对这部战争类型的电影所表现的气质格格不入。

右图字体所传达的气质:哥特、凌厉;

采用了具有装饰性的衬线字体,衬线字体的特点在于线条交接处和末端具有明显的粗细变化和装饰,使字体气氛感觉犀利,加上纹理质感处理,便有了神话意境和哥特式惊悚的味道,很好的衬托出电影本身的气质。

案例2  文艺气质

bd201503206

原型/宋体

上面两张电影海报应用的字体都是宋体,宋体的衍生有很多,又长有扁,有胖有瘦。一般用于书籍印刷。而在电影界上这类型字体多用于文艺片,正如案例中,两部都是文艺温馨的爱情片,运用宋体进行排版处理,既显得清新又文艺。

案例3  女性气质

bd201503207

原型/细线体、衬线体

字如其人,女性的特点是细致优雅、苗条细长;常被用作化妆品、女性杂志、艺术等女性主题领域。

案例4  男性气质

bd201503204

原型/黑体

作为强现代感的无衬线字体—黑体,给人感觉粗壮紧凑,颇有力量感,可塑性很强,对比案例3的细线体,即可表现为阳刚有力的男性气质,也可以变成纤细优雅的女性气质。

案例5  历史文化气质

bd201503205

原型/书法字体

书法字体具有很强的设计感与艺术表现力,运用好的话往往是点睛之笔。各式各样的书法字体有着自己独特的细腻的特点,把握好这一点,既能给电影增加文化内涵,也能衬托出电影的气质。

第二节:字体艺术化设计

案例1  游戏角色

bd201503202

原型/菲奥娜、凯南    作者/叶小凉

相信玩过LOL的人对这两个角色名字都深有感触,作者把角色本身的性格和气质通过字体表现得淋漓尽致;例如菲奥娜是一位心狠手辣的女剑士,挥舞起剑下手快准狠;作者在字形设计上呈现出了角色本身的特质,加上被剑砍下的视觉效果,很好的体现出了菲奥娜所散发的独特气质。

案例2  移形换影

bd201503203

原型/生活    左图作者:未知/右图作者:陌Moshang

这是一款很有趣味的字体作品,通过字意本身所表达的情感,巧妙的把图形跟字体结合起来。比如“看电影”融入了真实的胶卷电影转轴;“早安”融入了太阳和早餐,夏天让人联想到西瓜,带给人冰凉夏日的感觉;

附此类字体设计方法:《推荐:17种设计字体的创意方法》

以及一枚实战教程:《字体变形记!手把手教你用AI绘制Q版的萌萌哒字体》

第三节:生活中常见字体运用

前面给大家讲了字体的气质,接下来给大家挑选的几组日常生活常见的品牌类型,分别是报刊、运动服饰、奢侈品、手机;试着去感受一下他们所散发的气质是怎么样的呢?

附:《涨姿势!世界名牌是怎样选用字体的?》

bd201503201

小结:

不管是中文还是英文,文字不仅是传达信息的载体,也是设计中的重要元素,设计过程中尽量保证文字的阅读性,在严谨中寻求突破。经过艺术设计的字体,可以使信息更形象、更美感的铭记于你心中。对于字体这门科,还需要我们不断的去探究和学习。本文主要是对字体设计的一些粗浅的感受,欢迎大家一起交流与探究。

【字体设计经验三部曲】

Step 1:先从基础的字体结构学起!
《字体科普文!手把手带你认识最基础的字体结构》

Step 2:再了解字体设计的方法大全!
《推荐:17种设计字体的创意方法》

Step 3:实战经验帮你全面掌握!
《经验分享:超详细的字体设计方法+案例分析》

原文地址:ued.baidu

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量92万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/font-temperament-accurate-expression

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里