汉字图标设计图案（汉字图标设计图案图片）

大家好！今天让创意岭的小编来大家介绍下关于汉字图标设计图案的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

• 1、LOGO 设计

• 2、logo有几种形式？

• 3、汉字元素与标志设计的关系

• 4、如何制作自己的网页字体图标

一、LOGO 设计

logo作为一种识别和传达信息的视觉图形，以其简约、优美的造型语言，体现着品牌的特点和企业的形象。

特质

LOGO是希腊语 logos 的变

一些知名LOGO(33张)

化，是现代经济的产物，它不同于古代的印记，现代标志承载着企业的无形资产，是企业综合信息传递的媒介。标志作为企业CIS战略的最主要部分，在企业形象传递过程中，是应用最广泛、出现频率最高，同时也是最关键的元素。企业强大的整体实力、完善的管理机制、优质的产品和服务，都被涵概于标志中，通过不断的刺激和反复刻画，深深的留在受众心中。

编辑本段国际规范

LOGO的国际标准规范为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有四种规格：

LOGO规格 备注

1 88×31 互联网上最普遍的LOGO规格

2 120×60 用于一般大小的LOGO规格

3 120×90 用于大型的LOGO规格

4 200×70 这种规格LOGO也已经出现

设计分类

A 具象表现形式 B 文字表现形式 C 抽象标志

1 圆形标志图形 1 汉字标志图形 1 人体造型的图形

2 四方形标志图形 2 拉丁字母标志图形 2 动物造型的图形

3 三角形的标志图形 3 数字标志图形 3 植物造型的图形

4 多边形标志图形

4 器物造型的图形

5 方向形标志图形

5 自然造型的图形

编辑本段表现形式

作为具有传媒特性的LOGO，为了在最有效的空间内实现所有的视觉识别功能，一般是通过特示图案及特示文字的组合，达到对被标识体的出示、说明、沟通、交流从而引导受众的兴趣、达到增强美誉、记忆等目的。

表现形式的组合方式一般分为特示图案，特示字体，合成字体。

1．特示图案：

属于表象符号，独特、醒目、图案本身易被区分、记忆，通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体，对其理念的表达概括而形象，但与被标识体关联性不够直接，受众容易记忆图案本身，但对被标识体的关系的认知需要相对较曲折的过程，但一旦建立联系，印象较深刻，对被标识体记忆相对持久。

2．特示文字：属于表意符号。在沟通与传播活动中，反复使用的被标识体的名称或是其产品名，用一种文字形态加以统一。涵义明确、直接，与被标识体的联系密切，易于被理解，认知，对所表达的理念也具有说明的作用，但因为文字本身的相似性易模糊受众对标识本身的记忆，从而对被标识体的长久记忆发生弱化。

所以特示文字，一般作为特示图案的补充，要求选择的字体应与整体风格一致，应尽可能做出全新的区别性创作。

完整的LOGO设计，尤其是有中国特色的LOGO设计，在国际化的要求下，一般都应考虑至少有中英文双语的形式，要考虑中英文字的比例，搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观，这一点对背景等的制作十分必要，有利于追求符号扩张的效果。

3．合成文字：

是一种表象表意的综合，指文字与图案结合的设计，兼具文字与图案的属性，但都导致相关属性的影响力相对弱化，为了不同的对象取向，制作偏图案或偏文字的LOGO，会在表达时产生较大的差异。如只对印刷字体做简单修饰，或把文字变成一种装饰造型让大家去猜。其综合功能为：

a.能够直接将被标识体的印象，透过文字造型让读者理解

b.造型后的文字，较易于使观者留下深刻印象与记忆。

编辑本段性质

1．识别性

关于识别性要求必须容易识别，易记忆。这就要做到无论是从色彩还是构图上一定要讲究简单。

2．特异性

所谓特异性就是要与其他的LOGO有区别，要有自己的特性。否则设计的LOGO都一样。

3．内涵性

设计LOGO一定要有它自身的含义，否则就算做的再漂亮，再完美也只是形式上的漂亮，却没有一点意义。这就要求LOGO必须有自己的象征意义。

4．法律意识

关于LOGO的法律意识一定要注意敏感的字样、形状和语言。

5．整体形象规划（结构性）

LOGO不同的结构会给人不同的心理意识，就像水平线给人的感觉是平缓、稳重、延续和平静，竖线给人的感觉是高、直率、轻和浮躁感，点给人的感觉是扩张或收缩，容易引起人的注意等。

6．色彩性

色彩是形态三个基本要素（形、色、质）之一。LOGO常用的颜色为三原色（红，黄，蓝），这三种颜色纯度比较高，比较的亮丽，更容易吸引人的眼球。色彩为工业设计学科中必须研究的基本课题。色彩研究涉及物理学、生理学、心理学、美学与艺术理论等多门学科。

编辑本段设计流程

1．调研分析－－标志不仅仅是一个图形或文字的组合，它是依据企业的构成结构、行业类别、经营理念，并充分考虑标志接触的对象和应用环境，为企业制定的标准视觉符号。在设计之前，首先要对企业做全面深入的了解，包括经营战略、市场分析、以及企业最高领导人员的基本意愿，这些都是标志设计开发的重要依据。对竞争对手的了解也是重要的步骤，标志的识别性，就是建立在对竞争环境的充分掌握上。因此，我们首先会要求客户填写一份标志设计调查问卷。

