字体设计规范

时间:2018-07-01    来源:祝福语大全    点击:

字体设计规范 第一篇_移动设计字体规范整理

iOS&Android 移动设计字体规范整理大全 对于一位移动APP设计师来说,字体的把控非常重要。特别是app设计。因为不同的字体在不同的移动终端显示出来的效果真是百花齐放。终极没达到我们设计图的效果。

所以,ios和android都有各自的设计规范。也是告诉各位一定APP设计和开发人员可以遵循这些规范来设计开发,尽量达到最佳显示效果。

一、IOS版本的字体设计规范和常识 iOS 的 1 pt = 逻辑像素 1 px = 物理像素 1 px(非 Retina)或 2 px(Retina) 如果你新建 Photoshop 文档时将 PPI 设定为 72,则文档中 1 pt = 1 px;如果你把 PPI 设为 144,则 1 pt = 2 px。

单位术语:pt: point px: pixel PPI: pixels per inch Photoshop 默认使用 1 inch = 72 pt 的标准,所以为什么我们设计APP界面设计效果的时候,设置的分辨率就是72,主要是这样设计方便、免了换算之苦。

1、如果你是iOS客户端开发人员,你在编程时使用的默认简体中文字体,就是常用的华文Heiti SC。

2、如果你是iOS UI设计人员,你在设计时如果使用Photoshop,请选中“黑体-简”或Heiti SC,并设置为“细体”、“浑厚”是与iOS上的实际效果最接近的(Heiti SC Thin)。或者是冬青黑简体、黑体等等。英文字体是 Helvetica NeueUltra Light。

如今iphone6和iphone6+开始流行,我们设计的字体规范也有所改变。 因为iPhone6和iPhone 6Plus都有标准模式和放大模式2种分辨率:

1.iPhone4和iPhone5宽度一样,5只是比4高176

像素,所以5

和4一套规范即可;

2.iPhone6的放大模式分辨率是640*1136,和iPhone5正好相同;

3.iPhone6的标准模式分辨率为750*1334,整体放大1.5倍正好是iPhone6 Plus的放大模式1125*2001。

我们来看淘宝购物车的截图(从左到右依次为iPhone4、5、6):

总结: 我们可以看出iPhone 4、5、6是可以共用一套字体大小规范。

而iPhone6 plus在放大模式下的字体正好是在此基础上放大 1.5倍:

如下我们来看下一般规律(72像素/英寸下的字号大小规律,即72ppt下面) 导航栏标题:大概34px-42px;现在标题越来越小,一般36比较合适。

如果是iphone plus 那么字体大小应该是51-63px之间。 最合适的54px。 标签栏文字:20-24px。ios自带应用都是20px。个人认为标签栏时(图标+文字)形式的的话不要大于22比较合适。

正文:28px-36px,新闻类基本都在用36,比如网易新闻正文部分。

除了新闻类,其他类型的APP 正文 列表 表单 都可以是30-32px左右。

二、安卓android APP字体设计规范

安卓中文字体: droid sans fallback

安卓英文字体:roboto

安卓手机的默认中文字体都是droid sans fallback,是谷歌自己的字体,与微软雅黑很像,小米miui v5 用的也是这种字体。

【字体设计规范】

sp

与px

的换算公式:sp*ppi/160 = px

如果想看下详细android字体:Android移动APP设计字体规范详解

题外话:为什么android安卓机器上的字体没ios的好看,原因有2点 第一点:android分辨率很多,字体渲染机制不一样。

第二点:和 iOS 相比,Android 的“字体系统”最大的一个缺点其实是缺字。正好体现了 iOS 在 Android 字符数面前的优越感。

附加各大主流的移动或者桌面操作系统的默认中英文字体

以下列出的是西英文字体和简体中文字体:

Windows(Vista 及更高版本)

Segoe UI

微软雅黑 [1](Windows 8 开始用微软雅黑 UI [2])

Windows(Vista 之前)

Tahoma

中易宋体(又称宋体、SimSun)

Windows Phone

Segoe WP

方正等线(简体中文 locale,详见 [3])或微软雅黑 [1](英语 locale) Mac OS X

Lucida Grande

华文黑体(具体情况比较复杂,详见 [4])

iOS

Helvetica Neue [5](非 Retina display 的设备用 Helvetica) 华文黑体(该版本称作黑体-简,参见 [4])

Android

