对设计字体的个人观点

把这篇文章分类为教程,主要是没有其他合适的类别.我觉得这个远远不算教程.而且这个可能对网页排版稍微有点帮助,所以发到这个版.要是不对,版主请批评.
这是半年前写的文章,我好多东西都不懂,写的不对的话,请多多指教.
大部分配图来自wiki,还有before&after和adobe的字库说明文档.
我没有贬低简体字的意思.某些问题见仁见智

西方字体

无衬线字体

衬线字体

衬线字体的衬线(红色部分)

方块字

汉字中的衬线体宋体和无衬线体黑体汉字中的衬线体宋体和无衬线体黑体

日文明朝体(MS Mincho体)和ゴシック体日文明朝体(MS Mincho体)和ゴシック体

韩国语中的衬线体Batang体和无衬线体Dotum体韩国语中的衬线体Batang体和无衬线体Dotum体

中文将Serif按照字义翻译成“衬线”或“字脚”,顾名思义就是装饰陪衬的作用,因此有衬线体也称为“有脚体”。日语中将衬线称为うろこ,字面意思为“鱼鳞”。

衬线体(即“白体”),中国大陆地区称之为宋体,使用繁体中文的港台称之为明体,日文称明朝体,韩国语称Batang体,常用于正文排版。这些名称起源于中国历史上的宋朝和明朝,当时中国的活字印刷术已经广泛传播,而用于制造活字的木纹多为水平方向,因此造成在刻字时横画细,竖画粗;而且为了防止边缘破损,横画在两端也被加粗,根据运笔习惯而形成三角形的装饰。这种方式一直沿用至今,现在白体类字体多数都是横细竖粗。

另外,无衬线体在中文通常称为黑体,在日文称为ゴシック体(Goshikku-tai,即“哥特体”),韩国语中称Dotum体,这类字体笔画粗细基本一致,没有衬线装饰,较为醒目,常用于标题、导语、标志等。

用途

在传统印刷中,衬线字体用于正文印刷,因为它被认为比无衬线体更易于阅读,是比较正统的。相对的,无衬线体用于短篇和标题等,能够读者注意,或者提供一种轻松的气氛。

但是在计算机领域中倾向使用无衬线字体以方便在显示器上显示。出于这个原因,大部分网页使用无衬线字体。因此,Windows Vista中的中文默认字体已经从原来的衬线字体(宋体或细明体)改变成了无衬线字体(微软雅黑或微软正黑体)。另外,为了更好解决衬线字体的显示问题,新的反锯齿和次像素显示(如ClearType)等技术开始广泛运用。

旧体

Garamond字体。旧衬线体的字形样本

旧体可以上溯到1465年,它的特征是:强调对角方向——一个字母最细的部分不是在顶部或底部,而是在斜对角的部分;粗细线条之间微妙的区别——笔画粗细的对比不强烈;出众的可读性。旧体是最接近手工铅字起源的字体。

旧衬线体在制作的时候有严整的斜度规定,加上弧度衬线体现细节,增强了它的阅读性。可是这个做法和研究阅读的心理学家所提倡的“平行字母宽度”认知模型是相矛盾的。

旧体可以再分为Venetian 和 Aldine 或 Garalde。旧体字体的样本有 Trajan, Jenson (Venetian), Garamond, Bembo, Goudy Old Style, 和Palatino (all Aldine or Garalde)。

时间: 2024-11-03 04:04:06

对设计字体的个人观点的相关文章

设计字体特效:锈铁金属字和锋线感觉的字体

文章描述:执行力强心剂之一:字体特效篇. 各位视觉设计师,你们好.从很早前我一直在计划一连续的分享,名字叫"执行力强心剂"顾名思义,这是一种直接,甚至是机械的填鸭教程,目的就是为了使我们的视觉执行能力在短期内有一个品质的提升.这个分享针对的人群可能是实习设计师至中级设计师之间,在自己的表现手法进入到一个瓶颈期的时候,用于强制突破的教程.我们的目的不在于强迫使用,而是从中吸取灵感,掌握技术.这个教程是分期的,每一期,我会针对一种设计形式进行表现手法,与拓展联想的讲解.希望设计师朋友找到自

Photoshop设计字体从墙面分离特效

  Photoshop设计字体从墙面分离特效          本文教大家制作一种从墙上剥离开的文字特效,主要是利用给文字进行变形,给大家形成一种视觉上的效果,然后设置一些阴影效果,最后使文字更具立体效果.从网上看到的这个效果,为了能更好的山寨这个效果,我花了不少时间才找到跟原图差不多类似的字体. 字体名称是BubbleGum. 山寨效果: 原图: 现在开始山寨,为了节省篇幅,我尽量简短的讲述. 先添加一个渐变填充层 输入几个字母~ 双击字母层打开图层样式,添加一个渐变~ 还有内阴影~ 新建一层

