导航:首页 > 万维百科 > 网站设计文字大小

网站设计文字大小

 发布时间：2020-10-22 02:59:35

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

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

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

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

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

(1)网站设计文字大小扩展资料：

网页设计

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

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

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

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

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

2、用PS设计网页，该用什么字体，大小该是多少

同楼上，字体以宋体为主，因为太多盗版系统上，精简了字体，大部分字体都没有，如果页面上使用了部分字体，客户机器没有，也会用默认字体显示，特殊艺术字都必须切割成图片，这样页面美观了，但是会增加页面的大小，增加下载时间。
字体大小用12和14像素，是最美观的字体大小。

3、网页设计,字体大小不会随浏览器设置而改变

字体大小有相对大小和绝对大小之分，下面给你详细说下：
语法 : font-size: < 绝对大小 > | < 相对大小 > | < 长度 > | < 百分比 > 允许值 : < 绝对大小 > xx-small | x-small | small | medium | large | x-large | xx-large < 相对大小 > larger | smaller < 长度 > < 百分比 > (in relation to parent element) 初始值 : medium 适用于 : 所有对象向下兼容 : 是字体大小属性用作修改字体显示的大小。绝对长度 ( 使用的单位为 pt- 像素和 in- 英寸 ) 需要谨慎地考虑到其适应不同浏览环境时的弱点。对于一个用户来说，绝对长度的字体很有可能会很大，或很小。一些大小指定的定义如下 :
H1 { font-size: large } P { font-size: 12pt } LI { font-size: 90% } STRONG { font-size: larger } 网页制作者需要清楚 Microsoft Internet Explorer 3.x 会错误地将 em 和 ex 单位当作像素，这很可能会令到使用了这些单位的文本不可读。浏览器还会错误地将百分比值视为相对于选中部分的缺省字体大小，而不是上级元素的字体大小。这种做法像 H1 { font-size: 200% } 这是危险的，其大小将被视为 IE 的一级标题的缺省字体大小的两倍，而不是两倍于上级元素的字体大小。在这种情况中， BODY 通常会被视为上级元素，而且很可能定义一个 medium 的字体大小，然而，在 IE 中一级标题的缺省字体大小可能被认为是 xx-large 。注意到了这些错误后，网页制作者在使用字体大小属性时，应该小心使用百分比的值，而且应该尽量避免使用 em 和 ex 这两个单位。

4、怎样在网页设计中设计段落行间距的大小

首先你要了解行距的问题那么你必须先知道盒子模型，也就是所谓的CSS+DIv的设计，那么里面关于段落行距的CSS代码是这样的
<style>
<!--
p{padding:10px;
magin:10px;}
>
</style>
<body>
<p>你好</p>
</body>
首先跟你解释下padding 和magin 在网页设计中的重要性，magin主要是块与块之间的距离，有4个，分别是magin-left,magin-top,magin-right,magin-bottom,而padding值得是内容（content）与边框(border)之间的距离,你好比你现在要设计段落与段落之间的距离其实就是块与块之间的距离，用到magin就可以了。所以要想灵活设计网页中的排版并且做到网页的设计的多变性 那么还是好好学习下CSS+DIV 希望对你有所帮助。

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

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

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

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

(5)网站设计文字大小扩展资料：

网页制作流程

1、引策划

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

2、前台

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

3、后台

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

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

6、网页设计 中文一般用的字体大小，一般怎么设置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、最后运行，如下图所示，就完成了。

7、html网页制作里设置表格字体和大小的语句有吗?是什么?

HTML Table表格的文字大小与字型在传统的HTML网页设计规则中，可以透过HTML预设font文字标签中的size与face分别设定文字大小与字型，这样的写法在HTML5以前是相当普遍的，而到了HTML5开始，修改表格文字大小与字型必须使用css来处理，因为HTML5不支援传统HTML font的size与face属性，在css的规则里，修改文字大小是用font-size，而修改字型则是使用font-famliy，以下范例分别使用HTML传统的font标签以及css的属性来修改表格文字。

范例一、用HTML font文字标签修改表格文字大小与字型

<table border="1" cellpadding="5"> 
<tr>
<td><font size="5">这是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">这是标楷体的文字字型</font></td> 
</tr> 
</table>

呈现结果

诚如第一段所说，若要符合最新的HTML5网页设计标准，表格内的文字大小与字型就必须使用css来设计，范例二就提供这样的设计方式，除了可以像范例一这样每个栏位不同的文字样式，还可以一次设定整个表格的文字样式，用起来效率非常好。

范例二、用css的font-size与font-family来修改表格文字大小与字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5"> 
<tr>
<td>这是表格预设文字样式</td>
<td>< span style="font-size:13px;">这是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">这是标楷体字型< /span></td> 
</tr> 
</table>

呈现结果

二在table标签开头就先加入了『style="font-size:18px;font-family:serif;"』这样的语法，代表将整张表格内的所有文字大小都预设为18px，而且字型使用serif，这可是传统HTML的font标签没办法做到的高效率设计方式，接着我们在表格的三个栏位，分别使用预设文字样式、修改大小为13px（font-size:13px;） 、字型改为标楷体（font-family:DFKai-sb;），可以清楚的看到，只要在表格中任何栏位或一段文字，用span标签包起来，就可以特别为文字做不同的样式设计。

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

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浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。

(8)网站设计文字大小扩展资料：

网页构成

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

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

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

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

网页通常有以下元素：

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

与网站设计文字大小相关的知识