Droid Sans(4.0 之前)或 Roboto [6](4.0 及更高版本)

Droid Sans Fallback [1](文泉驿微米黑之母)

字体设计规范 第二篇_网页设计字体规范

网页设计字体规范

1. Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。

在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。

2. Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。

如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常

3. Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活

泼一点。Mac下的显示要比Win下好。

4. Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,

但是字体细节缺失严重,最好别做标题。

5. Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略

小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。

6. Trebuchet MS: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用

得不好会不搭。

Serif

1. Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明

线,轮廓较大,小字体显示也很清晰,同时细节还算OK。

2. Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔

画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。

中文不熟,抛砖引玉:

1. 中易宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好

看,所以最好别做标题。

2. 微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype

发虚。

3. 华文细黑:Mac下的默认中文。

4. Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发

行版本的默认中文,,当然也有用WenQuanyi Zenhei的,不过比较少了。

CSS3开始支持Embedded font所以英文字体选择一下子多了很多,而中文字体由于文件庞大,仍然就是那几个选。

字体设计规范 第三篇_《字体设计》课程标准

《字体设计》课程标准

葛颂

【课程名称】平面广告招贴设计 【课程代码】

【适用专业】高等职业院校广告设计与制作专业 【学 分】

1、前言

1.1课程的性质

展示平面设计是会展设计专业的一门选修课程,也是《展示平面设计》的辅助课程,目标是让学生熟练掌握贯穿于整个会展平面设计过程中的文字设计和制作的能力。它主要以基础字体架构、宋体字、黑体字、西方美术字为学习的基本课程,变体美术字、广告字体和连字设计、VI标准字设计为学习的高级课程,它既是独立的会展平面设计课程,也是进一步学习商业展示空间设计、和展会整体形象设计等会展设计课程的基础。

1.2设计思路

1.2.1 课程的性质与价值

本课程的性质:

字体设计是会展专业前期的一门设计课程,也是会展平面设计导入课,既是独立的平面设计周边课程,也是链接学生进入会展专业设计学习的重要课程。

本课程通过对贯穿于综合会展过程中的字体设计做有针对的系统学习,明确了从事会展设计人员必须具备的字体设计能力、企业形象(VI)中的标准字设计能力、包装设计中的字体设计能力。能准确把握创意目标、思路正确、创意新颖独特、有良好的设计能力和表现能力;会设计、会制等应用性的创意知识和技能。

该门课程采取项目课程形式。根据会展平面设计工作任务和职业能力中所应具备的设计创意能力和制作技能为主要教学内容,以工作任务的方式进行项目模块教学,从简单到复杂,形成项目序列。该课程建议选取的真实项目有:①店头广告字体设计、②霓虹灯、灯光字体设计③网页多媒体字体设计④展会字体设计与制作、⑤会展礼品包装字体。

本课程的价值:

本课程是一门会展专业平面设计的选修课程,在真实会展设计项目中有着不可或缺、不可替代的作用。

以往的字体设计课程,基本是以宋体字、黑体字和罗马体等美术字书写练习为主、以变体美术字设计为辅的教学模式,其教学内容和教学手段缺乏会展行业必需的广告连字设计能力的培养,这就造成了会展专业的毕业生在真实会展项目中缺乏与会展相关的必要的字体设计与制作的专业知识和能力,导致了展会并不能很好达终端客户所需要的展示效果等不良反应。而本课程的开展,正是补充了了广告平面设计与会展设计这两个专业的课程空白,是针对会展设计专业学生和设计人员的上述能力缺失而专门打造的服务于会展设计周边的选修课程。

1.2.2、课程的基本理念

 通过“理论—实训—设计”教学模式培养学生的会展平面设计能力与制作能力。  掌握字体设计各种创意方法和表现手法,为展示平面设计专业课程打下良好的基础,提

高学生的会展字体设计水平。

 掌握正确的设计方法,建立设计的创新思维理念,扩展学生的职业选择面,为将来的职

业生涯奠定好基础。 

在引导学学生学习各类设计风格的同时促进学生个性设计的发展。

1.2.3、课程标准设计思路

利用专业教师在长期的教学中总结出来的经验、展示平面设计项目中实战积累的经验与社会真实项目对设计人员的要求相结合,充分的听取行业人士的建议,紧跟市场脉搏,不断的在教学上自我完善,从而取得良好的教学效果。

2 课程目标

2.1、职业能力培养目标——知识与技能

