童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

说文解字(一):初识东西方语系文字

9月5日 夜未央投稿
  本文将设计中的“文字”部分单独提取出来,配合设计上的色彩、版式等,来对文字的设计使用上予以解读。
  前言
  在我们的设计工作中,“图像”和“文字”的重要性无须多言。无论是平面设计、电商设计、还是UI设计,这些都离不开文字。
  但是文字却又一直处于“不被重视”的状态,特别是互联网的兴起,人们在设计作品的时候,几乎不太会深思,而只以“用计算机中的字体设计”进行制作。
  在计算机普及之前,我们的文字设计颇具匠心,更早之前的活字印刷更是设计的瑰宝。而计算机的出现无疑让“文字”的设计选择性更多,当然大家也都不再关注字体设计上的可能性了。
  本文将设计中的“文字”部分单独提取出来,配合设计上的色彩、版式等,来对文字的设计使用上予以解读。
  虽不能概括所有文字的前世今生以及各种使用技巧,但我们相信,这篇文章会让你对设计中的“文字”有更进一步的认识。
  文字与设计
  我们每天都会接触到文字,但是,真正仔细研究文字的外部形态、精通文字设计的人却很少。
  以中国来说,从商周时代开始,发展到隋唐时期的雕版印刷,宋代时出现的活字印刷,一直发展到现代的数字影像
  而文字与图像也有着紧密的关联性,因此,要将它们视为一体来认识。
  在很多的设计作品中,文字并非只是客观的传达信息,文字设计本身也能够表现出强烈的情感和力量。
  文字的设计注重“字体”的设计,字体各式各样,有的给人严肃印象的,也有看起来让人觉得轻松自在的。即使在同样的文章,使用不一样的字体,观者也会有不同的感受。
  我们常提到设计要“易于传达”,而当语言文字无法完全表现出“感觉”时,就必须要选择适合的字体来表现来。
  构成文字的要素
  在理解文字之前,我们要首先来认识文字的构成要素中每个部位及其名称。
  首先来看看西方语系文字的结构:
  西方语系文字是以4条水平线为标准的文字构造,第三条水平线是用来当作标准的“基线”,西方语系文字几乎都是写在这条基线之上的。
  随着文字设计的不同,平行线的位置也会跟着改变,从而形成各自的特色。
  以小写字母“x”的高度为“x高”,“x高”决定这套字体的整体大小,小写字母的高度的平均发布也会影像文字的阅读。
  像是“C”“O”这个类的字母中间的空间被成为“字腔”。字腔较宽的字体就会给人开放、轻松的感觉,相反,字腔较窄的字体就会感到非常密集,也会感觉更有力量。
  接下来看看东方语系文字的结构:
  我们都在田字格上写过文字,用格子来理解东方语系文字是最易懂的。
  格子分为“虚拟框”和“字面尺寸”,“字面尺寸”也会随着不同的字体而有所变化。
  东方语系文字的基础在于文字的骨架,我们称之为“胸线”,胸线小的字体看起来更加匀称,整齐一致,也能更好的传达出传统的感觉。而胸线大的字体则更加易读,更具现代感。
  除了“骨架”之外,还有就是文字的“血肉”了,我们称为“点”和“勾”。它们决定了设计文字字体的特色所在。
  介绍完文字的结构,我们接下来具体看看西方语系文字和东方语系文字的分类。
  西方语系文字:衬线体
  在西方语系文字中,字形笔画前端有像是爪形的装饰,我们称之为“衬线体”。
  根据衬线体线条宽度的差距,我们可以分为“旧体”和“现代体”。
  旧体类似于用笔尖压平的毛笔书写文字,在起笔出保留了书写痕迹,能让人感觉到传统的亲切感,整体更易于阅读。
  外形特点激素笔尖会留下固定的倾斜角度,像“O”这个字母较细的部位会出现从左上至右下的角度。
  现代体则属于比较工整的风格,体现了明快的现代感,给人以冷峻、严格的印象。
  外形特点上,线条的宽度变化相当明显,像“O”这个字母呈现上下垂直的样子。此外,衬线体文字根据衬线变化大致可以分为“支架衬线体”、“发丝衬线体”、“板状衬线体”。
  支架衬线体
  是旧体中最常见的字型,其特点是衬线部分为弧形。这种字体能够表现出温柔亲切的传统风格。除了衬线部分之外都是直线,在传统中仍能使人感受到现代感。
  发丝衬线体
  是现代体常见的字型,衬线部分由细直线构成,其特点是看起来非常平整。粗细线条的对比非常清晰、明确,具有现代感。
  板状衬线体
  板状衬线体的衬线部分为粗厚的四角形。这类型的字体看起来强劲有力,多用在标题处,具有怀旧的气氛。
  西方语系文字:无衬线体
  无衬线体和东方语系文字的黑体很类似,无衬线体是由衬线体中的“版状衬线体”发展而来的。
  无衬线体比衬线体的“x高”更大一些,整体上看内容较多的文字,会觉得整篇又黑又重。
  古典型的无衬线体,适用于大尺寸的标题文字,具有及其抢眼的效果。表现处古典式男性勇猛粗旷的形象。
  现代感的无衬线体,展现明快的感觉。这类字体没有多余的装饰部分,呈现处几何风格,给人留下理性、冷静的印象。多用于杂志和目录的设计。
  西方语系文字:其它字体
  除了衬线体和无衬线体,还有很多的其它字体,这边我们就简单介绍下具有代表性的几种字体。
  首先是被成为“哥特体”的字体,运用笔尖扁平的笔书写,传达出庄严感,也有一种令人敬畏的高贵感。
  “手写体”是一种充满变化的字体,每个人都风格都不一样。现代风格的手写体给人温暖的感觉,正如自己亲手写下的文字。
  另外,还有一种被称为“装饰体”的文字,这种字体的出现都是为了顺应当时的潮流,不管什么时候,看到之类的字体都能感受到那个年代的风格。
  东方语系字体:宋体
  竖线粗、横线细,在笔画结束处有一个类似三角形、名为“鳞”的装饰,这种字体称为“宋体”。
  宋体是大家最熟悉的一种字体,在大量的书籍上都有它的身影,它不仅经常被使用在正文部分,也经常出现在标题上,是一种很基本的字体。
  宋体也分为“传统型宋体”和“现代型宋体”。
  传统型宋体“胸线”和“字面”都比较狭小,笔画的粗细差异大,像是用笔书写出来的效果。
  现代型宋体“胸线”比较大,笔画宽度差异较小,起点和终点是如同几何形般的刚硬线条,赋予了字体明快的现代感,也增添了冷峻的感觉。
  现代型宋体缺乏温暖的感觉,而传统型宋体又给人太沉闷的印象,所以取两者所长而设计处了“中间型宋体”。
  东方语系字体:黑体
  横线和竖线宽度几乎相同的东方语系字体称为“黑体”。
  在早期的印刷时候,正文一般使用宋体,而为了强调标题部分,于是逐渐发展出了强而有力、线条粗壮的黑体。
  根据文字的骨架和构成要素来看,黑体也可以分为“传统型黑体”和“现代型黑体”。
  传统型黑体的“字面”和“胸线”都较小,给人凝聚内敛的印象。而字体的线条也并非单纯的直线,仔细看你会发现线条中间部分比较细,两端逐渐变粗。
  现代型字体的“字面”和“胸线”较大,给人开放的印象。线条呈现强烈的水平和垂直感,不必要的线段都被除去,给人一种机械般的感觉。
  东方语系字体:其它字体
  除了宋体和黑体之外,还有很多其它的字体,我们接着介绍几种具有代表性的字体。
  “楷书”是指书写出来的字体,其文字结构完全没有被破坏,给人一种亲笔写出来的正式感觉。也正是由于太过“正式”,一般用在企业设计或者重要场合。
  “行书”属于快速书写的“楷书”,笔画简化了,使得文字较不易阅读。没有过于的庄重感,能够表现出优美的古雅韵味。
  “圆体”是指将“黑体”的笔画两端变成圆角,呈现温柔可爱的感觉。经常出现在儿童相关设计种。
  “书法字体”是我们最具有代表性的字体,充满了自由创作的意识,具有强烈的个性,在设计上非常有特点。
  字体家族
  一套文字除了字体大小的区分,还有一种概念叫“字重”,学名为“腰线”,通俗理解就是字体的粗细。
  一般标准的粗细我们称之为“regular”,在粗就是“medium”,更粗的文字就被称为“semibold”。
  而往细了就有“light”“Thin”“uitralight”的区分。
  在很多中文字体中,按照“腰线”使用“W6”这种标注方式,数值越大,腰线差异越大。
  小结
  现今日常生活中,设计常常会需要使用到西方语系字体,有时候是因为有海外使用的需要,也可能是因为西方语系字体在设计上更好看。
  我们只有在充分理解字体的基础上,在设计时准守文字相关的规则,这样才能更加自由的使用字体。
