当前位置: 网站建设 > 网页设计 > 建站经验 >

网页设计之字体和页面排版技巧

时间:2013-03-02 04:13来源:未知 作者:admin 点击:

标签:网页设计之字体和页面排版技巧 技巧(106)斜体(2)页面(60)排版(8)不(7)网络(21)别在(1)字体(24)中文(9)网页设计(881)
对中文斜体,个别在网络上是不使用的。由于中文笔画繁多,应用了斜体将难以识别。 Tag:网页设计 网页设计 Windows里最有名的符号体就是Webdings(记得以前还在Windows 95的时候蛮爱用的)。下面是Webdings字体的多少个: 顾名思义,手写体就是手写作风的字体。有时我们也叫它书法字体。中文的书法字体大多都比较僵硬。个人更推举使用日文的书法字体。日文书法字体跟加柔美,更人道。但时使用日文书法字体毛病就是大都都是繁体,另外许多汉字会缺乏。 常见的字体的样式分为:正常Normal、粗体Bol
网页设计之字体和页面排版技巧》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234L92013.htm

  对中文斜体,个别在网络上是不使用的。由于中文笔画繁多,应用了斜体将难以识别。 Tag:网页设计     网页设计    

  Windows里最有名的符号体就是Webdings(记得以前还在Windows 95的时候蛮爱用的……)。下面是Webdings字体的多少个:

  顾名思义,手写体就是手写作风的字体。有时我们也叫它书法字体。中文的书法字体大多都比较僵硬。个人更推举使用日文的书法字体。日文书法字体跟加柔美,更人道。但时使用日文书法字体毛病就是大都都是繁体,另外许多汉字会缺乏。

  常见的字体的样式分为:正常Normal、粗体Bold、斜体Italic。

  三、等宽字体(Monospace)

  值得留神的是,固然在书籍中,衬线字体被普遍地利用,然而在互联网上,衬线字体很少被使用。因为电脑屏幕辨别率与书籍不具可比性,所以注释10~12px的 衬线字体在电脑屏幕上是很难辨认的。下图是不Cleartype时,10px的Verdana和10px的Times New Roman的对照。大家可以发明,左侧的Verdana可以被很好的辨识。右侧的Times New Roman辨认相称艰苦。

  字体的类型

  在说到粗体的时候,我们很轻易联想到CSS里的font-weight(字重)属性。我们晓得font-weight(字重)属性值除了我们平凡使用的 normal,bold外,还有bolder,lighter,网页设计中高手的可读性设计技巧,100~900等属性。那么这个100~900的值是什么呢?事实上,100~900并没 有单位。优良的字体会对不同的字重供给不同的设计。如果字体当时内置了不等同级的粗细水平的设计,那么这几个数值将分辨对应每个等级。例如Zurich字 体,就包括了Zurich Light、Zurich Regular、Zurich Medium、Zurich Bold、Zurich Black、Zurich UltraBlack六个字体。这样一来,Zurich Light对应的就是100、200、300三个数值,Zurich Regular对应的就是400也就是“畸形 normal”,Zurich Medium对应的是500,Zurich Bold也就是“粗体 bold”对应的是600、700,Zurich Black对应800,最后,Zurich UltraBlack对应的是900。

  四、手写体(Calligraphy)

  英文字体(Typeface),分为几种大类,这是在使用英文字体的时候必需知道的基础常识:

  

  等宽字体事实上只针对西文字体。因为英文字母的宽度各不雷同。例如i就要比m窄良多。编程时显示代码,网页设计中针对中文排版CSS心得,假如字母不等宽那么排版将很丢脸。咱们在DOS命令行中,能够看到使用的是等宽字体。

  网页设计中常用的衬线体有Times New Roman和Georgia。下图左边是12px的Times New Roman字体,右边是12px的Georgia。

  简略来说,网页设计中美女视线的影响,粗体就是字领会更加黑,更加“粗”。斜体就是将字轴微微倾斜。他们都是用于在篇幅内强调某段文字上。

  6、“0”、“o”和“O”等三个字符易于划分;

  

  2、简练、清晰、标准的字符形体;

  衬线(serif)就是笔画边沿的装潢局部,网页设计中的文字运用。下图中红色标注的处所就是衬线。

  字体如果不带衬线的话,那么就称为非衬线体或者无衬线体。下图就长短衬线体。

  网页设计中常用的非衬线体绝对就比拟多了。有Arial、Verdana、Tahoma、Helivetica、Calibri等。下图从左到右顺次是Arial、Verdana、Tahoma:

  一、衬线体(Serif)

  

  编程请求的等宽字体有如下要求:

  8、清楚的标点符号形状,尤其是大括符、圆括符和方括符。

  五、符号体(Symbol)

  在中文里,我们使用的宋体就是对应的衬线字体。

  

  

  常见的等宽字体有Courier,Courier New

  衬线设计的初衷是为了更明白地表明笔触的末端,提高辨识率,进步浏览速度。另外,使用衬线字体会让人感到更加的正统。所以我们常见的英文书籍,特殊是论文、小说,很多都是使用衬线体来实现正文的。

  

  我们天天设计都在与字体打交道。但是我们始终没有当真在意他们的存在。我们没有很好地使用过他们,甚至滥用他们。这所有是因为我们不懂得他们。字体作为排版的主要元素之一,网页设计中用户确认页的设计;在设计里也是最深邃的一门学识之一。本文中,就与大家来一起探讨一下这门深奥的知识。

  5、“1”、“l”跟“i”等三个字符易于辨别;

--> [网站建设之]网页设计之字体和页面排版技能

  字体的款式

  7、双引号、单引号的前后部门易于分辨,最好是镜像对称的;

  4、空缺字符(ASCII: 0×20)与其余字符等宽;

  二、非衬线体/无衬线体(Sans-serif)

  1、所有字符等宽;

  3、支撑ASCII码为128以上的扩大字符集;


(责任编辑:网站建设)
网页设计之字体和页面排版技巧相关文章
上一篇:网页设计中高手的可读性设计技巧 下一篇:网页设计之构图技巧
回到顶部