通过理论—实训—设计教学模式的实施,能够针对实际项目中的广告美术字、变体美术

字进行设计并懂得其制作要求。   

补充并提高会展专业学生的平面设计能力、并着重加强制作能力 培养会展专业学生的团队协作能力与客户沟通能力。

通过培养平面设计的理念与设计方法,有助于提高会展专业学生的会展设计能力。

【字体设计规范】

2.2、课程实施的内容和教学要求:①店头广告字体设计、②霓虹灯、灯光

字体设计③网页多媒体字体设计④展会字体设计与制作、⑤会展礼品包装字体。

1.4 内容标准【字体设计规范】

通过理论—实训的教学,使学生在掌握基本知识、能力、培养素质的基础上,从真实项目中得到全面综合实践锻炼。本课程以理论为先导,以实例、案例教学为主要内容,侧重实施流程的熟悉与了解,侧重技法教学,侧重制作方面的知识与内容。

2、课程主题

本课程由理论部分与实践部分组成。理论部分是根据字体设计的流程所涉及的各部分环节的知识点展开。实践部分是根据字体设计的项目实训与理论知识部分穿插进行。做到“理论—实训”一体化,使学生在学生过程对设计有一个全面的,整体的,连贯的了解。

3、知识点与学习成果

字体设计课程的知识点包括最新的理论、设计技法与技能等知识点;课程要求学生能综合运用这些能力,独立或协作完成会展周边平面设计与制作,做出符合展会要求的高质量的字体设计。

1.5 教学实施建议

1、教学重点:

重点掌基本字体架构、基础中文外文美术字和变体美术字设计的基本方法,掌握广告字体设计和连字设计知识与技能,通过对优秀实例的分析、通过参与真实项目的参与,使学生能成熟的进行会展周边字体设计与制作。

2、教学难点:

字体架构以及变体美术字在广告、会展设计中的运用。 VI标准字设计

3、教学方法提示与运用:

①理论授课配合多媒体手段,图文并茂。

②理论教学结合学校图书馆、专业资料室进行授课和带领学生观摩真实案例。 ③安排学生投入真实项目设计中去,结合案例设计中的字体设计环节来进行真实实训。 ④组织指导学生参与平面类、广告类设计大赛如全国大学生广告节、全国大学生视觉设计大赛等。

⑤课余时间学生到校内专业资料室、图书馆等地方自习寻找设计素材和设计灵感。 ⑥以实际项目进行系列化设计,设计按正规的提案程序和要求,真实操作,课程设计结束后学生交流介绍设计方案,并将优秀方案转化为生产。 ⑦聘请行业专家和优秀设计师进行专业专题讲座。

1.6.其它说明

本课程标准主要适用于高等职业技术学院。 执笔人:葛颂 审核人:

制定(修订)日期:2009年4月14日

字体设计规范 第四篇_VI设计标准字

标准字

标准字,又称组合字体,是指将某种事物、组织、团体的名称进行整体组合之后所形成的字体。标准字不同于普通字体,除了造型上的美观和突出的视觉效果外,还在于标准字之间的连贯性,这种连贯性对企业形象特质作了极好的诠释,整体上体现了企业的个性特征。

1.标准字的特点

和企业标志一样,标准字也具有识别性、延展性和系统性的特点,同时还有其自身的特点:

(1)协调性。标准字主要是根据企业名称。产品品牌、标语。口号等设计的,因此对于字距、笔画的协调要求十分严格。标准字的设计应在不断修正的前提下,不断取得空间的平衡和协调,以实现最优的审美效果。

(2)易读性。企业标准字应传播明确的信息,说明的内容要简单易读,才能符合现代企业讲究速度、效率的精神,具有视觉传达的瞬间效果。汉字与字母的设计应力求清晰、准确、规范,注意二者之间的配合。我国企业以前有请名人题字的传统,用正、草、隶、篆等多种字体来书写企业名称。但随着科技的进步,企业往往倾向于追求明确化、系统化的经营风格,传统的名人题词由于往往表达个人风格,不能传达企业的经营理念和文化背景。从字体上而言,书法字体自由书写,易读性不高,结构不够规范,延展性不高;而且书法字体的个性太强,难以找到与其他要素的结合点,尤其是与英文字体组合时,缺乏系统性的问题更为严重。因此,标准字的设计,应经过全面的计划和实施,以创作出独具企业风格的字体。