投诉 评论 转载

用户激活:围绕用户体验的Onboarding设计大法onboarding是新用户引导流程,是刺激用户激活的增长手段之一;文章是在研究了上百个优秀网站的新用户引导后,提炼出来的方法论,很具有参考价值。本文采用方法论案例的方式,让你……2018年终回顾:100个增长官必看经典案例(2)本篇文章梳理了中美100个增长案例,分享他们增长团队的实践,讲述在实现增长和优化过程中的思考过程和方法以及取得的最终成果。限于篇幅,我们将分多期为大家展示,今天是第2期。……一个标签的修养本篇文章为大家分析了标签的定义、特征以主要的功能和使用场景。我们将标签比喻成一个人,让我们看一下优秀的标签到底有哪些优秀的品质?前言标签设计是我们最经常用的设……说文解字(二):文字与其意像本文将会针对文字与设计给人的意象做一番具体的介绍,也就是说,为什么某种文字会给人某种印象。正是这个“为什么”,是我们本文的重要部分。前言人们在阅读是时候,只专注于文……说文解字(一):初识东西方语系文字本文将设计中的“文字”部分单独提取出来,配合设计上的色彩、版式等,来对文字的设计使用上予以解读。前言在我们的设计工作中,“图像”和“文字”的重要性无须多言。无论是平……为什么产品设计需要用户视角?用户的视角可能与设计师等产品决策者完全不同,要么换位思考、要么访谈测试,否则这个差异是专业能力无法弥补的。“小王,这个设计项目怎么样,对你来说应该很容易吧?”“如果……2018增长官必看100个经典案例(第1期)如果你仍然苦于无法完成优化实现增长,那么不妨来看看这100个增长案例,其思考过程以及方法,都值得我们参考学习。临近2018年底,我们梳理了中美100个增长案例,分享他们增……解构电商O2O:营销渠道的“快捷方式”CRMCRM按使用者的角度来看分为销售型CRM和用户运营型CRM,本文重点讲的是电商平台比较常用的用户运营型的CRM。CRM全称为CustomerRelationshipMan……详解漏斗模型及如何通过行为设计提升转化率漏斗模型,是一种数据分析方式,是一个线性流程,更是一种普遍适用的方法论,或者说是一种思维方式。漏斗模型是一个线性流程,从开始到结束,用户在每一个环节,都会产生流失,就像漏……从0到1设计购物车功能之前写过一篇《实例分析:不同平台购物车设计》,分析了主流平台的购物车功能利弊。这次,我基于自己公司的产品定位,写了对购物车各子功能原型设计思路并画了原型图。下面,和大家一起来开……如何将数据分析方法产品化?数据产品分为三个层级:数据展示类产品、数据分析类产品、自动化产品,本文为大家分享了第二个层级的相关内容。提到数据产品,大家一定不会陌生,但大多所谓的数据产品都仅限于做一些……手把手教你设计风控系统分单策略在风控流程中,有一个很重要的环节,那就是人工信审。随着进件量的增加,如何将进件以合理的方式分配给信审人员,保证审核工作的时效性、准确性和公平性,就成了一个很关键的问题。下面笔者……
Any。Do。:让用户爱的简洁日程应用,也是让广告商爱的“聪网站性能优化之CSS无图片技术打破地域和关系网界限,Civo让全球陌生人之间用图片交换生活用户为什么要分享?对话MessageMe联合创始人ArjunSethi:一切围移动搜索的人文关怀那些年我们一起追过的软件!房产网站的租房体验报告复杂产品的响应式设计【流程篇】用户自然搜索流程谷歌是如何以简洁赢取用户的?做好用户引导不仅仅是设计师的工作
网红退场到歌手诞生,时尚新宠冯提莫对话尼龙,讲述向上之路江湖有汤普森的传说,不止有G6汤,还有克雷汤与时间赛跑初中作文500字如烟往事俱忘却(四)之无眠手机通话清单能删除吗(手机通话清单能删)为什么提早退休会成为潮流热博聚热点网 短视频达人涌向电商直播:单场带货千万,好人设能带来高销量吗?自行车的租赁合同熊玲抑郁症的攻击性障碍生儿子的秘诀(怎么才能生男孩)家长如何做好孩子的入园准备专利申请权转让合同

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界