网页的版式设计(二)

设计|网页

3.文字的强调

  (1) 行首的强调
  将正文的第一个字或字母放大并作装饰性处理,嵌入段落的开头,这在传统媒体版式设计中称之为“下坠式”。此技巧的发明溯源于欧洲中世纪的文稿抄写员。由于它有吸引视线、装饰和活跃版面的作用,所以被应用于网页的文字编排中。其下坠幅度应跨越一个完整字行的上下幅度。至于放大多少,则依据所处网页环境而定。

  (2) 引文的强调
  在进行网页文字编排时,常常会碰到提纲挈领性的文字,即引文(也称为眉头)。引文概括一个段落、一个章节或全文大意,因此在编排上应给予特殊的页面位置和空间来强调。引文的编排方式多种多样,如将引文嵌入正文的左右侧、上方、下方或中心位置等,并且可以在字体或字号上与正文相区别而产生变化。
 
  (3)个别文字的强调
  如果将个别文字作为页面的诉求重点,则可以通过加粗、加框、加下划线、加指示性符号、倾斜字体等手段有意识地强化文字的视觉效果,使其在页面整体中显得出众而夺目。另外,改变某些文字的颜色,也可以使这部分文字得到强调。这些方法实际上都是运用了对比的法则。

4.文字的颜色
  在网页设计中,设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。例如,如果你使用Frontpage编辑器,默认的设置是这样的:正常字体颜色为黑色,默认的链接颜色为兰色,鼠标点击之后又变为紫红色。使用不同颜色的文字可以使想要强调的部分更加引人注目,但应该注意的是,对于文字的颜色,只可少量运用,如果什么都想强调,其实是什么都没有强调。况且,在一个页面上运用过多的颜色,会影响浏览者阅读页面内容,除非你有特殊的设计目的。
 
  颜色的运用除了能够起到强调整体文字中特殊部分的作用之外,对于整个文案的情感表达也会产生影响。这涉及到色彩的情感象征性问题,限于篇幅,在这里不做深入探讨。

  另外需要注意的是文字颜色的对比度,它包括明度上的对比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性发生作用,更重要的是,你可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。

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

图7:下坠式的行首强调,有吸引视线与活跃画面的作用。
图8:根据页面色调灵活运用文字的色彩,既符合页面的整体氛围,又保证了可读性。

时间: 2024-09-30 15:38:54

网页的版式设计(二)的相关文章

网页的版式设计—文字的格式化

网页的版式设计---文字的格式化 编者按:很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心.特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感.目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少. 文字的格式化 1.字号.字体.行距 字号大小可以用不同的方式来计算,例如磅(point)或像素(pixel).因为以计算机的像素技术为基础的单

网页的版式设计(五)

设计|网页 3.图像的编排 (1)四角与中轴四点结构 页面的四个角与对角线.中轴四点及水平与垂直的中轴线,具有支配页面结构的作用. 四角是页面边界相交形成的四个点,把四角连接起来的斜线即对角线,交叉点为页面中心.中轴四点指经过页面中心的垂直线和水平线的端点.这四个点可上.下.左.右移动. 通过四角与中轴四点结构的不同组合.变化,可以求得多样的页面结构.在图像排版时紧紧抓住这八个点,可以突出网页的形式美感,网页的版式设计.视觉流程的筹划也得到相应简化.   (2)块状组合与散点组合结构 块状组合,

网页的版式设计---网页的排版与布局

网页的版式设计---网页的排版与布局 很多朋友都想向我学习如何做网页,我知道他们的意思就是说要想向我学习如何用做网页的软件,如dreamweaver.flash.firework.photoshop等等,这些纯技术的东西我不想多谈,因为如今技术的发展一日千里,就是这种应用软件也是发展升级得非常的快. 今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现.我想强调的是关于网页排版布局方面的必要的知识,很多初学者都忽视这方面,以为技术就能代表一切,能够知道怎么用这个做网页的工具就能够

网页的版式设计(三)

设计|网页 3.文字的强调 (1) 行首的强调 将正文的第一个字或字母放大并作装饰性处理,嵌入段落的开头,这在传统媒体版式设计中称之为"下坠式".此技巧的发明溯源于欧洲中世纪的文稿抄写员.由于它有吸引视线.装饰和活跃版面的作用,所以被应用于网页的文字编排中.其下坠幅度应跨越一个完整字行的上下幅度.至于放大多少,则依据所处网页环境而定. (2) 引文的强调 在进行网页文字编排时,常常会碰到提纲挈领性的文字,即引文(也称为眉头).引文概括一个段落.一个章节或全文大意,因此在编排上应给予特殊

网页的版式设计(八)

设计|网页 6.倾斜型 页面主题形象或多幅图片.文字作倾斜编排,形成不稳定感或强烈的动感,引人注目. 7.对称型 对称的页面给人稳定.严谨.庄重.理性的感受. 对称分为绝对对称和相对对称.一般采用相对对称的手法,以避免呆板.左右对称的页面版式比较常见. 四角型也是对称型的一种,是在页面四角安排相应的视觉元素.四个角是页面的边界点,重要性不可低估.在四个角安排的任何内容都能产生安定感.控制好页面的四个角,也就控制了页面的空间.越是凌乱的页面,越要注意对四个角的控制.  8.焦点型 焦点型的网页版式

网页的版式设计(七)

设计|网页 三.版式的基本类型 网页版式的基本类型主要有骨骼型.满版型.分割型.中轴型.曲线型.倾斜型.对称型.焦点型.三角型.自由型十种. 1.骨骼型 网页版式的骨骼型是一种规范的.理性的分割方法,类似于报刊的版式.常见的骨骼有竖向通栏.双栏.三栏.四栏和横向的通栏.双栏.三栏和四栏等.一般以竖向分栏为多.这种版式给人以和谐.理性的美.几种分栏方式结合使用,既理性.条理,又活泼而富有弹性.  2.满版型 页面以图像充满整版.主要以图像为诉求点,也可将部分文字压置于图像之上.视觉传达效果直观而强

网页的版式设计(四)

设计|网页 二.图像 除了文本之外,网页上最重要的设计元素莫过于图像了.一方面,图像的应用使网页更加美观.有趣:另一方面,图像本身也是传达信息的重要手段之一.与文字相比,它直观.生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受. 1.图像的格式 Web通常使用两种图像格式:GIF和JPEG.除此以外,还有两种适合网络传播但没有被广泛应用的图像格式:PNG和MNG.  2.图像的形式 同印刷排版一样,静态图像在网页排版中的运用不外乎四种形式:方形图.退底图.出血图以及这三种

网页的版式设计(一)

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

网页的版式设计

图像的处理 图像的外形.大小.数量以及与背景的关系,都与内容有着密切的联系. (1)图像的外形处理 图像的外形能使页面的气氛发生变化,并直接影响浏览者的兴趣.一般而言,方形的稳定.严肃,三角形的锐利,圆形或曲线外形的柔软亲切,退底图及一些不规则或不带边框的图像活泼. (2)图像的面积 图像在网页中占据的面积大小能直接显示其重要程度.一般地,大图像容易形成视觉焦点,感染力强,传达的情感较为强烈;小图像常用来穿插在字群中,显得简洁而精致,有点缀和呼应页面主题的作用.在一个页面中,如果只有大图像而无小