2．要素挖掘－－要素挖掘是为设计开发工作做进一步的准备。我们会依据对调查结果的分析，提炼出标志的结构类型、色彩取向，列出标志所要体现的精神和特点，挖掘相关的图形元素，找出标志的设计方向，使设计工作有的放矢，而不是对文字图形的无目的组合。

3．设计开发－－有了对企业的全面了解和对设计要素的充分掌握，可以从不同的角度和方向进行设计开发工作。通过设计师对标志的理解，充分发挥想象，用不同的表现方式，将设计要素融入设计中，标志必须达到含义深刻、特征明显、造型大气、结构稳重、色彩搭配能适合企业，避免流于俗套或大众化。不同的标志所反映的侧重或表象会有区别，经过讨论分析修改，找出适合企业的标志。

4．标志修正－－提案阶段确定的标志，可能在细节上还不太完善，我们经过对标志的标准制图、大小修正、黑白应用、线条应用等不同表现形式的修正，使标志使用使更加规范，同时标志的特点、结构在不同环境下使用时，也不会丧失，达到统一、有序、规范的传播。

编辑本段配色技巧

[1]色彩的魅力是无限的，它可以让平淡无味的东西瞬间变得美丽、漂亮起来。信息时代的快速到来，网络也开始变得多姿多彩。人们不再局限于简单的文字和图片，他们不仅希望通过网络获得所需要的，更希望在这一过程中享受生活、感受美丽；他们不仅需要网页能够实用，更需要网页看上去舒适、赏心悦目。所以当代设计者不仅需要掌握基本的网站制作技术，还需要掌握网站的风格、配色等设计艺术。这里具体包括网页的版面设计、品牌设计、艺术文本设计、配色设计。其中配色设计在网站设计中占有相当重要的地位。

如果不使用语言进行交流的话，颜色是传递信息和表达意思最快捷的方法。如：在确认植物、矿物、动物等物体时，色彩能很容易的帮助人们区分；超市里的货物能给大家留下很深刻的印象，所必需的就是色彩。在人们日常生活中，色彩效果的重要性超乎我们的想象。

色彩，可以称它为安静的售货员，也就是说，用色彩吸引消费者的视线。向消费者传达这是什么商品的信息，对营销而言这比什么都重要。尤其在网络世界中，消费者更希望通过视觉充分了解商品的性状，所以我们就要充分的满足这样的心理。为了能更好的应用色彩来设计网页，首先应该了解一下色彩的基本概念。

自然界中有好多种色彩，比如：玫瑰是红色的，大海是蓝色的，橘子是橙色的……但是最基本的颜色只有三种：红色、黄色和蓝色。其他的色彩都可以由这三种颜色调和而成，这三种颜色则称为颜料的三原色。

现实中的色彩可以分为无彩色和有彩色。白色和黑色，黑还有它们之间所产生的全部的灰色段都成为无彩色，它没有色相的种类，只有明暗的变化。[1]无彩色只能用明度的差异来区分，白色是最鲜亮的，黑色是最灰暗的。有彩色指的是无彩色以外所有的颜色。

客观世界的有彩色（即色彩）千变万化、各不相同，但任何色彩都有色相、明度、纯度三个方面的性质，又称色彩的三要素，而且当色彩间发生作用时，除以上三种基本条件外，各种色彩彼此间形成色调，并显现出自己的特性。因此，色相、明度、纯度、色调及色性等五项构成了色彩的要素。

色相指色彩的相貌，是区别色彩种类的名称。明度（色彩的明暗程度）即色彩的深浅差别。明度差别即指同色的深浅变化，又指不同色相之间存在的明度差别。纯度（色彩的纯净程度）又称彩度或饱和度。某一纯净色加上白或黑，可降低其纯度，或趋于柔和、或趋于沉重。而色调指的是画面中总是由具有某种内在联系的各种色彩组成一个完整统一的整体，形成画面色彩总的趋向。色性指色彩的冷暖倾向。

[2] 了解了色彩的基本概念和要素后，对色彩的印象表现就能够更深入的去体会了。

色彩是人体第一视觉语言，具有影响人们心理、唤起人们感情的作用，更能左右人们的感情和行动，这与大部分人的经验与联想有关，人们通过与自然界和社会的接触，逐步形成色彩的概念和联想。因此色彩的象征意义和印象表现是具有世界性的，不同的民族产生的差异不大。这里，通过分析日常生活中的几种主调颜色，来探究一下在网页制作中设计色彩的印象表现及效果。

红色，最引人注目的色彩，具有强烈的感染力，它是火的色、血的色。象征热情、喜庆、幸福。另一方面又象征警觉、危险。红色色感刺激强烈，在网页色彩配合中常起着主色和重要的调和对比作用，是使用得最多的色。消费者们很容易把红色联想成有品位、有价值和有香甜味道的葡萄酒的颜色。所以多使用在汽车和类似价钱较高的商品中。

黄色是阳光的色彩，象征光明、希望、高贵、愉快。浅黄色表示柔弱，灰黄色表示病态。黄色在纯色中明度最高，与红色色系的色配合产生辉煌华丽、热烈喜庆的效果，与兰色色系的色配合产生淡雅宁静、柔和清爽的效果。在网页色彩配合中一般黄色是与节日礼品类有关的，它的使用也是设计师们比较小心的颜色。

蓝色是天空的色彩，象征和平、安静、纯洁、理智。另一方面又有消极、冷淡、保守等意味。蓝色与红、黄等色运用得当，能构成和谐的对比调和关系。饮食和蓝色之间是不和谐的，人物通常不能够接受在饮食中看到蓝色，如：蓝色的牛奶和蓝色的牛排等。那是因为蓝色的饮食会让人们产生厌恶的感觉。相反地，在儿童食品中出现则会有意想不到的效果――喜欢。因此，大多数的网页设计中，儿童板块和清洁类的商品使用蓝色为主调。