2.标准字的种类

从表达内容上来看,标准字的种类繁多,功能各异,然而其基本的、共同的任务,在于建立企业、品牌等独特的风格,塑造差异的形象,以期达到识别的目的。其种类主要有以下几种。

(1)企业标准字。企业标准字是对企业名称的统一设计,主要表现企业的经营理念和企业精神,建立企业的信誉。企业标准字是其他各种标准字的基础。

(2)产品名称标准字。企业标准字和产品名称标准字在有的企业重合为一体,而在一些集团公司,则分开进行设计。产品名称标准字是表现个别产品的功能和个性,往往用一些有亲切感、容易记忆的名称。如丰田汽车在不同时期推出的不同型号的汽车都予以命名,如最新进入中国市场的汽车就被命名为丰田小霸王。

(3)标题标准字。标题标准字用于广告文案、专栏报道、连载小说、电影广告的开头等。这种标准宇的主要特点是极具感染力。吸引力,能在观众看到的第一眼就能引起观众的注意力。

3.标准字体的设计程序

标准字渗透于生活的方方面面,标准字是否具有新意,是衡量标准字设计是否成功并达到目的的标准之一。标准字的设计必须依据科学、合理的程序,按照美学、视觉的要求进行,从而创造出适合企业风格的字体造型,表现企业的整体风貌。

(1)调查分析。企业在进行标准字的设计之前,应着手对于企业现有的名称、商标和竞争对手的标准字的信息进行收集、整理和分析。在比较这些标准字的优缺点之后,企业可以征集员工的意见、建议以及一些专业公司的咨询意见,从而归纳出共性和规律性,得出调查意见,使其成为标准字具体设计的依据。调查的依据主要围绕以下几个方面的问题进行:消费者对于企业认知度的看法、消费者对于企业广告的接触度、企业形象等级、企业名称给人的信赖感和信任感、企业标准字的现代感和新颖感等。

【字体设计规范】

(2)对企业标准字的具体造型。这一步骤实际上是在对企业现状调查和企业未来预期的基础上,对企业名称字体的总体规划。如字型的方长、高扁、样式风格及字体的内嵌等。主要有以下几个方面的内容:一是确定企业名称的字体,包括英文字体或中文字体的选取、字体的表现形式、字体是集中成一行还是迁就特殊的空间分写成几行。二是确定标准字字体是固定成阳体(以明亮的底色配之以暗色的字体)还是阴体(以深暗色的底色配之以明亮的字体),或根据具体情况确定其他明暗程度不同的字体。三是确定企业名称的书写方式,是水平书写还是垂直书写,还是依据情形的不同用不同的书写方式。四是确定字距的大小、紧密、字型的弯曲程度。字体的颜色与底色的颜色、其深浅程度等。

(3)字体的错觉和校正。与企业名称相同,字体框架构造好后还需要进行字体的错视纠正。错视纠正包括以下几个方面;一是线的粗细错视纠正。同样粗细的直线,水平线看起来大于斜线,斜线又大于垂直线。所以在标准字的设计上,若以垂直线的宽度为标准,就须把斜线及水平线的宽度做适当的修减,直到宽度看起来相同为止。二是点线的错视纠正。当圆形的点与直线的宽度相同时,视觉上圆形比直线略小,故而在写圆点时应略微加大才能看起来与直线相同。三是黑白线的错视纠正。黑底白色线段比白底黑色的线段看起来略微大一些,因此黑白不同的背景就需要将白底黑字写粗一些,字体大小看起来才会相等。四是正方形的错视纠正。感觉上是正方形的文字,需要画出稍扁的框格。五是水平线被二等份的错觉纠正。人们在看东西时都是从左到右,这就使左边的字看起来比右边的字要大一些。因而要予以适当的纠正。

例如,北京“四通集团”的标准字的设计,就符合了以上的设计全过程。四通集团的标准字包括中文“四通集团” 和英文“STONE”两种。“四通集团”的标准字,为美术字体,风格严谨、稳重,其锐顿的变化,在设计上与标徽呼应。每个字为正方形,结合后成横向展开式,长与宽的比例为4.5:1。“四通集团”四个标准字放在标徽的右侧,是四通集团企业标志的中文模式。“STONE”的标准字,为变体美术字,整体设计由前后两部分组成,字型设计既有一致性,又有节奏感。字体的长宽比例为3.8:l。【字体设计规范】

