中华网通行证
用户名 密码
中华网科技
科技动态 硬件广场 下载基地 网络教室 科学博览 移动时代 网吧之家 桌面壁纸 科技商情  

网页制作高手进阶:浅谈设计中的文字
赛迪网--中国电脑教育报   2004-03-03 16:14:02

  
  如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷,涌现出大量优秀精美的网页。大量网络信息的呈现,无非就是通过文本、图像、Flash动画等,其中,文本是网页中最为重要的设计元素。对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见。

  文字的格式化
  
  1.字号、字体、行距

  字号大小可以用不同的方式来计算,例如磅(Point)或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅,所以,建议采用磅为单位。

  最适合于网页正文显示的字体大小为12磅左右,现在很多的综合性站点,由于在一个页面中需要安排的内容较多,通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。需要注意的是,小字号容易产生整体感和精致感,但可读性较差。

  网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。例如:粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。在同一页面中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活跃,丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

  从加强平台无关性的角度来考虑,正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到,这给网页设计带来很大的局限。解决问题的办法是:在确有必要使用特殊字体的地方,可以将文字制成图像,然后插入页面中。

  行距的变化也会对文本的可读性产生很大影响。一般情况下,接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12,即用字10点,则行距12点。这主要是出于以下考虑:适当的行距会形成一条明显的水平空白带,以引导浏览者的目光,而行距过宽会使一行文字失去较好的延续性。

  除了对于可读性的影响,行距本身也是具有很强表现力的设计语言,为了加强版式的装饰效果,可以有意识地加宽或缩窄行距,体现独特的审美意趣。例如,加宽行距可以体现轻松、舒展的情绪,应用于娱乐性、抒情性的内容恰如其分。另外,通过精心安排,使宽、窄行距并存,可增强版面的空间层次与弹性,表现出独到的匠心。


  行距可以用行高(line-height)属性来设置,建议以磅或默认行高的百分数为单位。例如:{line-height:20pt}、{line-height:150%}。

  文字的整体编排

  页面里的正文部分是由许多单个文字经过编排组成的群体,要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式,它在个性和情感方面对人们有着很大影响。在网页设计中,字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲,所有的设计元素都可以理解为图形。

  1.文字的图形化

  字体具有两方面的作用:一是实现字意与语义的功能,二是美学效应。所谓文字的图形化,即是强调它的美学效应,把记号性的文字作为图形元素来表现,同时又强化了原有的功能。作为网页设计者,既可以按照常规的方式来设置字体,也可以对字体进行艺术化的设计。无论怎样,一切都应围绕如何更出色地实现自己的设计目标。

  将文字图形化、意象化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调与平淡,从而打动人心。 (文/薛亚峰 纪光熙)

赛迪网

无标题文档
 
 
 

此广告位由中网
在线广告有限公司发布  


相关报道
 
更多本栏目内容
??Windows 2000系统安全设置攻略
??Dreamweaver编写CSS需要掌握的技巧
??使用Flash MX过程中的3个小技巧
??拖IE9网站图标到Win7任务栏 精彩好礼任你拿
??从此不再耗流量?Google离线地图试用
??给瑞星添加移动存储自动杀毒功能
??一周壁纸榜单 靓丽风景伴您欢度周末
??金山网络七款软件齐升级 炫丽界面贺新春
??提升网站流量和权重 百度热榜排第一
预警:电商促销引钓鱼 七夕网购需谨慎

本站检索



杂志推荐
· 科技类杂志优惠订阅
·《科技新时代》月刊
·《高科技创业者》优惠
·《科学世界》月刊

·清华IT体验式培训
·北大·达内外企IT培训
·北大青鸟为您就业添金砖
·注会!会计职称!辅导
·在职攻读硕士博士课程
· 学计算机在京就业函授

分类信息
·快速矫正成人畸形牙!
·★数码-全国免费送货!
·无毒抗癌新药创造奇迹
·探测狗保护您的绝对隐私
·让您永不失业的赚钱项目
·小型复印纸生产设备
·手把手教您开汽车美容店
·专家治子宫肌瘤、肿瘤
·女人的钱应该这样赚
·04年投资什么最赚钱!
·改变白癜风患者命运
·时尚火爆的投资项目稳赚
·治强脊炎股骨头坏死
·治愈高血压特效药问世
·治疗偏瘫获重大突破
·中国男性疾病康复工程
·2004年做什么最赚钱?
·牛皮癣不再复发已成现实
·如何开美式汽车美容店
·滋养卵巢平衡调理持久美
·中医治疗牛皮癣有特效
·男用增大壮阳品专区
·2004春季瘦身总动员
·手机休息袋--想接听才听

 

分类信息特别推荐
·女性·饰品·赚钱法
·★数码-全国免费送货!
·探测狗保护您的绝对隐私
·手把手教您开汽车美容店
·滋养卵巢平衡调理持久美
·男用增大壮阳品专区
·千元加入造富工程
·2004年做什么最赚钱?
·如何开美式汽车美容店
·全国最火爆赚钱项目联展
·个人投资项目精选
·投资稳赚的独门生意
·手机美容诚征代理
·挣女人钱,赚你没商量

Untitled Document Untitled Document


   

科技频道主编信箱