绿色是植物是色彩，象征着平静与安全，带灰褐绿的色则象征着衰老和终止。绿色和蓝色配合显得柔和宁静，和黄色配合显得明快清新。而在网页色彩配合中，由于绿色的视认性不高，多为陪衬的中型色彩运用。

橙色，秋天收获的颜色，鲜艳的橙色比红色更为温暖、华美，是所有色彩中最温暖的色彩。橙色象征快乐、健康、勇敢。研究心理学和生命的歌德曾经说过：“在最高的能量中能看到橙色。健康和单纯的人们格外喜欢橙色，而越民族化的就会越有不喜欢橙色的趋向。”（Goethe: Saemtliche Werke 10,die Farbenlehre, Muenchner Ausgabe）

[3]紫色象征优美、高贵、尊严，另一方面又有孤独、神秘等意味。淡紫色的原料是贝类，所以价格昂贵。因为这样的原因，紫色就象征着富贵和力量，有高雅和魔力的感觉，深紫色则有沉重、庄严的感觉。在网页配色设计中紫色与红色配合显得华丽和谐，与蓝色配合显得华贵低沉，与绿色配合显得热情成熟。运用得当能构成新颖别致的效果。

黑色是暗色，是明度最低的非彩色，象征着力量，有时又意味着不吉祥和罪恶。在网页设计中能和许多色彩构成良好的对比调和关系，运用范围很广。其中，采用黑色色相的家电产品都是昂贵的商品白色表示纯粹与洁白的色，象征纯洁、朴素、高雅等。作为非彩色的极色，白色与黑色一样，与所有的色彩构成明快的对比调和关系，与黑色相配，构成简洁明确、朴素有力的效果，给人一种重量感和稳定感，有很好的视觉传达能力。

设计精良的网站除了要有色调构成的整体倾向，还要有和谐统一的色彩倾向，如同人的衣着一样，信息空间的构造也需要恰如其分的包装和表达。

通常设计师开始着手网页制作工作时首先会决定整个网站的色彩倾向，这决定着网站给浏览者的第一印象。页面色调又活泼或庄重，雅致或热烈的趋向。比如Disney的页面设计色彩艳丽，如选择素的颜色。可能既无法营造出欢快的气氛；而Apple公司页面色调则是以素淡为主，晶莹剔透的按钮等细节突出了产品及公司自身的高贵典雅、超凡脱俗的形象。

[4]在用色方面也有繁简之分，不同性质的网站在这个方面会有不同。某些艺术类网站，会不厌其烦的用各式各样的手法来展示其创意，甚至追求“混乱”的风格以标榜反传统的设计观念。

[5]接下来，设计师在网页配色设计中关于色彩应用心理的运用也是十分重要的。在确定风格和这个题网页色彩基调后，从网页内容和商品出发，为了让消费者受到吸引和震撼，从日常生活中人们的视角出发，对色彩的应用心理效应十分重要，这也是网页配色设计中最关键的一步，也是最后一步。

色彩的直接心理效应来自色彩的物理光刺激对人的生理发生的直接影响。心理学家对此曾做过许多实验。他们发现，在红色环境中，人的脉搏会加快，血压有所升高，情绪兴奋冲动。而处在蓝色环境中，脉搏会减缓，情绪也较沉静。有的科学家发现，颜色能影响脑电波，脑电波对红色反应是警觉，对蓝色的反应是放松。自19世纪中叶以后，心理学已从哲学转入科学的范畴，心理学家注重实验所验证的色彩心理的效果。不少色彩理论中都对此作过专门的介绍，这些经验向我们明确地肯定了色彩对人心理的影响。

冷色与暖色是依据心理错觉对色彩的物理性分类，对于颜色的物质性印象，大致由冷暖两个色系产生。波长长的红光和橙色光、黄色光，本身有暖和感，因此光照射到任何色都会有暖和感。相反，波长短的紫色光、蓝色光、绿色光，有寒冷的感觉。夏日，我们关掉室内的白炽灯，打开日光灯，就会有一种变凉爽的感觉。颜料也是如此，在冷食或冷的饮料包装上使用冷色，视觉上会引起你对这些食物冰冷的感觉。冬日，把卧室的窗帘换成暖色，就会增加室内的暖和感。

以上的冷暖感觉，并非来自物理上的真实温度，而是与我们的视觉与心理联想有关。总的来说，人们在日常生活中既需要暖色，又需要冷色，在网页色彩的表现上也是如此。

通过对网页配色设计的探究，不难发现，设计的重要任务在于科学准确的把握主题的内涵，追求卓越的设计创意，同时也要不断的探索新的艺术形式，才能提升设计作品的表现力，增强打动人心的力量。

[6]现当代艺术审美的趋势主要有以下几个方面决定

　1．激烈的市场竞争促进表现手法的不断竞争。为了让网页更能够吸引消费者，更能够让浏览者留下深刻的印象，进而达到提高流量、推广商品的目的，对页面设计包括色彩的搭配都是非常严格，也是具有挑战性的。需要设计者不断的从色彩学，心理学，乃至艺术设计领域获取新的知识和发展动向。