4.设计标准字应注意的问题

在标准字的设计过程中,企业应注意以下几个问题:【字体设计规范】

(1)标准字的设计虽然讲究新意、美观,但必须是清楚的而不是模糊的,是首创的而不是模仿的,具有功能作用而不是毫无意

义,独特醒目而不是容易遗忘。

(2)标准字的设计应内涵丰富,能迅速传达企业的理念和个性特征。

(3)标准字应易于识别而且赏心悦目,在注册该标志的国家没有不适宜的视党内容和言外之意。

(4)标准字的设计能适用于所有的广告媒体,并能够做企业识别系统各构成要素的统一物。

5.标准字的功能

标准字的合理设计,对于企业信息的传递和企业形象的树立,具有重要的作用。设计完工后的标准字,应具备以下几个功能:

(1)使企业名称形象化。这实际上是把企业名称转化为视觉直观形象及其审美心理氛围,在强化企业识别标志的接受和感知的同

时,又强化了企业识别标志的辨识和认定。

(2)能充满情感地将企业的形象予以传送。信息传播的认同和内化,是与情感的感染、交流分不开的,通过标准字的字体美术效

果,能将企业形象转化为一种情感体验,使员工和社会公众在潜移默化中接受和认同企业的识别标志。

(3)能体现企业的整体经营风格。因为标准字的用处极为广泛,因而企业是属于稳重型,奔放性,勇于创新型还是热情型,在标

准字的设计中均能体现出来。

字体设计规范 第五篇_字体设计的准则

字体设计的准则

整体风格的统一

在进行设计时必须对字体作出统一的形态规范,这是字体设计最重要的准则。文字在组合时,只有在字的外部形态上具有了鲜明的统一感,才能在视觉传达上保证字体的可认性和注目度,从而清晰准确地表达文字的含义。如在字体设计时对笔画的装饰变化必须以统一的变化来处理,不能在一组字中每个字的笔画变化都不同、各自为政,否则必将破坏文字的整体美感,让人感觉杂乱无章,不成体系,这样就难以收到良好的传达效果。

笔划的统一

字体笔画的粗细要有一定的规格和比例,在进行文字设计时,同一字内和不同字间的相同笔画的粗细、形式应该统一,不能使字体因变化过多而丧失了整体的均齐感,使人在视觉上感到不舒服。

字体笔画的粗细是构成字体整齐均衡的一个重要因素,也是使字体在统一与变化中产生美感的必要条件,初学文字设计的人只有认真掌握这条准则,才能从根本上保证文字设计取得成功。

字体笔画的粗细一致与字体大小的一致一样,不是绝对的,因为其中尚有一个视觉修正问题。例如汉字中的全包围结构的字,就不能绝对四边顶格,否则会感到比周围其它的字大,若往里适当地收一下,在视觉上就会与周围的字感到一样大小了。一组字中,横笔画多的字,要作必要的笔画粗细的调整才会均齐美观,与其它字统一。

方向的统一

方向的统一在字体设计中有两层含义:一是指字体自身的斜笔画处理,每个字的斜笔画都要处理成统一的斜度,不论是向左或向右斜的笔画都要以一定的倾斜度来统一,以加强其统一的整体感。二是为了造成一组字体的动感。往往将一组字体统一有方向性的斜置处理。在作这种设计时,首先要使一组字中的每一个字都按同一方向倾斜,以形成流畅的线条;其次是每个字中的副笔画处理时,也要尽可能地使其斜度一致,这样才能在变化中保持同一的因素,增强其整体的统一感。而不致于因变化不统一,显得零乱而松散,缺乏均齐统一的美感,难以产生良好的视觉吸引力。

空间的统一

字体的统一不能仅看到其形式、笔画粗细、斜度的一致,统一产生的美感往往还需要字体笔画空隙的均衡来决定,也就是要使笔画中的空间作均衡的分配,才能造成字体的统一感。文字有简繁,笔画有多少之分,但均需注意一组字字距空间的大小视觉上的统一,不能以绝对空间相等来处理。笔画少的字内部空间大,在设计时应注意要适当缩小,才能与其他笔画多的字达到统一。空间的统一是保持字体紧凑、有力、形态美观的重要因素。

字体设计规范

http://m.gbppp.com/yl/458670/

推荐访问:android字体设计规范 iphone字体设计规范

最新文章
推荐文章
推荐内容