网页设计中字体规范
网页设计中字体规范
字体之间最大的差异在于字体与字体之间，形体的差异。字体是网页设计中最重要的细节，下面就是小编介绍网页设计中字体规范，欢迎大家借鉴！
网页设计中的字体选择以及常用字号
字体：
中文：宋体，微软雅黑，方正系列(无状态)
字号：
网页中正文/导航字号在12px-18px之间
英文可以偏小一些 10px-16px
再小识别性就不是特别好了
标题文字字号，18px，20px，24px，28px，32px， 尽可能使用双数
网页banner的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的，跟选老婆一样性格合得来那就幸福，如果合不来总吵架这一辈子可咋过```在字库中挑选字体时一件很让人恼火的事，为了方便大家使用，我把网页设计中经常用到的字体，按照性格分了类，以下推荐这些字体，是平时工作学习中总结得出，希望能给新收一些指导，如果你是高手，有自己的一套用字方法，那当然是极好的，所以真的不必太钻牛角尖。
中规中矩，经典通用
中易宋体
Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。
微软雅黑
Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。
华文细黑
Mac下的默认中文。
英文
Helvetica:
被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。
Arial:
Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常
Lucida Family:
Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。
Verdana:
专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。
Tahoma:
也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。
Verdana：
是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
Georgia:
基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。
有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free font，或者font freebie吧
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。
那些漂亮的网页banner，它们都是用的什么字体的?
看着那些设计各种酷炫的banner图，这个字体是不是随机使用?全凭设计师的感觉，无规律可循? 当然不是，设计师都是会根据bannner表达的主题，去挑选符合主题个性的字体。今儿就给大家分个类，以后再也不用为bannner上的字体发愁了!!!
第一类，稳定型(协调，齐全，稳定，高质)
微软雅黑
冬青黑体
宋体
华文细黑
方正正中黑
方正兰亭系列
第二类，刚硬，锐利，清晰，强烈
造字工坊力黑体
造字工坊版黑体
造字工坊劲黑体
锐字逼 格锐线体简
张海山锐线体
华康儷金黑
蒙纳超刚黑体
(更适用大气，热烈，权威，声明等主题)
第三类，轻松，手写，可爱，童趣，亲切
方正经黑
华康海报
汉仪小麦
方正稚艺
新蒂下午茶
汉仪歪歪体
新蒂小丸子
(适用于，游戏娱乐活动海报，h5广告页面，儿童/女性主题)
第四类，灵动，清新，秀雅，精致，古韵
方正清刻本悦宋简体
方正宋刻本秀楷体
汉仪全唐诗简
康熙字典体
祥南行书体
造字工房刻宋
(适用于复古，典雅，传统，品质，灵动等主题)
网页设计中的字体设计
现代字体设计在计算机技术的使用中现已深化到平常作业、日子的每一个角落。随着整站网页设计工作中各类需要的增多，不断增加类目的广告banner设计对字体的要求也不断增加。要想设计出较好的著作，从计算机里调出来的任何一种规范字体都是不适合的，由于那会造成千遍一概，设计撞车的事故，识别性不强的坏处。
一、发挥汉字的可意象性
由于其网页字体具有图像的基础，致使人们在书写它时很容易形成其形象的特质，汉字的自身特点赋予了它可意象性这是一种将人们心中意象的个性和 结构特点与汉字本身联系起来的物质特性。
汉字图形的意象设计，也可称为意象改变字体图形。其特点是掌握特定文字个性化的意象品质，将文字的内涵特质经过可视化的表情逼真构成自身的兴趣。意象化的汉字赋予文字以字面外的激烈意念，经过丰富的联想独出机杼的展现浪漫颜色对文字进行再创造。所改变出的意象文字超脱了详细的形似，而是提炼出了抽像的意，然后取得媒体功能意构逼真的表达。因为汉字的意义的多样性，以及创作者心灵意象的多变性，意象设计的办法呈现出多种多样的相貌。
依据整站网页设计中所选用的字义的不一样，和借用的标志物的不一样来对汉字图形的意象设计办法进行一些分类，其间也借用了一些我对现代汉字意象设计的一些分类办法。字义意象设计是指在汉字艺术设计中借用字自身的含义特征，将所要传达事物的特点表达出来。这是意象设计中最简单的一种，它只需直观的表现出汉字的意义就可以了。当然，不一样的人表现出来的同一个汉字又有所不一样。
二、在字体变型上要切记两点
1、变形要在笔画的末端或起笔处变型才不会有突兀;
2、整体的去设计网页字体，要把文案当做一个整体去设计和考究，这是前期变型时需要注意的。
网页字体的运用效应已越来越被大家所注重，无论是对字体的挑选或是对字体的运用都构成了衡量一个设计师的规范。咱们能够这么说，一个好的设计师既能极好地对于需求挑选字体，又能对字体进行极好地设计安排与控制。
新世纪网站设计师也要运用簇新的观念去体现字体的时代性，设计和组合上都要带给其他人新鲜的感受。网页设计大多是为产品宣扬效劳，所以设计师要为客户计划，最重要的是这个字体的设计可否添加产品的吸引力。所以，设计师对字体运用多作深化的了解和研讨，才能设计出更精彩的网页网站。
《网页设计中字体规范.doc》 将本文的Word文档下载到电脑，方便收藏和打印 推荐度： 【网页设计中字体规范】相关文章：
网页设计中的字体设计12-03
网页设计规范11-26
网页设计中最常用的字体有哪些07-07
网页设计中怎么配色12-15
网页设计中的文字运用12-02
网页设计中色彩的运用11-17
网页设计中的Dreamweaver重要吗11-27
网页设计中图片常用的技巧11-28
网页设计中的色彩搭配原则01-04
网页设计中色彩搭配的运用12-03
相关推荐网页设计中字体规范
字体之间最大的差异在于字体与字体之间，形体的差异。字体是网页设计中最重要的细节，下面就是小编介绍网页设计中字体规范，欢迎大家借鉴！
网页设计中的字体选择以及常用字号
字体：
中文：宋体，微软雅黑，方正系列(无状态)
字号：
网页中正文/导航字号在12px-18px之间
英文可以偏小一些 10px-16px
再小识别性就不是特别好了
标题文字字号，18px，20px，24px，28px，32px， 尽可能使用双数
网页banner的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的，跟选老婆一样性格合得来那就幸福，如果合不来总吵架这一辈子可咋过```在字库中挑选字体时一件很让人恼火的事，为了方便大家使用，我把网页设计中经常用到的字体，按照性格分了类，以下推荐这些字体，是平时工作学习中总结得出，希望能给新收一些指导，如果你是高手，有自己的一套用字方法，那当然是极好的，所以真的不必太钻牛角尖。
中规中矩，经典通用
中易宋体
Win最常见的字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。
微软雅黑
Vista之后新引入的字体，打开Cleartype之后显示效果不错，不开Cleartype发虚。
华文细黑
Mac下的默认中文。
英文
Helvetica:
被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。
Arial:
Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常
Lucida Family:
Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。
Verdana:
专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。
Tahoma:
也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。
Verdana：
是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。
Georgia:
基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。
有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free font，或者font freebie吧
Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。
那些漂亮的网页banner，它们都是用的什么字体的?
看着那些设计各种酷炫的banner图，这个字体是不是随机使用?全凭设计师的感觉，无规律可循? 当然不是，设计师都是会根据bannner表达的主题，去挑选符合主题个性的字体。今儿就给大家分个类，以后再也不用为bannner上的字体发愁了!!!
第一类，稳定型(协调，齐全，稳定，高质)
微软雅黑
冬青黑体
宋体
华文细黑
方正正中黑
方正兰亭系列
第二类，刚硬，锐利，清晰，强烈
造字工坊力黑体
造字工坊版黑体
造字工坊劲黑体
锐字逼 格锐线体简
张海山锐线体
华康儷金黑
蒙纳超刚黑体
(更适用大气，热烈，权威，声明等主题)
第三类，轻松，手写，可爱，童趣，亲切
方正经黑
华康海报
汉仪小麦
方正稚艺
新蒂下午茶
汉仪歪歪体
新蒂小丸子
(适用于，游戏娱乐活动海报，h5广告页面，儿童/女性主题)
第四类，灵动，清新，秀雅，精致，古韵
方正清刻本悦宋简体
方正宋刻本秀楷体
汉仪全唐诗简
康熙字典体
祥南行书体
造字工房刻宋
(适用于复古，典雅，传统，品质，灵动等主题)
网页设计中的字体设计
现代字体设计在计算机技术的使用中现已深化到平常作业、日子的每一个角落。随着整站网页设计工作中各类需要的增多，不断增加类目的广告banner设计对字体的要求也不断增加。要想设计出较好的著作，从计算机里调出来的任何一种规范字体都是不适合的，由于那会造成千遍一概，设计撞车的事故，识别性不强的坏处。
一、发挥汉字的可意象性
由于其网页字体具有图像的基础，致使人们在书写它时很容易形成其形象的特质，汉字的自身特点赋予了它可意象性这是一种将人们心中意象的个性和 结构特点与汉字本身联系起来的物质特性。
汉字图形的意象设计，也可称为意象改变字体图形。其特点是掌握特定文字个性化的意象品质，将文字的内涵特质经过可视化的表情逼真构成自身的兴趣。意象化的汉字赋予文字以字面外的激烈意念，经过丰富的联想独出机杼的展现浪漫颜色对文字进行再创造。所改变出的意象文字超脱了详细的形似，而是提炼出了抽像的意，然后取得媒体功能意构逼真的表达。因为汉字的意义的多样性，以及创作者心灵意象的多变性，意象设计的办法呈现出多种多样的相貌。
依据整站网页设计中所选用的字义的不一样，和借用的标志物的不一样来对汉字图形的意象设计办法进行一些分类，其间也借用了一些我对现代汉字意象设计的一些分类办法。字义意象设计是指在汉字艺术设计中借用字自身的含义特征，将所要传达事物的特点表达出来。这是意象设计中最简单的一种，它只需直观的表现出汉字的意义就可以了。当然，不一样的人表现出来的同一个汉字又有所不一样。
二、在字体变型上要切记两点
1、变形要在笔画的末端或起笔处变型才不会有突兀;
2、整体的去设计网页字体，要把文案当做一个整体去设计和考究，这是前期变型时需要注意的。
网页字体的运用效应已越来越被大家所注重，无论是对字体的挑选或是对字体的运用都构成了衡量一个设计师的规范。咱们能够这么说，一个好的设计师既能极好地对于需求挑选字体，又能对字体进行极好地设计安排与控制。
新世纪网站设计师也要运用簇新的观念去体现字体的时代性，设计和组合上都要带给其他人新鲜的感受。网页设计大多是为产品宣扬效劳，所以设计师要为客户计划，最重要的是这个字体的设计可否添加产品的吸引力。所以，设计师对字体运用多作深化的了解和研讨，才能设计出更精彩的网页网站。
相关知识
UI设计中关于字体规范
鲜花网页设计图片大全
鲜花网页设计
css网页设计作业
如何制作网页设计？零基础快速入门教程
2023年网页设计趋势来了，趋势 2 也太绝了！
网页排版设计：提升用户体验的艺术
免费又强大的网页设计工具，终于找到了！为设计师量身打造！
如何设计网页？我提炼了10条设计原则！
11组优秀网页设计案例合集，资深设计师精选！
网址: 网页设计中字体规范 https://m.huajiangbk.com/newsview659337.html
| 上一篇: 看不懂UI文字设计规范？这篇文章 |
下一篇: 蜂花品牌手册 |