2．为适应当代审美心理趋势的发展变化。设计作为一项有目的性的艺术创造活动，有很明确的从属性，必须与社会发展的物质生活需求相适应。此外，还必须与整个时代社会审美文化的发展变化相适应。因此，在网页设计作品中的色彩表现手法的运用，除了必须服从网页风格的表达，还必须与网页接受的特定的消费者群体的审美观念和审美兴趣相适应，才能有效地完成它的传达过程

3．与其他艺术的渗透融合艺术表现的内容。这里就体现在网页设计中的美术色彩应用以及整体的布局结构设计。

通过了解以上的色彩原理、配色技术和艺术审美要求，可以发现网页制作中关于配色设计的要求是十分重要的，要善于运用色彩和非色彩的调和功能，在页面上明确基调，同时注意丰富页面构成的空间层次。

能够将色彩自然和谐的运用在网页设计中才会使网页获得生命的力量，像一颗朝气蓬勃、绿意盎然的大树将生命的气息通过无限延伸的枝条传送给旅途中的人们，让他们不得不驻足惊叹观赏起来！然而要想掌握好色彩的搭配并不是很难，大自然无疑是设计师最好的老师，她日复一日、无偿的为我们展示了如此和谐美妙的色彩组合。自古以来，人们熟视这种和谐，也更易接受这种和谐。

编辑本段定位

性质定位

即以企业或机构的性质作为定位点。这一定位方法被广泛采用，特点是恰当自然、通俗易懂。如我国著名设计家陈汉民先生设计的中国人民银行和中国农业银行标志，分别以古钱币、“人”字和麦穗、人民币符号“￥”突出了金融机构性质。

内容定位

与产品或名称内容相一致。特点是清楚、易记、一目了然。如永久牌自行车用“永久”两字组成自行车形，白天鹅宾馆采用天鹅图形。

艺术化定位

多用于各类与文化、艺术有关的团体和机构。如文化馆、美术馆、文化交流协会等。特点是强调艺术性，有幽默感。

民族化定位

多用于具有较久历史的企业或机构。特点是多用传统纹样或具有传统文化的象征物，如龙、凤等。如中国茶叶出口商标，用“中”字组成极具中国特色的连续纹样。陈汉民先生设计的北京兆龙饭店原店徽则采用了中国传统吉祥物——龙的形象。

国际化定位

多用于外贸企业、跨国公司或准备打入国际市场的产品商标。特点是多用字母型，如可口可乐、柯达商标等。

理念定位

广泛应用于各企业或机构。特点是抽象图案化，以象征或寓意手法来表达。

不同企业或机构定位不同，同一类型的企业或机构可能定位也不一样。如何才能找到最理想的定位，这与设计者文化素质、艺术修养和综合判断能力有关。应该明白的是，定位只是侧重点，不可孤立地对待。以上定位方法在实际设计过程中更多是交错在一起的，你中有我，我中有你，相互浸透，相映生辉。笔者相信，只要通过认真的思考，反复的实践探索，总结规律，就会得心应手地做到定位准确，做到事半功倍，少走弯路，多出精品。

编辑本段设计技巧

logo的设计技巧很多，概括说来要注意以下几点：

①保持视觉平衡、讲究线条的流畅，使整体形状美观

②用反差、对比或边框等强调主题

③选择恰当的字体；

④注意留白，给人想象空间

⑤运用色彩。因为人们对色彩的反映比对形状的反映更为敏锐和直接，更能激发情感，

这里我就着重谈一下logo设计中的的色彩运用技巧。

①基色要相对稳定

②强调色彩的形式感：比如重色块、线条的组合

③强调色彩的记忆感和感情规律：比如**代表富丽、明快；橙红给人温暖、热烈感；蓝色、紫色、绿色使人凉爽、沉静；茶色、熟褐色令人联想到浓郁的香味（看过快餐店的广告吗？)

④合理使用色彩的对比关系，色彩的对比能产生强烈的视觉效果，而色彩的调和则构成空间层次。

⑤重视色彩的注目性：下面附表分别列出了注目程度高和注目程度低的配**况，设计时可以参照使用。

二、logo有几种形式？

1.具象型

具象型标志是指直接利用具有代表性的物象来表达含义。这种手法直接明确且一目了然，便于迅速理解和记忆。如表现教育行业的标志以书为形象;表现铁路运输业的标志以火车头为形象等等。

●人体造型的图形

人的身体姿态动作完全可以传达一个简洁明了的概念，在标志中运用十分广泛。例如下图示例中，真功夫餐饮业的标志，以李小龙为形象，使标志生动形象。

●动物造型的图形

早在远古时期，人们就把动物作为图腾崇拜的标志。即使在当今社会，人们依然对动物造型情有独钟。但应注意，选用动物时，应考虑到不同区域对于动物的喜爱也有所不同。

●植物造型的图形

植物造型的图形应用到标志中，常会给人一种清新爽朗的感觉。

●器物造型的图形

器物造型的图形涉及的范围广阔、品种繁多。器物指的是各种用具的总称。大至高耸入云的建筑物、巨大的交通工具等，小至铅笔、电器插座和插头、文具、餐具等等。

●自然造型的图形

自然现象是神秘的自然力的象征。星象、水和火星是这一类型标志常用的题材。

2.抽象型

抽象型标志是指用理性的，纯粹的点、线、面、体组成的抽象图形来表达含义。这种标志在造型效果上有较大的发挥余地，具有强烈的现代感和符号感。例如下面中间的标志，是一家以色列画廊的标志，采用了非常抽象的线条表示，具有很强烈的符号感。

