最新网页页面设计规范精选

每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。大家想知道怎么样才能写一篇比较优质的范文吗?下面是小编帮大家整理的优质范文,仅供参考,大家一起来看看吧。

网页页面设计规范篇一

网页设计需要将图片和文字相结合,达到融合的境界,当然文字的设计也是有一定的规范的,下面是关于网页设计字体设计规范,欢迎参考!

1、header导航文字12号或14号;

2、menu导航文字14—18号;

3、sidebar文字12号或14号,

4、一级菜单使用14号、二级菜单使用12号

或一级菜单使用12号加粗、二级菜单使用12号

5、footer 文字12号或14号

6、正文:大标题文字24—32号;标题文字16或18号;正文文字12号或14号

7、标题文字字号,18px,20px,24px,28px,32px, 尽可能使用双数

8、按钮文字:比如登录、注册页面按钮或其他按钮,文字14—16号,可根据实际情况调整大小或加粗。

9、同一层级的字号搭配应该保持一致。比如,同一层级的版块中标题文字和内容文字大小的一致性

苹果官网中,产品展示文字以64号和32号搭配,文字内容简短有力,可读性强,同时非常具有视觉冲击力,突出显示了品牌特征。

1.行宽

传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字

2.行高

网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距

比如12号字体,行间距是12px—18px,段落间距则是18px—24px。

另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

3.行对齐

通常情况下,建议在页面上只使用一种文本对齐,尽量避免两端对齐

4.文字留白

在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。

5、crap原则(carp)

对比(contrast)、重复(repetition)、对齐(alignment)、亲密性(proximity)

字体:中文:宋体,微软雅黑,方正系列(无状态)

字号:网页中正文/导航字号在12px-18px之间

英文可以偏小一些 10px-16px

再小识别性就不是特别好了

win最常见的.字体,小字体点阵,大字体truetype,但是大字体并不好看,所以最好别做标题。

大段的微软雅黑字体排列略显厚重,如果是在网页上长时间浏览,会让人的眼睛产生不适。相比而言,衬线字体装饰性强,具有易读性,所以宋体更适合知乎网站这种大段文字网站

微软雅黑给人的感受包括平和、干净、简单、平静、专业

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的主题,去挑选字体,因为字体本身也是有性格的

第一类,稳定型(协调,齐全,稳定,高质)

微软雅黑、冬青黑体、宋体、华文细黑、方正正中黑、方正兰亭系列

第二类,刚硬,锐利,清晰,强烈

造字工坊力黑体、造字工坊版黑体、造字工坊劲黑体、锐字逼格锐线体简、张海山锐线体、华康儷金黑、蒙纳超刚黑体

(更适用大气,热烈,权威,声明等主题)

第三类,轻松,手写,可爱,童趣,亲切

方正经黑、华康海报、汉仪小麦、方正稚艺、新蒂下午茶、汉仪歪歪体、新蒂小丸子

(适用于,游戏娱乐活动海报,h5广告页面,儿童/女性主题)

第四类,灵动,清新,秀雅,精致,古韵

方正清刻本悦宋简体、方正宋刻本秀楷体、方正宋刻本、秀楷体、汉仪全唐诗、简康熙字典体、祥南行书体、造字工房、刻宋

(适用于复古,典雅,传统,品质,灵动等主题)

s("content_relate");

【网页设计字体设计规范】相关文章:

网页设计之字体设计规范

09-28

pc网页设计规范

09-10

网页设计中的字体设计

12-01

网页设计字体基础篇

12-04

网页设计中字体规范

11-20

网页设计配色及字体规范

09-22

网页设计中字体规范总结

09-19

网页设计规范中应该出现哪些内容

09-06

网页设计中字体应用的技巧

11-22

猜你感兴趣
最新网页页面设计规范精选

最新网页页面设计规范精选

每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。大家想知道怎么样才能写一篇比较优质的范文吗?下面是小编帮大家整理的优质范文,仅供参考,大家一起来看看吧。网页页面设计规范篇一 网页设计...

其他范文 2024-04-20
招标投标活动的基本原则精选

招标投标活动的基本原则精选

每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。范文书写有哪些要求呢?我们怎样才能写好一篇范文呢?下面我给大家整理了一些优秀范文,希望能够帮助到大家,我们一起来看一看吧。招标投标活动...

