深圳会计培训--如何绘制布尔运算方式

一、图标的描绘步骤1.关键词提取以及脑子风暴

当接到字体设计需求时，还要将信息中的关键词进行提纯，甚至发散思维获取一些关键词的同义词、近义词。提供最初的设计方向。

2.文字符号化

把脑暴后的关键词图形化，过程中可以用笔纸简略描绘，目的是能确定出最契合要抒发信息的字体外观。

3.使用场景梳理

梳理字体所使用的环境、场景。例如标签栏、导航栏在页面中属于一级使用场景，使用视觉净重更大的面形字体。个人中心、分类、详情页属于二级使用场景，使用线型字体居多。更多指出内容本来。

二、图标的描绘模式1.贝塞尔曲线

塞尔曲线（Béziercurve），又称贝兹曲线或贝济埃曲线，是应适于二维图形应用程序的英语曲线。通常的矢量图形硬件通过它来准确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的发圈，然而就是我们一般理解的中的铅笔工具。

对于贝塞尔曲线，最重要的点是数据点（路径的起始点和右手点）和控制点（决定一条路径的弯曲轨迹）。

2.布尔运算

尔运算是数字符号化的逻辑推演法，包括联合、相交、相减。在图形处理操作中引用了这些逻辑运算方式以使简略的基本图形组合形成新的形体，并由二维布尔运算发展到三维图形的布尔运算。

在三维图形方面，布尔运算则是通过两个以上的质点进行并集、差集、交集的运算，进而得到新的质点型态。硬件系统提供了4种布尔运算方法：并集、交集、差集、减去顶楼。

通过布尔运算，我们能描绘出绝大多数的字体，但有些结构腰线复杂的字体难以使用相乘、相减、相切进行完成，这个时侯就须要使用贝塞尔曲线描绘字体。

三、图标的设计原则1.简略：字体存在的目的，是迅速传达概念

在这一系列符号当中，你能明白其中这些的涵义？对于这款车的驾驶者而言，或许会随着使用时间的积累，渐渐明白其中一部份字体的含意。巨大程度上，这是由于某些字体本来并不直观。

我们可以从下边看见，字体是如何一步步显得无法辨识的：

当字体开始使用我们不熟悉的涵义和意象时侯，它就自然显得无法理解。从左向右数第三个字体，是安全带的提示灯字体，当它亮起的时侯，意味着你没有系好安全带。这个含意相对直观，你或许还能很快把握。而最右侧的这个「电动推动转向系统警告灯」含义就十分模糊了。

最成功的字体设计，不只是是让字体本来便于理解，但是对于不同的文化背景、不同年纪段、不同知识背景的人都能理解，只有做到这么才行。

假如你想要抒发的信息过度具象，这么单独使用字体，或许不是最清晰的解决方案，必须将字体和文本标签结合上去使用。

2.对齐：确保每位字体都觉得平衡，尽量进行视觉对齐

在这个播放字体当中，虽然三角形被放置在后边位置，然而它并没有视觉对齐，我们的耳朵听到的时侯，会认为后边的三角形说向左靠的。三角形靠右的这一边在视觉上更重，所以它应当往右联通一点来确保平衡。

设计的时侯，适当的微调就能达到平衡的疗效。不要单纯的坚信数据，要用你的眼睛来进行检测和修正。

3.简练：耗尽或许少的单词来进行抒发和描述

简约是字体设计的真谛之一，由于我们一直还要在很小的屏幕上操作，字体可以传达这些信息，而不同文本或则其他复杂的内容。在用户界面当中，复古精确的设计色调才能显现重点，让内容发挥效用。的字体设计，就特别的复古有趣：

1）一致性

为了让字体家族变得愈发和谐，一直保证相似的款式和设计规则。

在iOS13之前，小米的字体设计有着各式不同的长短画笔，不同的填充款式，大小也各不相似。

任何字体都有着相应的视觉净重。而视觉净重取决于字体画笔的长短、填充方式、大小和形状这几个属性。而字体设计的难点就在于，怎样控制所有的某些参数，做到整体的一致性。

小米公司近期引进了SF这个功能，将字体直接制做成为字体图标，在这套图标当中，字体有9种不同的「字重」和3种不同的的色调（虽然有点复杂，而且绝对充分够用）。从字体到符号，在填充方式、笔触轮廓等多个不同的属性上，确保你能挑出觉得格外和谐的字体。

2）防止半象素