注意：抽象类标志由于其意义表达不够直截了当，因而不像具象图形那样易于被人们所理解，有时甚至还会产生歧义。

抽象型标志按其不同的形态构成特征，可以分为以下四类：

●圆形标志设计

圆形容易吸引人的视觉注意力，形成视觉中心。同时，圆

形又象征着全、满、圆的美好意愿，所以在标志中得到了广泛运用。圆形标志图形一般可分为正圆形、椭圆形和复合形三类。

●四方形标志设计

四方形具有四个角和一个中心的基本特征。四方形与圆形相比，具有一定的方向性。正方形、矩形、梯形、菱形都是四方形。

●三角形标志设计

标志中出现的三角形主要有两种表现形式：一种是正立三角形，显得特别的稳重;另一种是倒立三角形，这种三角形将宽大的顶部支撑在一个支点上，形成了一个极其危险的平衡方式。

注意：这里的三角形是以等腰或等边三角形为主，因为这类三角形可以给人一种稳重平衡的感觉。

●多边形标志设计

多边形是指由多种几何形组合而成的。其构成方式一般有两种：一种是由各种几何形相互切割构成的，如圆形和四方形的切割等;另一种是由各种几何形并置而成的。在标志设计中，多边形往往能表现多种形式和内容。

注意：在视觉记忆方面，多边形不如其他简单的几何形那样容易记忆。

●方向形标志图形

方向形又称箭形。箭形的本义是箭头，其引申义是指向或朝向。在空间中，箭头的角度方向不同、其意义也就不同。如箭头朝上表示上升和直立;箭头向下表示降低和朝下。可见不同方向的箭头所代表的含义也不同。

3.文字型标志

文字型标志是指标志形象以文字为主的标志。文字型标志根据不同类别的图形又可分为汉字标志、字母标志和数字标志。

●汉字标志

汉字被认为是表形和表意文字的典范。人们常常运用汉字的象征意义来表达对美好事物的祝愿。在标志设计中，汉字也同样得到了广泛的运用。例如下图所示。

●字母标志

字母标志具有言简意赅、形态多样等优势。在标志设计中，得到了广泛应用。字母标志一般采取字母组合和象形图形相结合等方式。其中字母组合又包括全称字母组合、单一字母、字母缩写组合等形式。

●数字标志

数字标志是指以数字作为标志造型基础的标志。由于数字的独特性和便于识别的特点，得到了越来越多人的喜爱。

标志还可以从其他的角度进行分类。比如以构成因素分类，可以将标志分为图形标志，文字标志和复合标志;从使用对象来分，可分为商品标志和服务标志等等

三、汉字元素与标志设计的关系

在现代标志设计中，拉丁文字的运用可谓铺天盖地。而作为标志设计元素的汉字，在现代标志设计中却遭到“冷遇”。我们作为现代设计师，应该保持鲜明的民族特色，并且将民族传统与时代精神结合起来， 继承先人的智慧，创造出既有民族特色又有时代精神的标志作品。

一、标志的概念及由来

现代标志设计是一种由特殊的文字或图像组成的大众传播符号， 它的基本功能是以图形传达信息，表现其内在的质量、特点，而以之作为沟通的媒介。它借鉴和运用原始符号，并赋予原始符号以更高的艺术高度。 现代标志设计是人类文明高容量的载体，是人类文化的缩影。纵观历史，从原始社会的记号到图腾， 从商周的象形符号到秦汉的印章，再从唐宋的幌子到明清的洋化标志， 标志的这些变化无不体现了当时整个社会的历史文化状况。

