网页设计中最常见的30款英文字体
网页设计中最常见的30款英文字体
关于英文字体，对我们网页设计师朋友们来说一定并不陌生，即使我们很少做英文语系的网站，但在浏览国外网站的时候，大家一定都会有或多或少的认识。其实不单单是在网页中，很多移动操作系统和浏览器中都广泛使用了今天我们即将介绍的这些字体。
想必大家也都能猜出来像Arial、Helvetica 这种大名鼎鼎的字体肯定在里面了，那么还有什么呢？一起来详细了解一下吧！
首先，补充个小知识：
网页设计中的英文字体，一般有以下五类：
serif（衬线）
sans-serif（无衬线）
monospace（等宽）
fantasy（梦幻）
cuisive（花体）
一、网页设计中最常见的无衬线字体
在常见的两种字体风格中，衬线体的笔划感太”过”，不是特别的商业。随着瑞士设计风格的大力推广，无衬线字体变得愈发流行起来。
建议: 个人认为Tahoma 以及Verdana 字符编码效果最好，适用于多种环境
Arial
字体族科：Arial, “Helvetica Neue”, Helvetica
变体:
Arial：有时称为Arial Regular以便与Arial Narrow区别，其包括Arial、Arial Italic（斜体）、Arial Bold （粗体）、Arial Bold Italic（粗斜体）和Arial Unicode MS
Arial Black：此字体的特色在于其笔画相当的粗，包含Arial Black、Arial Black Italic（斜体）
Arial Narrow：为Arial的细瘦版本，包含Arial Narrow Regular、Arial Narrow Bold（粗体）、Arial Narrow Italic（斜体）和Arial Narrow Bold Italic（粗斜体）
Arial Rounded：包含Arial Rounded Bold（粗体），此字体可在微软韩文字体Gulim找到
——以上来自百度百科
Avant Garde
字体族科包括: “Avant Garde”, Avantgarde, “Century Gothic”, CenturyGothic, “AppleGothic”;
Calibri
字体族科包括: Calibri, Candara, Segoe, “Segoe UI”, Optima, Arial,;
Calibri，一种无衬线字体，为微软Microsoft Office 2007套装软件的默认字体，取代先前Microsoft Word 的默认字体Times New Roman以及PowerPoint、Excel和Outlook的默认字体Arial。
Calibri是搭发布于微软Windows Vista六种英文ClearType字体的其中一种，是Microsoft Word默认字体的第一个无衬线字体，先前则是使用Times New Roman为默认字体。
Candara
字体族科包括: Candara, Calibri, Segoe, “Segoe UI”, Optima, Arial
Candara是一种无衬线字体，为字型设计师Gary Munch为微软所开发，附带于Windows Vista中发行。——Wiki百科
Franklin Gothic Medium
字体族科包括: “Franklin Gothic Medium”, “Franklin Gothic”, “ITC Franklin Gothic”, Arial, sans-serif;
Futura
字体族科包括：: Futura, “Trebuchet MS”, Arial;
Futura灵感来自包豪斯，继包豪斯的设计理念，设计师保罗伦纳1924年至1926年首次创建Futura。虽然伦纳是不是包豪斯的成员，但是他赞同其很多观点，他认为现代的字体应该表达出现代模式，而不是成为过去字体的延续。Futura商业授权发行于1927年，由鲍尔型铸造厂投产。
在设计Futura 的过程中，伦纳避免产生任何非必要的元素，借鉴了无衬线的基本几何比例。Futura的清脆、干净的形式反映了其效率感，鲁莽的外观即使在现如今也已经淡淡退出了。
Futura成功催生了新的几何无衬线字体，如卡贝尔和世纪哥特式，其中包括的范围。现在超过80自成立以来，许多代工厂已经公布Futura变化的数字形式年，Adobe公司作为最常用的一个。几个国际公司还利用自己的Futura定制的版本，包括大众汽车（可见其著名的广告）和宜家。——Wiki
Helvetica
字体族科包括: “Helvetica Neue”, Helvetica, Arial;
Helvetica被视作现代主义在字体设计界的典型代表。按照现代主义的观点，字体应该”像一个透明的容器一样”，使得读者在阅读的时候专注于文字所表达的内容，而不会关注文字本身所使用的字体。由于这种特点的存在，使得Helvetica适合用于表达各种各样的信息，并且在平面设计界获得了广泛的应用。
Helvetica最常见的派生字体，应该是Monotype公司于1982年出品的”Arial“字体。虽然在很多细节上与Helvetica有所不同，但许多非专业人士很容易将两者混淆。Arial字体随着Microsoft Windows操作系统的附赠而迅速普及。
斯滕佩尔公司于1983年发布改进版本的Neue Helvetica。原来的Helvetica字体家族只有31种，新版本的Neue Helvetica有51种，而且以Univers为参照进行编号，以Neue Helvetica 55 Roman为基准，数字第一位为粗细，第二位为风格。现在Helvetica以及Neue Helvetica由于企业收购合并的原因，成为Linotype 公司的商品和商标。
Linotype公司在1983年发布”Neue Helvetica”字体。增加了更多不同的粗细与宽度的选择。——Wiki
Impact
字体族科包括: Impact, Haettenschweiler, “Franklin Gothic Bold”, Charcoal, “Helvetica Inserat”, “Bitstream Vera Sans Bold”, “Arial Black”;
Impact是一个由设计师乔佛瑞·李在1965年发表的一个无衬线字体，其特粗的笔画、紧缩的间距以及狭窄内部空间为其特点，正如其名impact（压紧）所指。此字型的x字高相当大，几乎接近其大写字母的三分之二，因此升部相当短小，降部更是如此。因为字体较为粗犷，适合使用在标题上，而不常用在内文。
Impact是网页核心字型的其中一个字体，跟着Microsoft Windows系统一同发布。
衬线字体再纸媒中使用较多，在纸张上的显示效果更加。但是在屏幕上（尤其是小屏幕上），显示效果不是那么的好。但是依然有很多设计师喜好用衬线字体，主要多用于标题，让标题看起来更与众不同。
Baskerville
字体族科包括: Baskerville, “Baskerville Old Face”, “Hoefler Text”, Garamond, “Times New Roman”;
Big Caslon
字体族科包括: “Big Caslon”, “Book Antiqua”, “Palatino Linotype”, Georgia;
Bodoni MT
字体族科包括: “Bodoni MT”, Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”;
Cambria
字体族科包括: Cambria, Georgia, serif;
Cambria是搭载于微软Windows Vista、Microsoft Office 2007和Microsoft Office 2008 for Mac等软件的一个衬线字体，其字符间距和比例相当的平均，对角和垂直方向的笔画和衬线比较粗，而水平向的衬线比较细，强调笔画的末笔。
当Cambria使用在大小超过20点的标题时，其字体间的间距会些微的缩小以求美观，但这样的设计并不适用于商业文件。——Wiki
Didot
font-family: Didot, “Didot LT STD”, “Hoefler Text”, Garamond, “Times New Roman”;
Palatino
字体族科包括: Palatino, “Palatino Linotype”, “Palatino LT STD”, “Book Antiqua”, Georgia;
帕拉提诺体（Palatino）是一种常见的英文字体。它属于旧衬线体，是最常被使用的10种衬线字体之一。由德国设计师赫尔曼·察普夫设计，1948年Linotype Foundry公司发布。赫尔曼·察普夫设计了一系列体现了意大利文艺复兴的风格的字体，包括Palatine, Sistina, Michaelangelo titling和Aldus，而且据说都是从阿尔杜斯·马努提乌斯印刷所铅字铸造师Francesco Griffo制作的铅字中取得的灵感。”帕拉提诺”这个名字源于16世纪意大利书法家将巴提萨·帕拉提诺（Giambattista Palatino）。
帕拉提诺体是基于文艺复兴的人文主义字体，可以看出从羽毛笔进化而来的痕迹，并富于运笔的韵律美。当时的字体多使用小字母和细笔画长竖线的搭配（长字母的字头字脚），而帕拉提诺体中进行了修改，增加字体的长度，便于阅读。字体竖线的粗细几乎不变，直线衬线较多，字母Q等的笔画富有明显特征，具有独特的优雅气息。——Wiki
Perpetua
字体族科包括: Perpetua, Baskerville, “Big Caslon”, “Palatino Linotype”, Palatino, “URW Palladio L”, “Nimbus Roman No9 L”;
Rockwell
字体族科包括: Rockwell, “Courier Bold”, Courier, Georgia, Times, “Times New Roman”;
Times New Roman
字体族科包括: TimesNewRoman, “Times New Roman”, Times, Baskerville, Georgia;
Times New Roman（泰晤士新罗马），可能是最常见且广为人知的衬线字体之一，在字体设计上属于过渡型衬线体，对后来的字型产生了很深远的影响。另外由于其中规中矩、四平八稳的经典外观，所以经常被选择为标准字体之一。——Wiki
Lucida Console
字体族科包括: “Lucida Console”, “Lucida Sans Typewriter”, Monaco, “Bitstream Vera Sans Mono”;
Lucida Sans Typewriter
字体族科包括: “Lucida Sans Typewriter”, “Lucida Console”, Monaco, “Bitstream Vera Sans Mono”;
四、网页设计中最常见的梦幻体和花体
Brush Script MT
字体族科包括:”Brush Script MT”, 花体英文;
Copperplate
字体族科包括:Copperplate, “Copperplate Gothic Light”, 梦幻字体;
Papyrus
字体族科包括:Papyrus, 梦幻字体;
适合移动设备显示的网页安全字体
如果你的网页设计针对移动设备，那么上面的很多字体并不使用，因为空间有限。下面是一些适合移动设备的网页安全字体。
Arial
Courier
Georgia
Palatino
Verdana
Helvetica
Courier New
Times New Roman
希望大家伙能有所收获，在网页设计中添加英文的时候注意这几点。
网页设计的标准尺寸
网页设计的标准尺寸 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按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 标准网页广告尺寸规格 1、120*120，这种广告规格适用于产品或新闻照片展示。 2、120*60，这种广告规格主要用于做LOGO使用。 3、120*90，主要应用于产品演示或大型LOGO。 4、125*125，这种规格适于表现照片效果的图像广告。 5、234*60，这种规格适用于框架或左右形式主页的广告链接。 6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 8、88*31，主要用于网页链接，或网站小型LOGO。
平面设计最常用的6种英文字体
字体设计一直是设计师最头疼的事，选择好是字体往往会事半功倍，然而中国设计师由于设计教育的问题和文化差异，往往对英文字体忽视，随便选一个往往就使用在了我们的作品中，设计师好坏的差别很大程度上是字体选择的差别，大马设计精选出出这6种最常的英文字体，他们都是久经考验的经典字体，有些经过了数百年的洗礼，有些像空气一起存在于我们周围，相信看过这个帖子会对你的设计会有很大帮助，并且每一个介绍后都有下载链接，可以下载安装使用。 1.无处不在的：Helvetica Helvetica是世界上最著名和流行字样之一。它干净、清晰的字形领导了一股清楚、易懂而快速的阅读潮流。Helvetica是由米耶丁格和爱德华德·霍夫曼（Eduard Hoffmann）在瑞士哈斯铸造所（Haas’sche Schriftgießerei）所制做。最初的名称是“Neue Haas Grotesk”，意为“哈斯的新无衬线铅字”，后来被哈斯的德国母公司斯滕佩尔（Stempel）在1960改为Helvetica，源自瑞士的拉丁文，使其更具有国际市场竞争力。1983年，D.Stempel AG和Linotype 公司一起重新设计并数字化了Helvetica，取名Neue Helvetica，建立了一个新的统一的字体家族。直到今天，原有的Helvetica家族包含了34种不同的字体磅值，而Neue Helvetica家族却有51种字体磅值。Helvetica字体家族已经成为很多数字印刷机和操作系统中不可缺少的一部分，同时也成为了当代视觉文化中一个无法替代的指南针。，世界无数的Logo在使用Helvetica，比如：如3M,BASF美国航空,BWM，英特尔，汉沙航空，Knoll，松下，无印量品，三星，德国铁路。 更多关于这个字体信息请点击下载： 世界著名字体系列——Helvetica
网页设计需要学习哪些软件
网页设计需要学习哪些软件 随着互联网的急速发展，我国网名数量骤增。截至到2013年年底，我国的网民人数将近5亿人，互联网普及率为28.9%，高于世界平均水平。 按照这样的速度继续发展，几年后我国的网民人数将超过5亿人。互联网作为20世纪最具应用性的创举，使得人们在交换信息中变得方便，无疑缩短了人与人之间的距离。随着互联网应用技术的不断发展和创新，它已然成为推动社会进步和经济发展的重要力量。 由于我国互联网起步较慢，但是随着我国人民生活水平的提高以及IT行业的高速发展，使得互联网人数的不断地增长。 因为网页设计的光明前景，很多人选择投身网页设计的伟大事业之中。但是很多人依然不清楚网页设计需要学习哪些软件，这篇文章会详细跟大家介绍一下网页设计需要学习哪些软件。 网页设计示例图片 网页设计软件需要学习，photoshop、dreamweaver、flash、分别是设计，制作以及动画。 学习完photoshop，那么就拥有设计的能力，拥有设计能力可以来做淘宝美工。 具体的工作就是负责淘宝店铺的装修以及宝贝细节的处理，还有就是产品的列表页和末页面设计，在做淘宝美工设计的时候，需要打开自己的设计思路，尽量的放大放开大胆的设计，因为淘宝店铺需要的是视觉的冲击力和震撼，所以尽情的发挥自己的设计思路吧，让创意的暴风雨来的更猛烈些吧。 学习了dreamweaver，你可以胜任网页制作的工作。 工作范围就是将网页设计界面当然是图片格式的文件，转换为HTML的页面，听起来很简单，但是需要记忆许多的HTML标签，一旦熟悉之后，做网页制作会非常的简单。如果你对程序感兴趣，推荐你可以看看DEDECMS，这是一套内容管理系统，只需要记忆一些程序的标签，那么你就可以使用这套来自助建站！所以学习了dreamweaver除了可以做网页制
网页设计的基本尺寸
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、1024*768 下网页的尺寸:width=955,height=600 800*600 下网页的尺寸:width=760,height=420 一般分辨率在800*600的情况下，页面的显示尺寸为：780*428px； 分辨率在640*480的情况下，页面的显示尺寸为:620*311px； 分辨率在1024*768的情况下，页面的显示尺寸为：1007*600px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5*11英寸 全尺寸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，应用最为广泛的广告条尺寸，用于页眉或页脚。
网页设计中最常见的30款英文字体
网页设计中最常见的30款英文字体 关于英文字体，对我们网页设计师朋友们来说一定并不陌生，即使我们很少做英文语系的网站，但在浏览国外网站的时候，大家一定都会有或多或少的认识。其实不单单是在网页中，很多移动操作系统和浏览器中都广泛使用了今天我们即将介绍的这些字体。 想必大家也都能猜出来像Arial、Helvetica 这种大名鼎鼎的字体肯定在里面了，那么还有什么呢？一起来详细了解一下吧！ 首先，补充个小知识： 网页设计中的英文字体，一般有以下五类： serif（衬线） sans-serif（无衬线） monospace（等宽） fantasy（梦幻） cuisive（花体） 一、网页设计中最常见的无衬线字体 在常见的两种字体风格中，衬线体的笔划感太”过”，不是特别的商业。随着瑞士设计风格的大力推广，无衬线字体变得愈发流行起来。 建议: 个人认为Tahoma 以及Verdana 字符编码效果最好，适用于多种环境 Arial 字体族科：Arial, “Helvetica Neue”, Helvetica 变体: Arial：有时称为Arial Regular以便与Arial Narrow区别，其包括Arial、Arial Italic（斜体）、Arial Bold （粗体）、Arial Bold Italic（粗斜体）和Arial Unicode MS Arial Black：此字体的特色在于其笔画相当的粗，包含Arial Black、Arial Black Italic（斜体） Arial Narrow：为Arial的细瘦版本，包含Arial Narrow Regular、Arial Narrow Bold（粗体）、Arial Narrow Italic（斜体）和Arial Narrow Bold Italic（粗斜体） Arial Rounded：包含Arial Rounded Bold（粗体），此字体可在微软韩文字体Gulim找到 ——以上来自百度百科
网页制作网页设计软件优缺点分析
软件名称功能 photoshop Photoshop是一种可以帮助我们迅速有效地完成各种图形处理工作的电脑软件,它能帮助我们完成图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的 图像特效。 DreamWeaver Dreamweaver 8、是一款优秀的所见即所得式网页编辑器,功能强大,是制作、美化、维护网站,开发多种语言应用程序的专业工具。 Fireworks A dobe Fireworks是A dobe推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web 图像和快速构建网站与 Web界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库, 并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和F lash的其它资源。然后直接置入D reamweaver中轻松地进行开发与部 署。 绘声绘影(Ulead VideoStudio 绘声绘影(Ulead VideoStudio是友立公司出品。是一个功能强大的视频编辑 软件,具有图像抓取和编修功能,可以抓取,转换MV、DV、V8、TV 和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可制作DVD,VCD光盘。支持各类
网页设计尺寸大全 网页设计一般尺寸
网页设计尺寸大全 网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等. 高度： 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。 宽度: 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计. 如果是800的分辨率一般都设成770。但也有设成760的. 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以800的分辨率一般设定760左右,1024的设定990左右. 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
设计方案常用字体库中英文对照表
设计常用字体库中英文对照表 当确实字体时，Photoshop会提示丢失字体，但是提示的字体名称是 一串英文字符，即使字体的名称是中文的也是一样。这给我们的带来 了困难，很难找到对应的字体来安装。今天要用字体了，所以就收集 了下供大家参考希望对大家有帮助！ (简体部分) 中文字体名英文字体名文件名 PS name 汉字数 方正报宋简体 FZBaoSong-Z04S FZBSJW FZBSJW—GB1-0 7156 方正粗圆简体 FZCuYuan-M03S FZY4JW FZY4JW—GB1-0 7156 方正大标宋简体 FZDaBiaoSong-B06S FZDBSJW FZDBSJW—GB1-0 7156 方正大黑简体 FZDaHei-B02S FZDHTJW FZDHTJW—GB1-0 7156 方正仿宋简体 FZFangSong-Z02S FZFSJW FZFSJW—GB1-0 7156 方正黑体简体 FZHei-B01S FZHTJW FZHTJW—GB1-0 7156 方正琥珀简体 FZHuPo-M04S FZHPJW FZHPJW—GB1-0 7156 方正楷体简体 FZKai-Z03S FZKTJW FZKTJW—GB1-0 7156 方正隶变简体 FZLiBian-S02S FZLBJW FZLBJW—GB1-0 7156 方正隶书简体 FZLiShu-S01S FZLSJW FZLSJW—GB1-0 7156 方正美黑简体 FZMeiHei-M07S FZMHJW FZMHJW—GB1-0 7156 方正书宋简体 FZShuSong-Z01S FZSSJW FZSSJW—GB1-0 7156 方正舒体简体 FZShuTi-S05S FZSTJW FZSTJW—GB1-0 7152 方正水柱简体 FZShuiZhu-M08S FZSZJW FZSZJW—GB1-0 7156 方正宋黑简体 FZSongHei-B07S FZSHJW FZSHJW—GB1-0 7156 方正宋三简体 FZSong III-Z05S FZS3JW FZS3JW—GB1-0 7156 方正魏碑简体 FZWeiBei-S03S FZWBJW FZWBJW—GB1-0 7156 方正细等线简体 FZXiDengXian-Z06S FZXDXJW FZXDXJW—GB1-0 7156 方正细黑一简体 FZXiHei I-Z08S FZXH1JW FZXH1JW—GB1-0 7156 方正细圆简体 FZXiYuan-M01S FZY1JW FZY1JW—GB1-0 7156 方正小标宋简体 FZXiaoBiaoSong-B05S FZXBSJW FZXBSJW—GB1-0 7156 方正行楷简体 FZXingKai-S04S FZXKJW FZXKJW—GB1-0 7156
够设计师用一辈子的25款经典英文字体
够设计师用一辈子的25款经典英文字体 2014-08-23创意设计必备平面设计 Eric Gill, Adrian Frutiger 和Max Miedinger 都是我们每天都在用、或阅读到的字体的作者，而且这些英文字体可以说是不会轻易过时的经典作品。这里就收录了25款经典英文字体在设计领域里最普遍也最常用的，毫不客气的说，这些字体会持续你的整个设计生涯！无论什么年代，它们都经久不衰，成为永恒的美感字型！ PS: 点击字体名称，可以直接下载该字型，如下列链接下载字体需要收费的，可到这两个免费字体网站查询：Abstract Fonts +Free Fonts
Helvetica 设计师哪个不认识Helvetica? 瑞士设计师Max Miedinger 以及Eduard Hoffmann 的作品。 Bodoni Giambattista Bodoni 1798年设计的有衬线字型，被Goodfellas gangster用来做电影海报。 Clarendon Robert Besley 1845年的设计。 Akzidenz Grotesk Helvetica的灵感来源，作者是Akzidenz Grotesk，1896年的作品。
Avenir Adrian Frutiger的作品，这名字很熟悉吧？ FF DIN Albert-Jan Pool 1995年的作品，与其他的字型相比之下来得比较新。 Futura 20年代Paul Renner 的作品，被许许多多的公司用来做成logo。 News Gothic Morris Fuller Benton 1908年的作品，被电影StarWars 用作开场credits 的字型。
网页制作软件有哪些
网页制作软件有哪些? 一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage2000还有些像? 但Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力
网站页面设计尺寸参考
网站页面设计标准尺寸，网站页面设计尺寸参考 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、1024*768 下网页的尺寸:width=955,height=600 800*600 下网页的尺寸:width=760,height=420 一般分辨率在800*600的情况下，页面的显示尺寸为：780*428px； 分辨率在640*480的情况下，页面的显示尺寸为:620*311px； 分辨率在1024*768的情况下，页面的显示尺寸为：1007*600px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5*11英寸 全尺寸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。 广告形式像素大小最大尺寸备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏760*100 25K 静态图片或减少运动效果 430*50 15K
够设计师用一辈子的25款经典英文字体[整理]
够设计师用一辈子的25款经典英文字体[整理] 够设计师用一辈子的25款经典英文字体 创意设计必备平面设计 2014-08-23 Eric Gill, Adrian Frutiger 和 Max Miedinger 都是我们每天都在用、或阅读到的字体的作者，而且这些英文字体可以说是不会轻易过时的经典作品。这里就收录了25款经典英文字体在设计领域里最普遍也最常用的，毫不客气的说，这些字体会持续你的整个设计生涯～无论什么年代，它们都经久不衰，成为永恒的美感字型～
PS: 点击字体名称，可以直接下载该字型，如下列链接下载字体需要收费的，可到这两个免费字体网站查询: Abstract Fonts + Free Fonts Helvetica 设计师哪个不认识 Helvetica? 瑞士设计师 Max Miedinger 以及 Eduard Hoffmann 的作品。 Bodoni Giambattista Bodoni 1798年设计的有衬线字型，被Goodfellas gangster用来做电影海报。
Clarendon Robert Besley 1845年的设计。 Akzidenz Grotesk Helvetica的灵感来源，作者是Akzidenz Grotesk，1896年的作品。 Avenir Adrian Frutiger的作品，这名字很熟悉吧, FF DIN Albert-Jan Pool 1995年的作品，与其他的字型相比之下来得比较新。 Futura 20年代 Paul Renner 的作品，被许许多多的公司用来做成logo。 News Gothic Morris Fuller Benton 1908年的作品，被电影 StarWars 用作开场 credits 的字型。 Frutiger 刚刚说道的 Adrian Frutiger 的另外一个作品。
界面设计必备常用字体规范
这几天有人问我说：“最近看了好多教程，都老高大上了，但是老弟我做不到呀，想学点直接能拿来用的，这个要求过分吗……” 这个，好吧，那就直接说说能用的知识：字体字号。 也许你会说：字体字号？也太Low了吧，这个谁不知道重要呀。 对于这个问题，我想说：会和熟练，是两回事。一个App，不同部分的字体字号你能准确地说出来吗？ 很多刚做APP界面的设计师，经常会因为字号，字体颜色，间距而困扰。 拿到设计需求后，开始进行设计，不知道从何去调整界面的字号和行间距等。容易碰到的问题是页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐，导致与预期不符等。 这小节我将和大家理一理界面中常用的字体，字号，字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。 一.成也字，败也字 在设计师的职业生涯中，至少一次甚至多次在工作中因为字体不协调栽跟头。在实践的过程中我们会慢慢发现一些规律或者经验规范。接下来我将和大家一起聊聊在界面设计中的那些常规字体的使用规范。 我们常常会听到，这也太LOW了吧！！你能统一一下字体吗？ 不明确而繁琐的字体搭配会导致整个画面失调。可以这样说，字体可以成就设计也可以毁掉设计。
问题的关键有： 1.字体样式太多，导致页面杂乱 2.使用的字体不易识别 3.字体样式和内容的气氛或规范不匹配 怎么避免这样的结果发生呢？ 通过设计经验可以帮助你做出更好的版式了解不同平台的常用字体设计规范
在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。 不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。 字体与背景的层次要分明 确保字体样式与色调气氛相匹配 二.界面中文字使用的规则 在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体，在这我和大家分别介绍一下。 以下是在 72像素/英寸下的规范 移动端常规字体 IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好。
网页制作常用软件与编程语言
网页制作常用软件与编程语言 ★【关于网络营销能力秀】：大学生网络营销能力秀（官网http:// https://www.sodocs.net/doc/0d6035268.html,）是网络营销教学实践平台，通过社交化学习、竞赛式实 践全面提升网络营销学习者的认知和实践应用能力。能力秀始于2009年， 每个学期举办一期，到2016年6月已举办15期，超过7000个院校的 20多万名大学生曾经是“秀友”。 网页设计设计的技术多种多样，根据网页表达的内容不同，应用的技术也不一样。 1)静态网页 所谓静态网页，是指网页内容不会随着浏览者的不同或浏览时间等的不同而变化，要改变网页的内容，必须由设计者在设计状态下改变。常用的静态网页设计脚本语言包括HTML、XML和CSS等。 2)超文本置标语言 超文本置标语言是网页设计的基础，是初学者必须学习的内容。虽然现在有很多所见即所得的网页编辑工具，但了解HTML的语法还是很有必要的，因为HTML可以更加精确地控制页面元素的布局，可以实现更多的功能。 3)HTML HTML是表示网页的一种规范，它通过标记符定义了网页元素的显示格式。在文本文件的基础上，增加了一系列描述文本格式、颜色等的标记符，再加上声音、动画甚至视频等，使网页可以形成更加精彩的画面。另外，HTML是一种发展迅速、功能强大的语言，它以简单精炼的语法和极强的通用性，使网页设计者能够充分发挥才能，将丰富多彩的信息以多样的形式展现在人们面前。
HTML的工作原理是当用户通过浏览器浏览网上信息时，服务器会将相关的HTML文件传送到浏览器上，浏览器按顺序读取HTML文档，然后解释HTML标记符，并显示为网页内容的相应格式。 4)可扩展置标语言 可扩展置标语言可以很方便地对结构化数据进行描述，它允许用户定义自己的标记符，提供了一个直接处理Web数据的通用方法，具有广阔的应用前景，对传统的网页设计将有较大的帮助。 5)XML XML是一种类似于HTML的、用来描述数据的语言，而HTML是关于如何显示数据的语言。在HTML中所有的标记符和文档结构都是预先定义好的，用户只能使用这些标准的HTML标记符，而XML允许用户定义自己的标记符和自己的文档结构，因此XML是可扩展的。另外，XML不是HTML的一种替代产品，将来网页设计的趋势将是由网站的开发者使用XML来描述网站所需的数据和网站结构，而用HTML格式化显示这些数据。 良好的数据存储格式、可扩展性、高度结构化、便于网络传输是XML的四个主要特点，这些特征使得XML在电子商务、出版、厂商等领域中发挥作用。 6)层叠样式表 层叠样式表技术是一种格式化网页的标准方法，它是HTML功能的扩展，使网页设计者能够以更有效的方式设计出更具有表现力的网页。它的主要特征如下： ●对文本的格式进行精确控制。 ●对文件中实现格式的自动更新。 ●对现有的标记格式进行重新定义。 ●自行将某些格式组合定义为新的样式。
网页设计经典作品欣赏
____________________________________________________________________________________________ 网页设计经典作品欣赏 大同小异的网页设计已经让你视觉疲劳了吧，加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。几何元素的融入不仅让网页变得高大上，也在无形中突出了网页中的某些内容，这样的突出方式并不单薄无力，反而让网页看起来更自然。一网学，致力于网页设计培训、UI设计培训、淘宝美工培训，平面设计培训，是最好的远程设计培训学校。 没有人会对沉闷的网页产生兴趣，而几何图形恰巧能在增强视觉体验的同时营造出活跃的氛围。我们为大家找到了14个融入了几何元素的网页设计，尽情享受吧！ Ondo Ondo的网站选用了较为鲜艳的色彩，再加以特别的效果，让用户在浏览时得到了一种别样的视觉感受。如果上一个案例表达了宁静的主题，那么Ondo表达的就是城市中的现代繁华。 Wildlife 这个网站中的几何元素体现在各方各面，既有设计师的设计，同时，局部也拼凑了一些包含几何元素的真实图片。我们可以看出该设计师对不规则元素十分热爱，图片本身的形状也不是传统的中规中矩，让整个页面多了一种拼贴感。
____________________________________________________________________________________________ Wixel Wixel的网站运用了几何元素，增加了现代化元素。
____________________________________________________________________________________________ Kinder Fotografie 几何元素的叠加使用使画面富有层次感，大小不一的正六边形更是增添了活力。 LIGAYA SCAFF 几何元素的作用比较多元化，随着周围坏境色彩的变化，它也能随之显现出完全不同的效果。在这个案例中，几何元素释放了它的神秘感。半透明的图片设计让网页有了重叠感，而规则的几何也不会让网页很繁复。
网页设计的标准尺寸
网页设计的标准尺寸 尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的很宽颜色范围很广，所以自然会有失色的现象. 页面标准按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 标准网页广告尺寸规格 1、120*120，这种广告规格适用于产品或新闻照片展示。 2、120*60，这种广告规格主要用于做LOGO使用。 3、120*90，主要应用于产品演示或大型LOGO。 4、125*125，这种规格适于表现照片效果的图像广告。 5、234*60，这种规格适用于框架或左右形式主页的广告链接。 6、392*72，主要用于有较多图片展示的广告条，用于或。 7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 8、88*31，主要用于网页链接，或网站小型LOGO。
设计师必看：英文字体设计
越来越多的接触英文，许多设计现在都离不开英文字体的设计，所以很有必要介绍一下一些英文设计的基础。也有很多人问，但是我也不是专业做英文字体，刚好看到这篇文章介绍的比较实用而且基础，最重要有图，直观，就翻译来，大家分了……O(∩_∩)O~哈哈，脑子有点蒙，有什么翻译不好的，大家看原作吧，呵呵。希望对你有帮助吧！ ............................................................................................................................................................ 100%实用。在工作室做字体设计的案例时，手绘可以帮助我们解释一些基本的事情。在设计新字体时，手绘可以帮助我们指出一些问题所在。这里，我们就用手绘这种方式来谈一些关于字体的很基础的东西，不深谈。 .................................................................... 第一部分：视觉平衡 视觉平衡！我们把所有字母在视觉上保持水平对齐，但是我们发现他们并没有绝对意义上的相同高度。比如，这个三角形比矩形要高，否则，三角形肯定会看上去比矩形要小。而创造一种字体，你当然想要所有的字母。 同样，圆形也需要超出基准线而达到视觉上的对齐。如果圆形和矩形高度相同，那肯定会看起来比矩形小。这不仅适用于三角形、圆形、矩形这些基本行状，而是可以应用在字体设计中的每一个字母，是很重要的一条法则。甚至你设计拉丁文、希腊文都可以应用。这是一条适用于任何形状的基本法则。
简单的网页制作教程-设计一个个人网站
题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。
新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs
接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs
然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，
国外英文字体标志设计教程
国外英文字体标志设计教程 如何设计文字标 文字标是指不包含图形的标志，设计这种标志其实可以很简单！ 一个标志如果不包含图形或图片即称之为文字标，这类标志设计起来相对比较容易。文字标是使用最广泛的一类标志，事实上，很多国际性大公司都在使用这种标志，比如IBM , SONY 。 和其他标志一样，文字标也是要代表某种东西。在我们开始设计之前，应该花点时间想清楚标志到底要传达的是什么，对于一家公司或团体来说，它要表现的是什么，一件事物或一个人？是某种产品或是服务？目标顾客是哪些人？如果对这些问题没有清晰的答案，设计师就很容易经不起诱惑而加入很多花俏的图形，而这些图形其实并不是这家公司所实际需要的。你对公司越了解，你走的弯路就会越少。 下面的文章里我们将为Berington 保险公司（Berington Insurance ）设计一个文字标志，其中的一些原理可以应用在所有类型的标志设计中。 马上开始： 1 ．为公司的名字选择一种字体 2 ．调整文字的大小和对齐方式，我们将其中一个单词放大，其他文字居中 3 ．在文字周围加上边框，并填充适当的背景颜色 4 ．加上装饰性的边线就ok 了，标志看起来不错，设计起来也不费工夫。
我们来详细分析上述这最基础的几个步骤: 一、选择一种字体 在一个文字标中，字体是关键。你首先需要从很多种字体中选择一种，这里有一些原则可以参考： 当公司名称使用了某种字体时，其文字实传达了表面的和隐含的两种信息。在第一个例子中，表面的信息是Berington 保险公司，而隐含的信息则是它给人的印象或感觉。我们的任务就是要找出这两种信息的互动关系。 我们来试一种字体： 隐含的信息一般都取决于上下文。比如上图的这种字体，看上去这家保险公司可能是专门经营军属保险业务的。对于公众来说，还可能被误认为是航运公司。我们来试一下另一种字体： 这种轮廓清晰的字体传达出一种信息：公司在行业里已经具有多年经验。如果我们还是采用这种字体，但改变一下名称看看有什么效果。 （字面意思：汽车维修） 同样是这种比较正统的字体却传达了另一种信息：修理起来可能会很贵。 这就是我们所说的两种信息的互动关系。 选择字体最好的方式就是用你字体库里的字体多试一下，看看效果，一些花哨的字体可能会比较吸引人，不过你还以应该更侧重于比较平实的字体，为什么呢？因为这些字体更醒目有力，比如Caslon 字体在其它元素中就不会显得过于令人侧目。 让我们继续原来的例子，下面我们把名称换成大写，拉开字符之间的距离。 这样看起来比较庄重，更符合公司比较严谨正式的风格。 还有一点要注意，有时单行文字并不能充分表现标志的含义，那我们可以通过改变其他因素来改变隐含的信息，比如： 用Lithos 字体会体现一种希腊，非洲的奇特格调，我们按下图处理，这种效果会更加强烈。
网页设计规范
标准字体字号： 中文网页一般文字正文都采用宋体12号（12px）字体，因为这个字体是系统对于浏览器特别优化过的字体。虽然12px-20px的宋体字都还能看，但是宋体12px是最漂亮的，也是最普遍应用的。 黑体一般是14号，因为一般很少用黑体做正文，主要都是标题或者是关键字。黑体14px是优化过的字体。 英文网页一般用11px字号，个人最喜欢的字体是tahoma与verdana这两种！特别是verdana，是最经典，最好用的字体！ 网页标准宽度： 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003；800宽-21=779。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 （注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。） 所以如果是1024的分辨率，你的网页不如设成1000安全一点。 如果是800的分辨率一般都设成770。 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以800的分辨率一般设定760左右,1024的设定990左右。 在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。 文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次光临都要重新缩放，总归麻烦，何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字号，那这个字号多大合适呢？ 12px？14px？15px？16px？还是压根就不应该使用px这个单位呢？ 问题的根源，在于屏幕上的一切字号单位（px，pt，em）都是相对单位，单凭它们并不能确定文字的实际大小。何况人对文字大小的根本感知在于眼睛的视角，这不仅取决于文字的物理尺寸，还取决于它到人眼的距离。 物理尺寸 首先假定一个我们希望达到的文字物理尺寸，例如设定为17寸1280 * 1024显示器上的16px，计算可得它的高度约是4.32mm，我们计划让网页文字在大部分显示器上都比较接近这个大小，那么在不同分辨率下应该显示成多大的字号呢？ 第一步：统计用户主要的分辨率和对应的屏幕大小。 要在物理尺寸和分辨率之间换算，首先要统计分辨率和对应的屏幕尺寸。用户分辨率的分布情况可以从网站的统计日志里获得。由于每个分辨率设置可能对应好几个不同尺寸的屏幕，而屏幕尺寸又无法通过网页获得，只好对现在的显示器市场进行统计分析：针对某一分辨率，统计可能的屏幕尺寸范围，从最小到最大，相对主流的是多大（或使用该范围的中间值作为主流尺寸）。如下图所示——
网页设计规范
网页设计规范 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按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 标准网页广告尺寸规格 1、120*120，这种广告规格适用于产品或新闻照片展示。 2、120*60，这种广告规格主要用于做LOGO使用。 3、120*90，主要应用于产品演示或大型LOGO。
4、125*125，这种规格适于表现照片效果的图像广告。 5、234*60，这种规格适用于框架或左右形式主页的广告链接。 6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 8、88*31，主要用于网页链接，或网站小型LOGO。 网页中的广告尺寸 1、首页右上，尺寸120*60 2、首页顶部通栏，尺寸468*60 3、首页顶部通栏，尺寸760*60 4、首页中部通栏，尺寸580*60 5、内页顶部通栏，尺寸468*60 6、内页顶部通栏，尺寸760*60