做设计最基础只是最忌讳的就是象素模糊，由于随着设备的不断更新相机屏幕的显示精美度越来高，任何一个微小的瑕疵就会在相机屏幕上被用户显著感知。甚至会由于那样的模糊问题直接增加整个UI界面的质量度。

3）视觉色调统一

统一的视觉色调有好多种元素，包含倒角、线面、线条长短、设计方式等。倒角的统一又分为统一的外倒角和统一的内倒角，比如外倒角为4px内倒角为2px，这么所有牵涉到倒角的字体都要保持统一。

线形字体面条性字体最好不要混和使用，尤其是同一类的字体。腰线长短要全套字体完全一致，比如设定字体长短为3px那就该统一为3px。其实在实际设计中或许也有更多的设计元素还要统一，只要遵守这个统一的原则就一定能设计出一套有质量保证的字体。

四、图标设计自查方式

字体的的底层价值在于它能够精确的向用户传达信息！因此辨识性是字体最基础的要求，一个有价值的字体，不光在于视觉是否美观，更在于信息传递的准确度，字体辨识性主要分为谓词辨识和视觉辨识两部份。

1.句法辨识

句法辨识的理解就是当用户听到这个字体以后，很清晰的晓得这个是干何种的。如下方支付宝的字体扫一扫，首付款、出行、卡包。“扫一扫”图标高中数学流程图符号含义，与日常用户在扫码页面时，就会有一个条形码显示区域，后边有一条线在区域内扫瞄，基于那样的用户习惯和认知，扫一扫字体就挺好的传递这是扫描条形码的意思。

2.视觉辨识

视觉辨识更在意影响用户辨识字体的听觉诱因，如色调、复杂程度、图标类别的搭配等。

字体色调：色度相似的明度色调不能在一起使用，放到一起都会变得字体很昏暗，我们平时说的白底黑字，意思就是为了产生色调对比，因而突出主体。

复杂程度：色度相似的明度色调不能在一起使用，置于一起都会变得字体很昏暗高中数学流程图符号含义，我们平时说的白底黑字，意思就是为了产生色调对比，因而突出主体。

类别搭配：色调与字体类别的结合，“底色+面性”的辨识性>“底色+线性”的辨识性。

统一性：可以从倒角大小：倒角大小的细节很容易被忽视，由于它的成型和遮罩方式的选用还有巨大的关联，遮罩模式有内遮罩、居中遮罩、外遮罩。遮罩的大小会依据基线来扩充。

遮罩长短：字体的粗线也会影响整体字体的一致性如右图所示，对比很强烈。

端点类别：平头断点较为粗俗，尖头断点比较俏皮开朗。

视觉统一：按照网格规范设计保证字体的平衡统一。

字体数据小数点：当字体中的点的位置或则某一部份出现小数点的场景，还要调整至整数，按照四舍五入的计数方法进行准确，遮罩大小数值可以存在“X.5”这样的状况。

五、图标的可用性检测1.可用性检测标准

按照上面的设计原则可以推导入字体可用性的检测标准：

2.可用性检测方式

检测方式主要有两种：置于页面中检测以及独立页面外检测。

检测图标的统一性，还要置于页面中检测，按照页面的实际使用环境，检测字体在页面中是否和谐、完整；是否还要文字信息辅助说明；字体在页面中是否容易被用户找到。

可以使用A/B检测，找一些用户通过AB版检测，考量两个版本见字体的差别性，是否出现用户困惑、失望，是否符合用户的心理预期。其实在检测前还要保证AB版本的字体大小位置完全一致，确保没有其他变量影响检测。

检测图标的辨识性，还要将所有字体单独下来，删掉所有文字信息，假若带有文字。判定是否出现字体不能理解的状况。删掉文字只是考虑到检测的时侯会由于文字信息的引导，因而忽视了字体传递含意。

六、图标的交付1.字体的交付格式

说字体交付之前，先了解一右图标的格式有什么。JPG、PNG、GIF、SVG，一共四种格式。差别是何种呢？

JPG：自带背景，不支持拖放PNG：可以透明机制，不支持拖放，须要留意留白大小GIF：通常用在动心态表，支持透明背景SVG：惟一可以支持无损拖放的矢量格式2.字体的交付模式

一般有两种交付模式：

通过蓝湖进行界面倍数适配，手动切图。将SVG格式的字体上传到的网站，让开发老师自己下载。须要留意上传到是有严苛设计标准，还要自己检测是否符合上传标准。七、小结

整个字体设计分为三篇来述说的。

第二篇内容就到这儿结束了。