首页 科技 电脑 手机 安卓 苹果 VR 站长 游戏

您的位置:咪哚网 > 站长资讯 > 建站 > 设计 >

文字怎么搭配才吸睛?10个排版秘诀搞定你的设计!

咪哚网(www.midoo.cc)时间:2019-10-10 21:58 稿源:网络 手机扫描分享

  文字排版(Typography)不只是从下拉选单选择字型和点数而已,文字排版是一项流传数世纪的技艺,自木制和金属的活版印刷便开始,而且它不只历史悠久,还很实用,大部分的人只要掌握一些实用的诀窍,就可以将之活用在诸如履历表、电子报或名片等日常设计项目上。

  资深视觉设计师 Janie Kliever 在 Design School 发表了一篇文章,列出 10 个能帮你增进文字排版的诀窍和密技,虽然介绍的是英文字型,不过还是相当实用,让我们一起来看看吧!

  1. 将要表达的讯息配上适当的感觉

  用了两种差不多的字型?或是你总是用最喜欢的那一种字型?以上都是没有妥善选择字型的情形。

  

font-personalities-768x576

 

  每种字型都散发独特的情感或个性,也许是友善、新潮、严肃或傻里傻气,但大部分的字型并不是万用的,所以你要判断一个字型对你来说是怎么样的感觉,还有它适不适合放在这个设计里面。方法之一就是列出你希望设计呈现哪些特质,如果能先确定内容更好,这样就能直接挑选字型来配合建立好的内文调性。

  字型设计师 Eben Sorkin 曾经说过:每种字体都有自己的声音,这种声音将影响我们阅读文字的感受,也影响我们吸收和处理信息的过程。

  它的力量强大,能让任何形式的文字沟通更加有效且更有说服力。当文字符合字型的个性,大家阅读起来会更快更容易;若两者不合,文字就会变得混乱,拖慢读者的速度。访客读起来越容易,就越容易找到他们要的内容并点击购买或返回(或达成其它设计的目的)。

  让我们快速看几个范例:

  一个遵循「传统配方」的护发产品,融合了复古和现代的字型。

  

1a-768x513

 

  (Design by Device Creative Collaborative)

  主打回到本质的产品,包装走极简瑞士风设计美学和字型搭配。

  

1b-768x576

 

  (Design by Salih Kucukaga)

  传达历史和工艺精神的字型选择,字型和整体事业的品牌形象相当搭配。

  

1c-768x1643

 

  (Mike Casebolt and Sergey Grigoryan)

  古典的衬线字体,看起来相当适合 1925 年就开幕的出版商的部落格,不过这个字型易读、简明而且平易近人,带来一种现代感,而且更适合用在网页上。

  

1d-768x663

 

  (Random House Books)

  关于中文字体的性格分析,参见:《不会挑选字体?来看看字体的7种类型及特点》

  2. 配合读者的心情

  现在你已经替你的设计配了完美的字型,但有个小问题,并非所有人对同一种字型都有一样的感觉,选择了适合的字型后,你也要确定它适合你的观众。

  可能有一群人觉得这字型很新潮,另一群就觉得它过时,因为我们看字型的方式受到文化连结的影响,而文化又和年龄及地区有相当大的关系,所以要对你的目标群众有敏感度,如果你对选择的字型有所迟疑,问问那个团体的人,征询他们的意见,能让你的文字排版效果更好。

  

210-768x510

 

  

33-768x512

 

  (Designs by Peetie Design and Kelly Schmidt)

  如果你的观众范围很广,并非特定族群呢?那你可能就得选择较为中性的字体,不强调鲜明特色而能融入其他对象。这种字型经常称为「Workhorse」字体,通常是基本的衬线或无衬线字型,而且因为不引人注意而用途广泛。

  

workhorse-typefaces-768x359

 

  ▲Google 字型中一些多用途字型。

  最有用的多用途字型通常还会提供各种粗细和类型。

  3. 让字型的尺寸搭配设计内容

  选择和安排设计的字型时,阅读难易度应该是首要考虑之一。字太小难以阅读,字太大又很烦人,因此一般而言,印刷用段落文字应该落在 10 — 12 点之间,而网页则是 15 — 20 之间,大部分的浏览器默认值是 16 点。

  你可以用 Type Scale 这个免费工具来检查 Google 字型库的字型,各个尺寸在网页上看起来如何。

  

web-fonts-768x385

 

  ▲Type Scale

  若不是用在长文的字呢?你可以参酌设计本身,包括整个版面的大小或呈现方式,加上一点基本常识帮助判断。一些像名片之类的小型项目或是长段文章会需要小一点的字,但这些字也要清晰易读,而非充满装饰。

  

42-768x480

 

  大型项目如海报,因为空间更多而且大家通常会从远一点的距离观看,就可以容纳大字,若选择相对小的字体,则有更多空间发挥创意和选择更有型的文字。

  

51-768x1152

 

  4. 安排层次

  如果一个设计层次分得好,看起来就整齐,容易定位,可以更容易找到你要的信息。文字排版的层次对于像是电子报、杂志、书和其他传统印刷物,及某些网站等文字很多的设计特别重要。

  

typographic-hierarchy-768x409

 

  基本的层次设计,可以利用以下几点:

  用字的大小来依重要性排序信息。

  用充足的空间来创造一个容易检视的架构

  把相关的对象分成一组

  在适当的情况下,用标题、副标等清楚地分类

  

typographic-hierarchy-2-768x1117

 

  注:这个是特别关键的一点,想具体学习的同学可参见:

  《设计易容术!如何设计一张高品位高水准的海报?》

  《设计易容术!如何设计一张高品位高水准的海报(二)》

  《设计易容术!如何设计一张高品位高水准的海报?(三)》

  5. 别忽略了留白和对齐方式

  设计成也细节,败也细节,其中留白和对齐影响很大,这两者可以让版面又挤又混乱,也可以带来干净和秩序。

  让我们一起来看看几种常见的留白:

声明:
1、咪哚网所转载的稿件都会明确标注作者和来源,如您不希望被转载请及时与我们联系删除。
2、咪哚网的原创文章,请转载时务必注明文章作者和"来源:咪哚网",不尊重原创的行为咪哚网或将追究责任。
3、本站提供的图文仅供参考,不能作为任何咨询依据,专业问题请咨询专业人士,谨防受骗
标签
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:看不清?点击更换
最新评论

科技 娱乐 健康 国内 生命 天文 自然 科学

微软善于听取来自用户、IT人员和开发者的各种想法

据外媒报道,微软CEO萨蒂亚·纳德拉日前在

乐视危局 张艺谋王宝强等上亿投资或遭变故

在深陷欠款危机,贾跃亭自曝乐视资金链紧张

霜降天气渐冷 推荐4款最佳食疗

我国古代将霜降分为三候:“一候豺乃祭兽;

外媒:大陆博物馆文物众多 但最好的宝贝在台湾

新西兰stuff网站11月20日文章,原题:对首

为您推荐RECOMMEND

  • 返回
    顶部
     关于本站| 友情链接| 版权声明| 意见反馈| 不良信息举报| 联系我们| 网站导航

Copyright © 2016 咪哚网 版权所有.

MIDOO.CC, All Rights Reserved. 备案号:豫ICP备15012166号-2