1、设计网页字体有什么要求?
一、字体的使用。 网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体也可以在任何操作系统和浏览器里正确显示。 windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。网页字体的样式一共有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。[网页设计要求-2page]
二、字体的大小设置。 网页中字体大小不要乱设置,最好以系统默认为宜,一般是12PT,现在网络上最流行的小中文字体大小为9pt。 CSS2规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加( )或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符: em:元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时,会出现异常,这时它指母元素的字体大小。 ex(x-高度):CSS2规范将它描述为小写字母x的高度。 px(像素):它与背景或屏幕的分辨率有关。根据显示器分辨率输出不同像素,由于用户的喜好不同,显示器的分辨率可能会有很大差异。
三、特殊字体或艺术字体的设置。 如果你需要用一种特殊的字体来体现你的风格,那么特殊字体或艺术字体最好以图片的方式置入网页。需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。
2、关于网页设计尺寸和字号大小
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浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。
(2)网页设计字号要求扩展资料:
网页构成
文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。
在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。
它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。
为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。
网页通常有以下元素:
文字资料图像档案Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。
3、制作网页,一般字体设置为多大,行距为多少。
字体大小可以用不同的方式计算,如点或像素,由于基于像素的打印需要转换为磅,因此建议使用磅。
1、网页文本显示最合适的字体大小约为12个磅。现在许多综合性网站通常使用9磅字体大小,因为页面中有许多内容需要排列,大字体可用于标题或其他需要强调的地方,小字体可用于页脚和辅助信息。需要注意的是,小尺寸容易产生整体感和精致感,但可读性差。
2、行距的变化也会对文本的可读性产生很大的影响。行距设置接近字体大小的权重更适合文本。行距的固定比例为10:12,即文字10磅,行距12磅。这主要是出于以下考虑:适当的行距会形成明显的水平白带引导观众的视线,过宽的行距会使一行文字失去良好的连续性。
(3)网页设计字号要求扩展资料:
网页制作流程
1、引策划
网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。
2、前台
网站页面的设计制作,包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。
3、后台
程序设计、数据操作、功能实现、管理界面和管理功能设计等,侧重界面设计的,应在图形设计和视觉创意上多下功夫,做页面代码和后台程序则要多熟悉web标准、标记语言、内嵌语言、脚本语言、数据库等内容。
参考资料来源:网络-网页制作
4、响应式网页 界面设计 多大字号
响应式的网页设计,除了布局的变化以外,还有字号的改变。通常使用@media。比如:
h1 {
font-size: 48px;
}
@media (max-width: 767px){
h1 {
font-size: 36px;
}
}
以上的CSS可以让网页在设备屏幕尺寸小于768px的时候,让h1的字号从原始的48px变为36px。在实际的应用中,尤其是h1、h2、h3等等这样的大标题的字号设置,其实还是有一点点的瑕疵。因为可能需要额外多设定几个@media的宽度。
屏幕宽度从1280px、1024px、768px、640px、480px,直到320px,跨度非常大,为了保持比较完美的显示,通常会用Screen Size之类的浏览器插件,来显示不同宽度下布局的显示状况。h1 标签内,因为字号大,字数也或多或少,为保险起见,有时会为每一种屏幕宽度都定制一个合适的字号,这样稍显麻烦。
有一种解决的方案,用Viewport的方法。
%vw = %viewport width
我们用%vw来定义字号,也就是说用屏幕宽度的百分比来定义字号的大小。例如:
h1 {
font-size: 2.5vw;
}
这样一来,无论屏幕宽度如何变化,h1的字号会保持在Viewport宽度的2.5%的大小。
5、网页设计的基本要素是什么?一般网页的尺寸,字体等方面的要求是多少?
网站设计基本要素有九项:整体布局,有价值的信息,速度,图形和版面设计,文字的可读性,网页标题的可读性,网站导航,保护个人信息声明,词语准确.
参考资料:http://www.obpo.com/Obpobbs/
一般网页的尺寸:800*600相素的设置为宽760
1024*768的宽为1000
如要做一个全屏的引导页 ,是1000*600刚好能全屏,但是普通的页面宽最好是760 这样两种分辨率的都不会出现横向的滚动条了
字体看个人所好了
6、网页设计中,font 如何 精确 字体大小?
你好!你现在的size是html中的字体尺寸,这种不适合在页面中作设置,这样会影响整体字体大小的效果。你是好的方法就是要用CSS来做字体大小,这样会很精确地做到。通常情况下,字体大小都是像素px为单位,用CSS来做设置的话,那如下例所示:
字体设置成为宋体12像素字体:.px12{font-family:宋体; font-size:12px}
那如何调用:<font class="px12">这是设置宋体12像素字体效果</font>
直接写入页面也是同样达到效果,方法为:<font style="font-family:宋体; font-size:12px"></font>
那样你字体大小就可以很好地精确起来,就不会一下子这么大这么难看了,你可以试一下。
希望我的回答能令你满意!
7、网页设计中一般用什么字体?
用默认的比较多,微软雅黑也不错
8、网页设计中公司网站一般用什么字体什么字号
正常的内容文字使用宋体12号即可,无需效果
网站名,logo采用最大的字体,黑体,笔迹清晰即可。
文章标题采用大于14号比内容略大。
版权,底部,次要文字采用10号左右浅色。
9、UI设计网页设计字体规范应该要注意什么
可以参考常规字体的使用规范:
1、在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。
2、不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。
3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配,等。
(9)网页设计字号要求扩展资料:
网页设计
1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。
2、以业务目标为中心进行功能策划,制作出栏目结构关系图。
3、以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。
4、以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。
5、根据用户反馈,进行页面设计调整,以达到最优效果。