全面的UI设计字体与排版指南

无论你是做网页还是App设计,文字内容总是能占到整个版面将近80%的区域.因此理解字体与排版对UI设计师来说非常关键.你需要始终把内容的可读性放在首位去考虑和权衡你对字体与排版的选择. 字体的基础术语 了解字体设计 的基础术语非常重要,这些术语在介绍字体设计 的相关文章中经常出现.比如 x-height(X字高)指的是从字母的基准线开始往上到最矮字母的顶端的距离,当X字高的比例相对大一些的话就能增加易读性. 汉字字形 在大多数情况下我们都选择使用系统自带的字体,比如微软雅黑.宋体.黑体等来定义标

提高访客的用户体验 合理设计字体的大小

设计 现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率 ,当屏幕的分辨率一定时,如果你感到字太小,阅读有困难,在非标准浏览器中就无能为力了,所以说,如果把单位改成em,那么就可以用CTRL+鼠标滚动把字放大,或者用菜单上的查看>文字大小来改变字的大小. 1.在body标签里将字体尺寸设为62.5%,如果在body里没有CSS设定,那么浏览器默认的大小是16px,设了62.5%,则字体尺寸=16px*62.5%=10px,这时你能用em方

设计字体的选择:英文网页字体

文章描述:英文网页字体的选择. 自从用上了Bo-Blog 2以后一直在对我博客上所用的字体在做改动,正文先后用过了Tahoma, Arial, Trebuchet MS和Microsoft Sans Serif,标题字体也分别尝试过Franklin Gothic Medium和Myriad Pro. 选择字体中需要考量的因素很多,跨平台预装情况.是否有同族的粗体和斜体.Win下没有打开Clear Type时的表现等等.到目前为止也没有找到让我最满意的字体设置,每种字体都有自己的特点和缺点,让我很

字体图形化设计:字体图形化设计的方法与技巧

网页制作Webjx文章简介:字体图形化设计在具体设计过程中应注意的点. PART1:为什么要字体图形化设计 现代设计中直接从电脑里调出来的千遍一律的标准字体已经不能满足互联网用户日渐提高的审美需求,所以设计师要打破常规,能根据不同的需求,对字体进行独特的个性化的设计.同时字体的图形化设计有利于页面f氛围的营造以及更好的传递产品的特性以及功能等,特别是在推广页面设计的时候我们对标题文案(往往概括了整个活动的专题商业需求)进行特殊的设计处理,与其他的内容文案形成对比,引起用户的知觉兴趣,从而达到让用

AI怎么制作个性字体? ai设计字体的教程

使用AI快速制作个性字体(海报字体设计) 1.打开AI(我安装的是AI cs6), 新建一个文档,文件大小没所谓,因为AI生成的是矢量图,复制到ps生成的智能对象/形状图层,能够无限放大/缩小,不会失真,记得在高级选项中选择对应的颜色模式. 2.在图层上打上"我是吃货"几个字作为参考,字体样式随意,只是让我们看下字是怎么写的,防止写错.(PS:大家有没有这样的经历,很久没有用笔写字了,突然让你写,写出来会觉得不像,感觉好像写错了哈?我就经常这样,所以会打出字来参考,防止写错.)选择钢笔

设计字体:雅黑,Helvetica和Arial

第一次意识到电脑上的字体可以有不同的渲染效果,是在安装微软雅黑并开启了ClearType后,忽然发现以往熟视无睹的边缘锋利的文字,竟然可以显示的这样柔和细腻. 雅黑最初内置在Vista中,直到2008年才为XP推出专门版本,而我第一次看到雅黑的时候,Vista还没有推出,网络上流传的雅黑应该属于"流出版",在XP上显示并不完美,比如一些特定的字会显示错误,大小也有些参差不齐之类,但已经足以震撼当时的我了. 于是立即把所有能设置字体的地方全部改成微软雅黑,之后开始享受这种不花一分钱,却可

PS设计字体太少 怎么安装字体

  很多朋友都喜欢用PS 做下图,期间少不了会用文字来渲染图,用什么样的字体好呢?电脑里自带的字体好难看,怎么办呢?我们当然是去找字体咯! 找字体很简单,网上随便搜搜就一大堆.但问题来了,有朋友会问:"字体下载了怎么用呢?怎么安装呢?怎么让字体能加载到PS 的字体库中去呢?" 今天就教大家安装字体!很简单哦,2步搞定,一学就会! 首先,在网上找到自己喜欢的字体.(字体格式".ttf")如图所示: 字体已经找好了,接下来一步就是安装了. 安装字体 第一步:找到在&qu