其他范文 2024-04-20
2024年一级消防工程师考试条件优质

2024年一级消防工程师考试条件优质

在日常学习、工作或生活中,大家总少不了接触作文或者范文吧,通过文章可以把我们那些零零散散的思想,聚集在一块。范文怎么写才能发挥它最大的作用呢?以下是小编为大家收集的优秀范文,欢迎大家分享阅读。一级消防工程师考试条件篇一 目前我国在安全法以及...

其他范文 2024-04-20
最新高考数学考场答题技巧与方法通用

最新高考数学考场答题技巧与方法通用

每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。那么我们该如何写一篇较为完美的范文呢?下面我给大家整理了一些优秀范文,希望能够帮助到大家,我们一起来看一看吧。高考数学考场答题技巧与方...

其他范文 2024-04-20
施工作业方式分为 工程项目施工作业方式模板

施工作业方式分为 工程项目施工作业方式模板

在日常学习、工作或生活中,大家总少不了接触作文或者范文吧,通过文章可以把我们那些零零散散的思想,聚集在一块。范文书写有哪些要求呢?我们怎样才能写好一篇范文呢?下面我给大家整理了一些优秀范文,希望能够帮助到大家,我们一起来看一看吧。施工作业方...

其他范文 2024-04-20
2024年一级民航机场建造师考试科目 全职招聘民航机场一级建造师通用

2024年一级民航机场建造师考试科目 全职招聘民航机场一级建造师通用

无论是身处学校还是步入社会,大家都尝试过写作吧,借助写作也可以提高我们的语言组织能力。写范文的时候需要注意什么呢?有哪些格式需要注意呢?以下是我为大家搜集的优质范文,仅供参考,一起来看看吧一级民航机场建造师考试科目 全职招聘民航机场一级建造...

其他范文 2024-04-20
最新二级建造师市政工程考试大纲 二级建造师市政考试科目汇总

最新二级建造师市政工程考试大纲 二级建造师市政考试科目汇总

人的记忆力会随着岁月的流逝而衰退,写作可以弥补记忆的不足,将曾经的人生经历和感悟记录下来,也便于保存一份美好的回忆。那么我们该如何写一篇较为完美的范文呢?下面是小编为大家收集的优秀范文,供大家参考借鉴,希望可以帮助到有需要的朋友。二级建造师...

其他范文 2024-04-20
小学语文如何指导背诵 小学语文背课文的秘诀模板

小学语文如何指导背诵 小学语文背课文的秘诀模板

在日常的学习、工作、生活中,肯定对各类范文都很熟悉吧。那么我们该如何写一篇较为完美的范文呢?下面是小编帮大家整理的优质范文,仅供参考,大家一起来看看吧。小学语文如何指导背诵 小学语文背课文的秘诀篇一一、树立信心,带头背诵。美国作家爱默生说...

其他范文 2024-04-20
最新小学语文如何观课议课汇总

最新小学语文如何观课议课汇总

在日常学习、工作或生活中,大家总少不了接触作文或者范文吧,通过文章可以把我们那些零零散散的思想,聚集在一块。范文怎么写才能发挥它最大的作用呢?接下来小编就给大家介绍一下优秀的范文该怎么写,我们一起来看一看吧。小学语文如何观课议课篇一一、观...

其他范文 2024-04-20
最新雅思阅读词汇分类 雅思阅读词汇七天速成汇总

最新雅思阅读词汇分类 雅思阅读词汇七天速成汇总

人的记忆力会随着岁月的流逝而衰退,写作可以弥补记忆的不足,将曾经的人生经历和感悟记录下来,也便于保存一份美好的回忆。写范文的时候需要注意什么呢?有哪些格式需要注意呢?以下是我为大家搜集的优质范文,仅供参考,一起来看看吧雅思阅读词汇分类 雅思...

其他范文 2024-04-20
怎样把握小学语文的重难点和难点实用

怎样把握小学语文的重难点和难点实用

人的记忆力会随着岁月的流逝而衰退,写作可以弥补记忆的不足,将曾经的人生经历和感悟记录下来,也便于保存一份美好的回忆。那么我们该如何写一篇较为完美的范文呢?下面我给大家整理了一些优秀范文,希望能够帮助到大家,我们一起来看一看吧。怎样把握小学语...