原始符号是人类自有记载以来为了交流和记录的需要而创造的一种视觉语言。 原始社会中部族的图腾、手工艺品上的符号和记号都可以说是现代标志设计的萌芽。这类标志、记号和符号并非是一种纯装饰的纹样，充满了部落信仰和传统观念， 凝结了原始人一定的动机和目的，反映着社会历史的内容和各种含义。哲学家卡西尔(E. Cassirer）说过，人之所以为“万物之灵”，是因为他会创造“符号”。美国著名艺术家瓦尔特·麦乐斯曾讲到：“当一件物品为了生存的需要最初制成时，它是以符合实用的功能而产生的，装饰是次要的，可有可无的。但在较后阶段，当人们有了更多的闲暇去推敲琢磨时，他就感到需要使物体更为完美， 并且加上个人的印记使它具有个人的特征。”

二、汉字图形化特征的形成

文字作为语言的书面符号，是传递信息、交流情感的有效手段。它是民族智慧的结晶， 经过长期的进化、演变，才形成了今天的成熟形态。目前，世界上仍被人们使用的文字有“意形文字”和“字母文字”两大类。汉字是意形文字的代表，拉丁文字是表音文字的代表。但只有汉字在具备文字基本要素的同时， 又被赋予了超乎其功用的装饰符号功能，即审美功能。尤其是古代象形文字及民间的组合文字。汉字造字之初就具有图形特征。人类在蒙昧之初，还不会使用语言和文字，要表达情感、记录事件过程和相互交流时，只能借助辅助手段，如实物、结绳、锲刻和图画等。以其作用和产生的效果来说， 图画是所有形式中最完善的。它是客观事物的复制，具备了相当程度的自我说明能力，可以离开人的记忆和解释，独立地传递某种信息。 图画暂时成为交流沟通的有效手段，而且规定了人类早期文字发生的起点与轨迹， 即以图画为基本符号的文字形式。

三、汉字在现代设计中的应用

平面设计是一门视觉的艺术，汉字是平面设计的重要元素之一，具有指示、说明的识别作用。 而汉字的图形化特征又进一步扩大了它的功能，使其还可以充当图形元素。单纯的图形因为汉字的加入而极大地丰富了设计的语言。

汉字作为图形元素具有双重性，比单纯的图形更富于表现力和视觉冲击力。首先字意本身就是最明确、最有说服力的，具有信息传递的准确性与直接性等特点；其次，汉字的图形化特征，使汉字从字意的传达到图形的传达成为可能，并具有极强的可塑性。例如，在平面设计中，可以把汉字进行各种编排：既可成面，全篇铺陈；又可成形，随图形的外轮廓变化；还可成线，流畅自如。

汉字在具有图形一切特点的同时，还具有图形所无法替代和表达的东西。 这在标志设计中尤为突出。标志是象征性、概念化的视觉符号，是最简洁与抽象的语言，可以表达复杂与深刻的内涵。 而汉字本身深厚的文化底蕴也在演变过程中更加提纯并简洁。 二者在表象上具有共同点（即都是高度抽象的概念化符号）， 这使得汉字成为除图形外最符合标志设计需求的设计元素。

在生活中，汉字的图形化特征越来越被重视和发掘，并在标志设计中广泛应用。例如“中国银行”的标志设计：首先，作者使用了中国特有的古钱币作为标志的主体。看到这样的圆形方孔的钱币，自然会联想到中国。一个“中”字也代表中国之意，竖笔在“口”字中间断开，外围一个正圆包围，整体形成了古代圆形方孔钱，暗喻货币流通的意思，简洁凝练、识别性强。同样，“中国工商银行”的标志也有异曲同工之妙，标志把“工”字设计成空心字，围绕字体轮廓描边，两头断开与底色成一整体，体现流通之意。形式上对称而不呆板，虚实相生、对比丰富，既是汉字又是图形。

四、如何制作自己的网页字体图标

从设计单独的图标开始，到把它们转化成@font-face格式以备嵌入，乃至授权给他人使用，整个过程中我们将仅使用免费软件和在线服务。感觉怎么样呢？你不必依托于任何深奥的知识就可以制作出一套成功的英文字体（包括字母和数字），而只需要眼睛来设计——你面对的可能是非常非常小的东西。

最终，你将会收获一个制作设计元素的过程（方法），它的意义远远在制作出简单的图标之上。

在我们继续之前，首先应该谈谈，究竟希望通过在设计中使用图标达到什么目的，又是什么使得一个图标比下一个更成功。先讲理论再讲应用。为了完成这个任务，我们必须思考图标作为符号学的一部分，所扮演的角色。

什么是优秀的图标？

符号学，从广义上来说就是研究符号系统，我们如何对它们的形成和维护做出贡献，它们亦因我们对世界的理解而受到影响。

不论何时，当你从“它象征着什么”—— 它向你的观众传达了什么信息，或者它唤起了他们什么概念——思考你的某一部分设计工作时，你就是以符号学家的角度来审视你的设计。符号学像其它语言学一样，的确可以覆盖一种语言，在一个网站上面，有很多东西不是通过文字表达出来的，例如颜色、字体、形状（图标）。每个人都应该注意的是，这些东西所表达的都含有一种很强的文化因素。在中国，红色可以表示好运气，而在很多西方国家，它却意味着危险。

术语“icon”在符号学中有一个特殊的意思。icon是一个神器，通过相似表达某事物。例如，一个标记地图位置的icon。它拥有一个类似真实的

地图标记的形状,因此它可以表示一个位置，反过来，真正的地图位置标记使人们想起各种有意义的概念。其中这些有抽象的概念，比如地点；也有不太抽象的概

念，比如这个位置可能在什么地方。

一些所谓的图标并不具有真正意义的代表性。无处不在的RSS图标，一个点和两个同心圆弧段，没有什么比它更像Really Simple

Syndication 了。构成RSS图标的形状通过单独约定具有象征意义，对此我们已经达成了共识。不过，一个RSS图标更适合被称为RSS标志。

现在，我希望我们已经确定了下面两项成功的网站icon需要遵循的准则：

要有与真实事物的相似点，例如，一个类似真实打印机的打印图标。

你的图标在符号系统中应该是一个熟悉的，可识别的标志。

字体图标日益受到欢迎

Icon字体，由于其提供了一种图标速记方式，长期以来被认为是一种加强型UI设计，它协助人们理解文本信息。Icon图像以毒品传播的速度在整个web设计社区流传，使用它可以使你的设计更加亮丽、吸引更多用户点击。

与图片相比，使用icon式字体是一个相对新的主意。然而，与图片（背景图片方式）相比，它具备很多固有的优势，因此它的吸引力正在逐渐增长。早在9月初，我在微博上写了它的一些好处，Chris Coyier显然也有类似的想法，几周之后也向更多观众介绍了它。基于以上两篇文章和其它内容，我编写了这个较为完整的特征列表：

它们的尺寸能够轻松调整，并且不会损坏图像质量（作为矢量图）；

给icon定义颜色和文本一样简单。例如，对于一个rss图标，color:orange；

可以把许多icons排列在一个组中，也就是一个文件中，这样只需要一次http请求就可以了;

正如Chris所指出的，它们在IE6中也可以借着透明性显示出形状（这一点 与PNG图片不同）;

对于那些应该出现在文字附近的图标，对齐方式和包装都不是问题（因为它们是文本）;

你可以应用CSS3的text-shadow和background-clip:text效果，以便凸显字型的形状;

不像SVG，icon字体很容易实现跨浏览器兼容；

问题

Chris说过，使用icon字体是一个不错的主意，我要告诉你。

尽管如此，icon字体的使用现状并不理想。首先，一些优质的可用字体，如Pictos, Fico, Klepto, Cheetos, Ponyo 和 Sailor Moon都是收费的。实际上意味着真有两个问题：

你或许不得不投资一部分钱。

无论你是否需要花钱，你将会被迫接受其他一些人的糟糕设计。

除了自动抓取程序，我假定主要是网页设计师将会阅读这篇文章。我是一个设计师，我不认为只有我一个讨厌依靠别人的作品，使自己的设计思路大打折扣这

种事儿。当然，我更不喜欢那种有支付权限的想法。我知道自己要使用什么图标，并且我知道如何才能使其适合我的整体设计。我想要那种控制力。

经过一些搜索，我想介绍一下Inkscape的svg字体编辑器。通过使用Inkscape和一款在线转换器（SVG字体到TTF），我制作出了字体“Heyding”，这个字体在 Simurai’s list（由Coyier的文章链接到）中有介绍。我不打算将自己的字体卖给你（它是免费的），但是我想它会带给你一个非常好的概念。

使用Inkscape制作icon字型

启动Inkscape

我们先从下载和安装Inkscape开始。你也应该使用我的icon字体启动器模板，它们被放在这个GitHub仓库的资源文件夹里（以后这个项目中还会有更多）。一旦你在Inkscape中打开了这个文件，你应该通过在主菜单中打开以下窗口来设置好你的工作空间：

OBJECT → FILL AND STROKE

OBJECT → ALIGN AND DISTRIBUTE

TEXT → SVG FONT EDITOR

在SVG字体编辑面板中，点击“Font”下的“Font1”。现在，你的工作空间看起来应该有点儿像这个截图：

值得指出的是， baseline不是在画布的下边界之下：如果你希望与相邻的字体共享同一条基线，你的图标应该很轻微地悬在画布的底部。我已经用Georgia，Arial和一些网页字体进行了测试。

制作你的第一个字型

为定义字型，点击SVG字体编辑面板中的“Glyphs”选项卡，然后点击面板下方的“Add

Glyh”按钮。一开始你可能不太清楚，但如果你在你的字形（“字型1”）上点击，一个字段将会显示出来，它要求你输入你需要的图标对应的字符。我们首先

要做一个简单的星形，所以我建议你输入的字符“s”，“S”或“*”：

现在我们已经定义了字型对应的字符，我们需要制作字型本身。由于这次我们仅仅要制作一个星星，我们应该从Inkscape左边的工具栏中选择有用的

Stars and Polygons tool

，然后，在画布上绘制一个星星。你会发现，这个工具自带的选项允许您更改星星的外观。在我的例子中，选择了角数为5，spoke

ratio为0.5，rounded value为0.1。

使用Align and Distribute panel（可能在SVG Font Editor下面隐藏着）使星星横向居中，然后乡下拖动形状使触及基线。关闭网格显示之后，画布看起来应该像这样子：

在我们的icon字体中，字型只是形状，没有颜色、层级或者渐变的形状。因此，为了使我们的星星成为一个合格的字体候选者，我们必须将它由一个对象

转化成基于路径的图形。你可以通过在主按钮上选择星星，然后是PATH → OBJECT TO

PATH来完成这一任务。现在，选择了星星之后，我们可以在SVG Font Editor 中，高亮显示可用的“s”字型，然后点击 Get

curves from selection按钮：

当你在Sample Text 区域输入“s”时，你的星星应该被预览出来，如下所示：

制作更加复杂的icon

你已经制作出了第一个可扩展的SVG字体字型。通过使用Fill and

Stroke面板上的选项：编辑路径节点，以及合并对象和笔画，能够使你做出更加不凡的icon设计。由于我们还有很多要讲，我不想深入完成一个完整的

Inkscape教程，但是遵循下面的简单规则会给你带来好处：

坚持使用黑色笔画和填充，只是为了提醒你：那些icon仅仅是形状，而非复杂的矢量图。为icon上色这件工作，我们会在最终产品中使用CSS来完成。

所有对象和笔画（线条）必须被转化成路径（不管使用PATH → OBJECT TO PATH 或者 PATH → STROKE TO PATH）

当有多个对象和/或笔画被用来完成一个icon字型时，它们应该被合并起来（使用PATH → COMBINE 或者，在某些情况下，使用 PATH → UNION）

为了在已有的形状上剪切出想要的形状，将形状放置在主形状上面，选择两个形状，然后选择 PATH → DIFFERENCE。点击Get curves from selection ，黑色块上面的白色区域剔除之后就是你要的形状。

准备嵌入你的字体

假如你已经重复了很多次我刚才所描述的方法，创建了一些有用的图标，并且，字体文件被保存为myicons.svg。现在，你将要准备好把这个图标库用于网页中。

把SVG转化成TTF

你应该采取的第一项措施是，将SVG字体格式转换成一个更熟悉、更通用的格式。 TTF是一种用于本地安装的卓越格式。同时，它还为再转化成@font-face提供了一个良好的基础。可以进行字体转换的在线服务包括： http://onlinefontconverter.com，http://www.fontconverter.org和http://www.font2web.com。然而，我个人最喜欢的，是http://www.freefontconverter.com，因为我不会排队，也从来没看到它产生什么故障。

我想，不需要向你介绍如何使用这个资源也足以显示我的诚意了。醒目的文件上传字段，select元素和巨大的转换按钮会让你迅速抓住重点，真的。

编辑字体信息

既然你已经获得了一个TTF，我推荐你现在编辑产生的元数据。对字体进行重命名、添加属性和描述，使它准备好被安装、嵌入和分发。这也是一种声明字体为你所创造的途径。运行Windows的读者可以选择使用貌似很霸气的 Microsoft Font Properties Editor或者允许免费使用X天的Typograf。对于苹果和Linux用户，我希望得到你们更好的意见。

重要提示：虽然Microsoft Font Properties

Editor允许您添加作者，描述和许可信息，它似乎并没有让你编辑字体名称、附言名称等基本数据。这些字段是被禁用的。如果你想使用这些特殊的功能，你

需要在SVG转换为TTF之前，在SVG代码中编辑禁止的值。在你喜欢的文本编辑器（我用Notepad++）中打开原始的SVG，并编辑以下内容：

Font Name:标签中可以寻找到, font-family 属性

Postscript Name:标签中可以寻找到, id属性

Description:你应该在这个标签中添加一个描述（作者、许可等）。请注意这与TTF描述文字是不同的，转换过程中将不会被保留；你还需要为TTF添加单独的描述信息。

嵌入字体

一旦你在本地系统中安装了TTF，并且已经预览过，确定没有出现意外状况，你就可以在Font Squirrel的 @font-face generator中运行它了。为了使输出代码的效率和效果尽量好，这里有几个专家模式中的选项值得一提：

Subsetting：该选项允许您只运行需要的字符集（包括字符编码、类型、语言等选项），减少文件大小。

Remove kerning:您的图标将几乎总是单独出现，所以字距是没有必要的。据称，这也将减小文件大小。

WebOnly™:如果你希望您的字体仅仅用于web中，而非桌面- 你可以选择此选项。它也可以更好地满足您的授权计划。现在我将介绍许可证。

发布字体

如果你有兴趣发布你的字体，给它添加许可是一个比较好的做法。否则许多字体网站将不会带它玩儿。由于我们制作图标时使用的是免费、开源的软件，发布时也不妨这样做。

目前，有很多可用的授权选项，而逐一调查研究它们有时是令人费解的一件事。 GNU General Public License是完全可以接受的，但你可能要考虑SIL Open Font License。使用这种许可证的主要优点是，reserved font name：即允许其他设计师修改字体，但他们需要用不同的名字。在实践中，这意味着，对图标设计的一些不良行为不能以“你的名字”来进行。

有了这两种许可，你还应该在一个文本文件中保存版本信息，同时在字体的元信息中插入版权声明和完整许可的URL链接。如果需要更具体的说明，请访问各自的许可证页面（上面的链接）。

CSS spriting的终结者

为什么要停下使用SVG字体做通用图标的脚步？有了做图标的能力，也就有了能力去设计出站点独有的形状、品牌元素和装饰。这一点像CSS

sprities，所有这些视觉元素都可以保存在一个文件中，减少了服务器调用http请求的次数；不过，icon字体的元素都可以调整大小，而不必依赖

于位置坐标（背景位置值）才能正确显示。这使它们更适合于 responsive design。

让我们假装要选择使用一个SVG字体去代替一些我的steampunk般的blog里基本的设计元素。组件设计的一个简单的HTML表格呈现会是这个样子：

关于这种方式，最好的事情就是通用性。举例来说，从左边的第二个齿轮形状既可作为一个微小的圆点设计，又可以是一个巨大而抽象的背景装饰。着色很简

单：color:maroon，但没有必要坚持扁平的颜色;多种CSS3效果叠加起来可以为它添加纹理和触感。为了让你一开始有所启发，查看this excellent gallery of CSS3-enhanced webfonts。

关于屏幕阅读器的快速笔记

以这种方式使用字体来显示视觉元素的一个问题是，在屏幕阅读器上输出时会受到影响。直观上的网站访问者会看到齿轮，箭头之类的图标，但是屏幕阅读器将坚持读出指定这些设计的字符。对于使用装饰性的SVG字体元素，我建议听取Coyier的建议：为Unicode的Supplementary Private Use Area分配向量。这样的符号不应该由读者来读出。

一个协作式icon web字体

作为我的JavaScript导师，Rupert，有一天向我指出，使用SVG字体来创建图标集为合作提供了一个有趣的机会。你看，SVG的代码 - XML的一种形式 - 是高度标准化而且轻松可读的。正是源码的顺序让我觉得，icon字体的开发很适合选择像GitHub这样的协作编码服务。

这个想法契合了我想要的符号含义：如果一个图标是由很多人协商之后一致确定的，那么它的形成过程中也存在一定的“共识”。通过我们的图标标识系统设计出来的，一定是最典型的图标。我们应该创建一种属于社区的icon词汇，并且它对于需要的人来说是有意义的。

为了发展这个想法，我创建了一个公开的GitHub仓库Community Icon Font，这个仓库的文件结构并不复杂：仔细阅读上面的Inkscape教程和项目主页的内容应该可以为你解答所有的疑惑。如果你是GitHub的新成员，尝试阅读它们的帮助页面，或者问问你附近的技术人员（我正是这样做的）。

以上就是关于汉字图标设计图案相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

汉字元素的徽标（汉字元素的徽标图案）

汉字图标设计图案（汉字图标设计图案图片）

文字有几种字体（汉字的八种字体）

斜坡绿化效果图

景观设计分公司招募（景观设计分公司招募人员）