导航:首页 > 万维百科 > 网页设计字体大小规范

网页设计字体大小规范

发布时间:2020-07-25 18:26:38

1、网页导航栏的字体大小有没有要求,一般是几号字

网页导航上的字号一般是12号。 导航栏字体:一般在14px-18px区间,最大不超过18px,禁用加粗。

正文:

12px-18px之间;

12px是应用于网页的最小字体,适用于非突出性的日期,版权等注释性内容。

14px 则适用于非突出性的普通正文内容。

英文可偏小些 :10px-16px。

整站文字:12px-36px区间。

(1)网页设计字体大小规范扩展资料

网站的字体大小并没有硬性规定具体的字号,根据实际情况可以酌情考虑,但是要使用偶数字号。

1、字体规格也不需要太多,最多使用三种混搭,当一个页面中使用的字体超过 3 种时,会给用户带来“不专业”、“没有权威性”、“没有层次结构”之类的感觉。

2、层次的区别,可以改变字体颜色或加粗来体现。

3、字体优先使用各操作系统默认的字体。字体选择有版权、笔画严谨、清晰可读、经典。

字体间距

相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。

行间距,推荐以 字体大小的1.5-2倍 作为参考;

段间距,推荐以 字体大小的2-2.5倍 作为参考。

即,当用14px 的字体时,行间距:21px-28px;段间距:28px-35px。

2、网页设计 中文一般用的字体大小,一般怎么设置font-family。 怎么用fireworks获取图中文字的字体和大小?

一般中文的字体大小是12px或者14px。操作方法如下:

1、打开webstorm软件,在HTML文件中创建h1到h6六个标签,分别font-style设置字体风格,italic斜体,normal正常,oblique倾斜,inherit指继承格式,revert还原字体风格。

2、<br />文本换行显示,在使用p标签写段落文字的时候,在网页中设置换行但是在实际显示的时候还是不会有换行的格式显示,需要在文字中间加上<br />符号,设置换行。

3、设置字体的粗细的情况,根据使用font-weight然后选择字体粗细,bold粗体,bolder稍粗,如图所示,可以根据需要设置不同的字体粗细。

4、使用font-size设置字体大小,在css文件上输入font-size之后系统会自动显示可以选择的大小,large,larger等等,也可以直接输入数字来定义字体的大小。

5、最后运行,如下图所示,就完成了。

3、网页设计标准字体大小为多少毫米?电脑显示器,包括手机的,最好还有画布画板的尺寸 懂得给分

一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug,所以现在用得也不太多,不过随着IE6慢慢被淘汰,这个问题也不再是一个问题了。而对于标题栏的文字大小,没有特别的限制,视觉上感觉舒服就行。
字体大小代码:font-size:14px(字体大小14像素)
对于font-family,一般来说14px及以下大小的文字,应当设置为宋体,当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的,所以在css里面可以这样设置字体:
font-family:"Microsoft Yahei",simSun,Arial;
把几个字体用逗号隔开,如果系统没有第一种字体,就用第二种,如果没有第二种就用第三种,以此类推。

4、关于网页设计尺寸和字号大小

html页面中的文字大小在用户浏览器下默认渲染是“16px",也没有强行规定一定要用多大的,这个要看设计图来定。

CSS上可以用"em"来替代“px”,em是一个相对的大小,我们可以这样来设置1em,0.5em,1.5em等,而且“em”还可以指定到小数点后三位,比如“1.365em”。

为什么要用em,而不用px的关键点:

1. IE无法调整那些使用px作为单位的字体大小;

2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。

(4)网页设计字体大小规范扩展资料:

网页构成

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。

它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。 

为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。

网页通常有以下元素:

文字资料图像档案Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。

5、UI设计网页设计字体规范应该要注意什么

可以参考常规字体的使用规范:

1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。

2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配,等。

(5)网页设计字体大小规范扩展资料:

网页设计

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。

2、以业务目标为中心进行功能策划,制作出栏目结构关系图。

3、以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。

4、以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈,进行页面设计调整,以达到最优效果。

6、网页设计有什么规范,我是做平面设计的,想知道字体的选择,网页设计的尺寸(最好是毫米不是像素)

你好,平面设计是可以配合网页设计的。做网页的,一般都是参照设计图来做的。

关于网页涉及的尺寸我就简单说一下,现在最普遍的屏幕分辨率是1920*1080,所以,图片宽度可以设计1920px大小,但为了适用小一点的屏幕,网页编程会写出合适的代码。

7、网页设计中,font如何精确字体大小?

一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起来会显得比较小,阅读起来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug,所以现在用得也不太多,不过随着IE6慢慢被淘汰,这个问题也不再是一个问题了。而对于标题栏的文字大小,没有特别的限制,视觉上感觉舒服就行。字体大小代码:font-size:14px(字体大小14像素)。

8、一般网页的尺寸规范是多少?

网页设计标准尺寸:

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右

4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.

页面标准按800*600分辨率制作,实际尺寸为778*434px

页面长度原则上不超过3屏,宽度不超过1屏

每个标准页面为A4幅面大小,即8.5X11英寸

全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px

另外120*90,120*60也是小图标的标准尺寸

每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

标准网页广告尺寸规格

一、120*120,这种广告规格适用于产品或新闻照片展示。

二、120*60,这种广告规格主要用于做LOGO使用。

三、120*90,主要应用于产品演示或大型LOGO。

四、125*125,这种规格适于表现照片效果的图像广告。

五、234*60,这种规格适用于框架或左右形式主页的广告链接。

六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。

七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。

八、88*31,主要用于网页链接,或网站小型LOGO。

9、制作网页,一般字体设置为多大,行距为多少。

字体大小可以用不同的方式计算,如点或像素,由于基于像素的打印需要转换为磅,因此建议使用磅。

1、网页文本显示最合适的字体大小约为12个磅。现在许多综合性网站通常使用9磅字体大小,因为页面中有许多内容需要排列,大字体可用于标题或其他需要强调的地方,小字体可用于页脚和辅助信息。需要注意的是,小尺寸容易产生整体感和精致感,但可读性差。

2、行距的变化也会对文本的可读性产生很大的影响。行距设置接近字体大小的权重更适合文本。行距的固定比例为10:12,即文字10磅,行距12磅。这主要是出于以下考虑:适当的行距会形成明显的水平白带引导观众的视线,过宽的行距会使一行文字失去良好的连续性。

(9)网页设计字体大小规范扩展资料:

网页制作流程

1、引策划

网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。

2、前台

网站页面的设计制作,包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。

3、后台

程序设计、数据操作、功能实现、管理界面和管理功能设计等,侧重界面设计的,应在图形设计和视觉创意上多下功夫,做页面代码和后台程序则要多熟悉web标准、标记语言、内嵌语言、脚本语言、数据库等内容。

参考资料来源:网络-网页制作

与网页设计字体大小规范相关的知识