其他范文 2024-04-20
2024年小学六年级语文备考方案 小学六年级语文课本电子版精选

2024年小学六年级语文备考方案 小学六年级语文课本电子版精选

为保证事情或工作高起点、高质量、高水平开展,常常需要提前准备一份具体、详细、针对性强的方案,方案是书面计划,是具体行动实施办法细则,步骤等。那么我们该如何写一篇较为完美的方案呢?下面是小编帮大家整理的方案范文,仅供参考,大家一起来看看吧。小...

其他范文 2024-04-20
2024年小学学好语文的十个方法 学好语文的方法及技巧模板

2024年小学学好语文的十个方法 学好语文的方法及技巧模板

范文为教学中作为模范的文章,也常常用来指写作的模板。常常用于文秘写作的参考,也可以作为演讲材料编写前的参考。范文怎么写才能发挥它最大的作用呢?以下是小编为大家收集的优秀范文,欢迎大家分享阅读。小学学好语文的十个方法 学好语文的方法及技巧篇一...

其他范文 2024-04-20
小学 语文 知识 小学知识语文知识点模板

小学 语文 知识 小学知识语文知识点模板

范文为教学中作为模范的文章,也常常用来指写作的模板。常常用于文秘写作的参考,也可以作为演讲材料编写前的参考。范文书写有哪些要求呢?我们怎样才能写好一篇范文呢?以下是我为大家搜集的优质范文,仅供参考,一起来看看吧小学 语文 知识 小学知识语文...

其他范文 2024-04-20
最新银欣sx1000电源 银欣电源质量怎么样实用

最新银欣sx1000电源 银欣电源质量怎么样实用

范文为教学中作为模范的文章,也常常用来指写作的模板。常常用于文秘写作的参考,也可以作为演讲材料编写前的参考。范文书写有哪些要求呢?我们怎样才能写好一篇范文呢?下面是小编帮大家整理的优质范文,仅供参考,大家一起来看看吧。银欣sx1000电源...

其他范文 2024-04-20
2024年如何解不定方程组大全

2024年如何解不定方程组大全

范文为教学中作为模范的文章,也常常用来指写作的模板。常常用于文秘写作的参考,也可以作为演讲材料编写前的参考。写范文的时候需要注意什么呢?有哪些格式需要注意呢?以下是小编为大家收集的优秀范文,欢迎大家分享阅读。如何解不定方程组篇一1、整除法:...

其他范文 2024-04-20
雷柏v508机械键盘怎么样 雷柏键盘v500pro背光怎么关闭精选

雷柏v508机械键盘怎么样 雷柏键盘v500pro背光怎么关闭精选

范文为教学中作为模范的文章,也常常用来指写作的模板。常常用于文秘写作的参考,也可以作为演讲材料编写前的参考。写范文的时候需要注意什么呢?有哪些格式需要注意呢?以下是小编为大家收集的优秀范文,欢迎大家分享阅读。雷柏v508机械键盘怎么样 雷柏...

其他范文 2024-04-20
最新天津银行从业资格考试时间 天津银行从业资格证报名时间大全

最新天津银行从业资格考试时间 天津银行从业资格证报名时间大全

人的记忆力会随着岁月的流逝而衰退,写作可以弥补记忆的不足,将曾经的人生经历和感悟记录下来,也便于保存一份美好的回忆。范文怎么写才能发挥它最大的作用呢?下面是小编帮大家整理的优质范文,仅供参考,大家一起来看看吧。天津银行从业资格考试时间 天津...

其他范文 2024-04-20
2024年北京理工大学近三年高考录取分数线精选

2024年北京理工大学近三年高考录取分数线精选

在日常的学习、工作、生活中,肯定对各类范文都很熟悉吧。大家想知道怎么样才能写一篇比较优质的范文吗?下面是小编为大家收集的优秀范文,供大家参考借鉴,希望可以帮助到有需要的朋友。北京理工大学近三年高考录取分数线篇一高考二本分数线高考三本分数线高...

其他范文 2024-04-20
2024年cpu和风扇之间能不能不加硅胶的优质

2024年cpu和风扇之间能不能不加硅胶的优质

每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。写范文的时候需要注意什么呢?有哪些格式需要注意呢?下面是小编帮大家整理的优质范文,仅供参考,大家一起来看看吧。cpu和风扇之间能不能不...

其他范文 2024-04-20