数字界面基础知识2.pptVIP

屏幕识别:字体 要在屏幕上显示文字，通常需要把相关的文本定义通过渲染引擎转化成显示设备可以识别的数据。 技术上当然也可以把文字转化成图像显示，但这会使用不同的渲染引擎。以图像的方式渲染文本有很多缺点： 图像占用的数据量比文本更大 图像无法灵活的更改 程序无法识别出图像上的文字，因而无法对文字数据进行更深入地发掘和应用（搜索引擎、屏幕阅读机等） 使用文本模式渲染文字的一个麻烦是“需要分发字形” 要想正确地显示界面上的文本，必须将相应的字形文件安装在每一个用户的设备上，有时这并不是一件容易的事情。 中文字形文件的分发难题： 对字体的定义通常来自于字形文件，中文字形文件包含了对上千汉字在不同显示尺寸上的定义，文件尺寸很大，分发时消耗数据惊人。 分发字形策略1：使用系统自带字体 我们使用的Windows操作系统中,通常自带一些字形文件，如”宋体”,”黑体”,”Arial” 等； 如果你知道用户的操作系统，在界面中使用该系统的自带字体，就可以免去分发字形的问题。 但不同用户可能使用不同操作系统，而Mac OS操作系统中自带的字形文件与Windows并不相同。 分发字形策略2：将字形文件打包在应用程序安装文件中 某些应用程序（比如游戏）为了用户体验会在界面上使用特别设计的字体，可以将字形文件打包在安装文件中，当用户在安装程序的时候就可以把内嵌的字形文件安装到设备中了。 但是，现在越来越多基于网络的轻量型应用，是不需要“安装”的… 界面设计中选用字体的几个原则： 如果文字很多，并且需要被程序识别和控制，请使用文本模式渲染这些文字。 如果文字很少，不需要被程序识别和控制，且字形非常独特(比如logo上的字体)，可考虑将其转化为图形来处理 如果目标用户使用的设备和系统非常统一，则尽量多用该系统自带字形 如果你为一个基于web的应用设计界面，最好不要嵌入中文字形 点阵字体 点阵字体使用像素点阵中的虚实关系来表现字形 有些应用程序可以让你在点阵字体和矢量字体之间切换。设计界面时，你也可以选择以点阵或矢量方式显示文本。 点阵字不能随意缩小：点阵字体的通常是针对特定的显示尺寸设计的，若缩小字体，就会变形。 14px 12px 10px 点阵字不能随意放大：点阵字体的通常是针对特定的显示尺寸设计的，若放大字体，就会出现锯齿。 点阵字可以平滑显示：抗锯齿技术/平滑字体技术能有效消除点阵字体的“锯齿”，但只能适用于大字体（大于14px） 不同字体的点阵字差别很大：许多中文字体，没有针对屏幕显示而设计，因而在使用小字体的场合，设计师几乎没有选择的余地。 点阵字的设计难题：在设计小字号点阵字体的时候，因为空间有限，为了保证识别不得不修改字形，“短斤少两”。 点阵字体小结 缩小点阵字显示会变形 放大点阵字会出现锯齿 抗锯齿技术无法作用于小号点阵字 设计师对中文点阵字的选择余地小 为了保证识别，小号点阵字体的设计不得不“短斤少两”，形成了新的“错别字”。 英文字体的优势 相对于中文，英文的笔画数量少，结构简单。仅使用少量的点阵就能显示。 10px 英文字符数量少，开发周期短成本低，有大量的设计师及组织从事字体开发和研究工作。 设计师对于英文小字体有更多的选择…… 业界：宋体 VS. 微软雅黑 常见的四种字体，宋、黑、隶、楷，那种更适合制作成点阵字？为什么？ 猜想：因为像素的形状为正方形，所以点阵字体与形体方正的黑体似乎更相近。如果未来技术发展，出现了其他形状（如菱形、六边形或三角形）的像素，那么点阵字体的造型会是什么样子？ 作业：从自己的姓名中选出两个字作点阵字体设计，字体不限，点的形状可任选三角形、六边形、菱形或锲形，如下图所示。