注册
 找回密码
 注册
江西广告网 首页 理论资讯 版式设计 查看内容

网页的版式设计(一)

2007-4-18 14:14| 发布者: anchen| 查看: 748| 评论: 0

"1138542520l">
编者按:很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心。特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感。目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少。经过作者同意,从这一期开始,我们选载《网页艺术设计》一书的部分章节,从最基本的内容讲起,希望对广大网页制作者有所助益。

一、文字的格式化

1.字号、字体、行距
  字号大小可以用不同的方式来计算,例如磅(point)或像素(pixel)。因为以计算机的像素技术为基础的单位需要在打印时转换为磅,所以,建议采用磅为单位。

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

  网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。

  粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。在同一页面中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活跃,丰富多采。关键是如何根据页面内容来掌握这个比例关系。

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

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

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

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

(以上内容节选自顾群业等编著的《网页艺术设计》一书,山东美术出版社出版。)


图1

图2


图1:通过文字大小疏密进行处理,突出重点,层次分明。
图2:上、中部文字编排疏散,传达出轻松愉快的感觉。下部的文字编排采用较小的行距,与上面的编排方式形成对比,丰富了版面空间层次。

(作者按:本文是在网上搜得,如有版权问题,请告知,本站将立即删除)


12下一页

漂亮

酷毙

路过

雷人

握手

鲜花

鸡蛋

最新评论

热点图文
  • 江西首个纺织文化创意设计产业园8
  • 江西:亲亲爹地TM婴儿纸尿裤等2种
  • Timberland 10061经典黄靴广告《真
  • 明星助阵庆典 果唯伊为何低调?资
  • 雀巢Nespresso胶囊咖啡机TVC
推荐阅读
全球知名广告工作室Platinum,位于巴西里约热内卢,是一家出色的专 ...查看全文
安塞尔·亚当斯的摄影作品 ...查看全文
最近遇到一些很奇怪的CorelDraw文件,只要打开那些文件,就会出 ...查看全文
广告圈子

返回顶部