网页的视觉设计原则

网页的视觉设计原则（精选9篇）

网页的视觉设计原则 第1篇

随着计算机技术与互联网技术的飞速发展,人们获取的信息更多地来自于互联网。网络在提供海量信息的同时,无疑也加大了人们从浩瀚的网络信息海洋中获取所需信息的难度。考虑到当前大多数信息是通过网页界面呈现的,所以这一难度给网页界面的设计带来了新的挑战。网页是人与计算机网络进行交互的重要人机界面。网页界面的样式林林种种、纷繁多样,究竟什么样的网页能向人们呈现更多的信息,什么样的网页设计更符合人们的信息加工特点,使人们高效、愉悦地获取所需信息,网页信息如何布局才能更好地引导人们科学的视觉行为,进而提高信息的获取效率等,这一系列问题都是当前网页设计者需要首先考虑的问题。

心理学研究表明,人们所知觉到的信息80%～90%是通过视觉获得的,网页界面更是如此。所以考虑到人们的视觉加工特点,结合人们的视觉搜索特征,来探讨网页设计的原则,能够对网页设计提供一些指导。

1 视觉搜索概述

1.1 视觉搜索定义

视觉搜索,顾名思义,是利用视觉系统来搜索信息,是人们从大量的刺激中寻找目标刺激的信息加工过程,它是人类获取信息的一种重要手段,是一种复杂的认知过程。针对网页界面而言,是指在网页界面所呈现的大量信息中,选择自己需要的信息的视觉行为过程。

经典的视觉搜索模式是Sternberg于20世纪60年代提出来的,它从短时记忆信息提取方式的研究中得出信息提取匹配的两个假设:平行扫描(平行加工或平行搜索)和系列扫描(系列加工或系列搜索)。

1.2 视觉搜索分类

视觉搜索主要包含序列搜索和平行搜索两种模式。在所呈现的项目集合中,目标刺激和所有的项目同时进行比较,来找到目标刺激,是平行搜索;序列搜索则是把目标刺激和集合中的所有项目一一进行比较,直到找到目标,是系列搜索;Kristjansson和Tse(2001)对平行搜索和系列搜索分类是通过研究说明的,认为在一系列弯曲不连续的图形中搜索弯曲连续的图形,叫做系列搜索,反之则叫平行搜索;在一系列椭圆形中搜索圆形叫做系列搜索,反之则叫平行搜索。显而易见,平行搜索所消耗的认知资源比较少,被测试者反应也比较快,其效率要远远高于序列搜索。但是究竟被测试者或者个体选择或偏好哪种搜索模式,则取决于目标刺激物的特点。一般有规律且等级结构清晰的刺激物能吸引用户的平行搜索,在网页信息设计中,尽量使信息的呈现变得有规律,使结构更清晰,或通过给不同的信息添加某种视觉刺激,引起浏览者采用平行搜索的视觉模式来获取信息,提高视觉搜索的效率。

2视觉搜索的特性及其影响因素

2.1眼跳

视觉搜索中,眼跳是其重要的组成部分,是反应视觉信息加工过程的外显行为。观察者获取外界信息的视觉行为一部分会通过眼跳和注视表现出来。视觉搜索过程中的眼跳,分为内源性眼跳和外源性眼跳。内源性眼跳是由个体机体主动发生的眼跳,比如按指导语要求进行的眼跳;外源性眼跳是由外部刺激引起的眼跳,比如由一个新的、奇特的刺激的出现所引起的眼跳。在视觉搜索中引起外源性注意的外部刺激是指刺激物的基本特征,包括颜色、亮度、动态、形状、大小、方向等。网页界面中的元素主要影响的是个体的外源性眼跳。

2.2视觉搜索的非对称性

2.2.1视觉搜索的非对称性现象

若视觉搜索的非对称性是指在若干个甲类项目(干扰刺激)中找到一个乙类项目(目标刺激),与从同样的若干个乙类项目(干扰刺激)中找到一个甲类项目(目标刺激),两者的搜索速度不一样,且具有显著差异,出现非对称现象。而且,当甲乙两个项目交换干扰刺激和目标刺激的角色时,它们的反应速度还是存在显著性差异。

2.2.2基于刺激相似性和熟悉性的视觉搜索非对称性

Duncan和Humphyeys(1989)提出的刺激相似性理论认为,目标物和干扰物以及干扰物和干扰物之间的相似性决定目标搜索。目标物与干扰物越相似,干扰物与干扰物越不相似,就越容易形成局部对比,进而使目标从干扰物中突显出来,引起人们的视觉注意和搜索。但是如果目标物和干扰物之间的差异足够大,例如用两种很醒目的颜色或者两种闪动的文字做刺激,那么两种刺激都会突显,非对称将消失。

熟悉性很好理解,即阅读者对刺激材料的熟悉与否。熟悉性可以通过学习改变,与阅读者的经验和视觉模式有关,它和相似性一样是影响视觉搜索的一个因素。有学者认为目标刺激与干扰刺激之间的熟悉与否引起的搜索类型不同,材料之前越熟悉越会引起平行搜索,熟悉的项目激活度小,新颖的不熟悉的项目激活度大。当目标刺激和干扰刺激熟悉度相同,即同为熟悉或新颖,则激活度就没有差别。由此可知,熟悉性可作为影响视觉搜索的基本特征之一。

2.2.3视觉搜索的位置特征

视觉搜索的位置特征表现为,人在对静态物体的特征进行加工时,表现出了颜色加工和形状加工的分离,即视觉系统在对颜色和形状进行加工时,是独立的,不存在相互干扰,并表现出了位置的分离。有学者对眼动追踪技术进行研究发现,当刺激物呈现在边缘视野时,人们对颜色的搜索目标会有较多的眼跳,表示边缘视野的颜色加工的目标指向性比较好,而对于形状搜索时这种目的性则较差。由此说明,人们运用边缘视野能够对颜色特征属性的目标进行较好的加工,而对形状特征的加工则更多地依赖中央窝来完成。

2.3视觉刺激响应

视觉刺激响应,是指人对刺激物的基本物理特征,如图片、动画以及颜色搭配等产生的带有一些较为稳定的具有倾向性的反应,它是影响用户视觉搜索效率的一个重要因素。就有效信息的搜索而言,有学者研究发现,动态图像对用户的信息搜索能力帮助不大;动态信息中的动画对用户的信息搜索能力还会有严重影响;有时用户会本能地忽略网站上的图片;动态图像会干扰用户对围绕在图像周围的文字的注意,不利于用户对含有大量信息的网页中其它信息的加工,也会导致用户对网页的信息加工和信息搜索的时间增加。

3基于视觉搜索影响因素的网页设计

考虑到视觉搜索的特征及其影响因素,并在参阅了之前学者多视觉搜索与网页设计研究的基础上,得出以下的设计建议,旨在为网页的优化设计提供一些指导性意见。

(1)内源性眼跳由浏览者自身因素引起,是个体主动发起的,比如个体本身对某些信息感兴趣或者个体在指导语的提示下,主动进行的眼跳,它主要与返回抑制与眼运动记忆相关联。外源性眼跳则是主要与刺激物的基本特征有关,在研究者对引起眼跳的外源性刺激的研究中,从颜色特征到后来的方向、运动、大小、亮度、形状等目标特征,都会引起较大的眼跳,影响视觉搜索的效果。所有这些目标特征中,颜色特征的影响最大。国内有关研究还发现,在注视时间方面,注视时间由短到长依次是图画、中文词、英文词;在反应时方面,人的反应时从短到长依次为图画、英文词、中文词;在眼跳距离方面,眼跳距离从小到大依次是中文、英文、图画。有学者对分栏设计的视觉搜索效率的眼动研究发现,1大开本(1/16开本)设计材料在眼跳距离、行内与行间回视次数在阅读理解指标上均显著优于小开本(1/32开本)材料一栏、二栏、三栏设计材料,表现为一栏最优。

在进行具体的网页设计时,如果设计的目的倾向于引起读者的注意,那么首选图片和动画,颜色可以选择鲜艳的能与周围信息区分开的;如果倾向于信息的获取或理解,应该首选文字,其次是图片或视频,最好不要选择过多的颜色,会增大眼跳,不利于信息的获取和理解。此外,和网页屏幕上呈现的网页材料相比,人们接触最多的文本材料更容易引起人的眼疲劳。因此,在有大量文本信息的网页设计中,为了减少被测试者的疲劳,可以采用大开本的一栏设计以方便浏览者的视觉搜索和理解。

(2)在网页设计中,重要信息和目标信息是需要引起用户较多关注的。基于相似性的规律,可以尽量减少重点信息和非重点信息;基于目标信息和干扰信息之间的相似性,可以增加重要信息或目标信息的新颖性、诱目性、独特性,且背景信息尽量简洁,减少干扰,以使重要信息和目标信息从背景信息群中“脱颖而出”,以此吸引浏览者的注意,提高他们的搜索效率;在文字与背景颜色选择上,最好设置为深色文字,浅色背景;在超链接颜色选择上,最好选用不同的颜色来区分已访问和未被访问的链接,这样有利于用户将两者区分开来进而搜索还没有浏览的超链接,而忽略已经访问的超链接。

(3)有学者研究发现,形状加工和颜色加工存在中央凹和边缘视野的分离。视觉的注意选择中存在这种空间位置效应,注意资源的分配也存在位置效应,当刺激呈现在中央凹视角时,被测试者对任务的反应时较刺激呈现边缘视角时的反应时变大。据此可以将文字信息置于网页中心位置,颜色图形等信息置于网页的边缘位置。()视觉刺激效应告诉我们,旨在让用户从网站中搜

(4)视觉刺激效应告诉我们,旨在让用户从网站中搜索或获取信息(例如一些新闻类门户网站),设计者应避免那些会引起强烈刺激的视觉呈现方式,或者过多的信息呈现也会影响用户的信息搜索能力。如果旨在让用户获得信息,最好不要添加一些动态图片、动态文字等动态效果强烈而很容易干扰用户注意力的信息元素,这会干扰用户对文字信息的搜索。

(5)文章通过眼动实验对于Web页面视觉信息搜索行为的研究发现,人们在网页上进行视觉信息搜索时,更多地注视周边区域,而对于中心区域的注视较少,呈现视觉搜索的周边特性。而且,在带有浮动广告的网页上进行视觉信息搜索时,同样呈现视觉搜索周边特性。实验结果表明,从视觉搜索角度来看,在网页布局时,对于具有超级链接性质的标题信息,放置在网页的周边区域比放置在网页中心区域更利于人们的视觉搜索行为。而且,在视觉信息搜索时,人们很少去看浮动广告,说明浮动广告的广告效应并不明显,应该改变其广告形式。

4结语

笔者在前人研究的基础上,根据人的信息加工特点和视觉搜索规律,提出了网页设计的一些意见和建议,旨在通过科学的网页信息呈现来促进网页浏览者高效地获取网页中的有效信息,提高视觉搜索的效率。对于如何使人们高效获取信息的同时也保证视觉上的舒适性,则是需进一步研究的问题。

摘要：网页设计需要考虑到人的视觉加工特点,尤其是人的视觉搜索特点。浏览者对网页信息的获取取决于人的视觉搜索特点及影响因素。对视觉搜索的影响因素进行了分析,并针对每个影响因素为网页设计提供了一些相应的建议。

关键词：互联网技术,视觉搜索,网页设计,网络信息

参考文献

[1]梁娟,金志成,王靖.视觉搜索相关理论研究的历史、现状与未来[J].理论研究,2004(3).

[2]KRISTJANSSON A,TSE PU.Curvature discontinuities are cuefor rapid shape analysis[J].Perception&Psychophysics,2001(3).

网页的视觉设计原则 第2篇

由于Microformats倡导重用当前的标准，而不是创建新的。所以Microformats的属性均和HTML的属性不同，Microformats的属性是作为HTML的属性的值出现的，如：

W3C

以上代码对于Microformats来说，fn和org是hCard的属性，但它在HTML中是class属性的值。这一点说明Microformats实质是在通过标准化HTML属性的值来达到格式化的目的。在HTML中有一个重要属性可以用来提供标准化的HTML属性值，它就是head元素下的profile属性。该属性可以指定一个URI资源来作为HTML中meta元素的name属性，link和a元素的rel和rev属性中值的说明性信息，

因此这个属性正为了说明属性值的语义而存在的，所以对于Microformats来说尤为重要。所以，Microformats引入了XMDP:一个标记profile信息的标准，并且能够供head的profile属性所引用。

以下提供了一些可以引用的profile：

一般meta信息

XFN的 profile

hCard

hCalendar

其他profile可以在 Microformats官方维基 中找到

可能你从来没有听说过head还有profile属性，也可能你听说了并且了解它的定义，但从来不知道它有什么用，我想Microformats赋予了它一些功能，并且尝试将它标准化。其中最重要的一点是：重用当前的标准，而不是创建新的。我想这一条设计原则能够适用于许多Web前端技术，更好的挖掘现有技术并赋予更加强大、广泛的语义或许比创造一项新的技术要更有挑战性。

浅析网页色彩设计的原则与方法 第3篇

一、网页色彩的设计原则

设计师在进行网页设计时除了要考虑网站本身的特点, 还要遵循一定的艺术规律, 才能设计出色彩鲜明性格独特的网站。网页色彩设计总的原则应该是“整体调和、局部对比”, 即网页色彩设计要以色彩的三要素中的某一种或两种要素作为调和基础, 在其它一种或两种要素中进行对比处理;或者在这三种要素取得调和的基础上, 在某些局部、小范围的地方用一些对比强烈的色彩。具体来说, 网页色彩设计应遵循以下3个原则:

1. 网页色彩要与网站主题和谐一致。

不同的色彩象征意义不同, 而且对人的心理感应也不同。不同的网站在选择色彩时, 要充分考虑色彩的象征意义和人们的心理感受。例如, 政府部门的网页风格应有庄重感, 呈现宁静、严肃、高雅的氛围, 以冷色调为宜;而绿色象征生命与希望, 给人健康、安全的感觉, 很适宜作为健康类网页的主调色。电子商务类网页往往可以通过红色、橙色、黄色等暖色调色彩的搭配, 呈现温馨、和煦、热情的氛围。再如健康类的网站不能大面积地采用刺激的大红和黄、橙, 因为它们易造成人们心理上的紧张感和恐慌感, 蓝色是广阔而内在的色彩象征, 给人的心理印象是崇高、深远、广大而睿智, 为高科技企业所钟爱。

2. 网页色彩要有自己独特的风格。

互联网上网站云集, 一个网站的网页色彩有自己独特的风格, 才能显得个性鲜明, 给浏览者留下深刻的印象。尤其在同类网站中, 网站的色彩不但要符合本类网站的用色特点, 还要有其独到之处。网页设计是一种艺术活动, 按照内容决定形式的原则, 大胆进行艺术创新, 设计出既符合网站要求, 又有一定艺术特色的、风格独特、个性鲜明的网站, 是每个设计师所要解决的问题。

3. 网页色彩要有一定的延续性。

虽然网页的信息会不断更新, 网页的版式也会定期修改, 但网页色彩的基调和风格一旦形成后, 不宜大幅或频繁地改换, 而应保持一定时间内的延续性, 这样才能使浏览者印象深刻。但是, 为了保持新鲜感和提高吸引力, 也应小范围地对网页色彩的明度、纯度进行适当的调整和变化。对于企业来说, 企业网页的色彩应该是企业标准色的延续。企业标准色是企业特定的色彩表示系统, 设计企业的网页时, 通常以该企业CI设计中的标准色作为网页的主色调展开设计, 使网站成为企业形象的延伸和宣传。

二、网页色彩的设计方法

网页色彩设计既是一项技术性工作, 同时也是一项艺术性很强的工作。网页色彩设计得好, 可以为网站锦上添花, 达到事半功倍的传播效果。在网页色彩设计中, 要充分利用色彩的色相、明度、纯度、远近、冷暖、轻重等的对比关系[2], 丰富网页的视觉效果。

1. 确定网页的主色调及辅助色。

网页中可以采用多种色彩, 但是从色彩学规律或从网站特点、网民心理的角度, 在一个网页中只能有一个主色调。主色调就好比乐曲中的主旋律, 对网页起着主导作用。

主色调决定着整个网页的风格和意境, 而辅助色的面积虽小, 却起着缓冲和强调的作用。辅助色能让页面有生气、有趣味, 使主色调流畅。辅助色与主色调搭配合理, 可使整个页面特色鲜明, 引人注目。网页的辅助色可用主调色的邻近色, 也可用对比色。一般情况下, 可选择一到两种辅助色配合使用, 整个网页的色彩最好控制在三种颜色之内。另外也可以采用单色调, 单色调容易形成一种风格, 需要注意的是要在网页的局部采用少量小面积的对比色, 以达到丰富页面的效果。

2. 确定文字、配图的色彩效果。

作品的内容是通过造型、色彩、构图、文字等多种表现形式共同完成的, 内容与形式的统一是色彩协调成功的条件。现在的网页以文字信息为主。文字信息首要的是可读度与清晰度, 而网页文字要有良好的可读性与清晰度, 除了考虑文字的字体、大小、字距、行距等, 还必须重视文字色彩与背景色的配合。背景和文本的色彩对比要尽量大 (一般明度对比为3∶1到5∶1) , 以便突出主要文字内容, 但不要过于亮丽, 以免造成过强刺激的视觉效果。如白底黄字, 褐色背景黑色字等, 不仅会使人们的视觉非常疲劳, 而且文字显示不清晰, 无论是直接浏览还是打印阅读, 信息传播效果都不好。

3. 网页色彩的配置方法。

主色调、辅助色、文字色、底色、图形色都是网页设计中不可缺少的元素, 但网页的色彩数量不宜过多, 否则过于花哨, 喧宾夺主。主色调、辅助色、文字色等不一定要采用不同的色相, 有时网页色彩简单明了更能突出主题, 给人舒适的视觉效果。合理选配、配比网页色彩, 形成主色调为主、小色块为辅, 既对比又调和的色彩画面, 一定会赋予网页以活力和个性, 最大限度地吸引网民的视线。

色彩配置可以采用同种色的配置、类似色的配置、对比色的配置、黑与白的配置以及

以上诸法的综合配置。

4. 网页色彩设计的技术要求。

图像在网页中起着画龙点睛的作用, 它不但能装饰页面还能表达个人的风格与情感。但是如果网页的图片过多或色彩使用不当, 会导致浏览、下载的速度变慢, 这样就会影响到网页的点击率。所以要正确使用图形图像及其色彩。

(1) 位图与矢量图

目前以文件数据的组织特征来讲可将众多的图像分为两类:位图格式、矢量图格式。位图又称为光栅图文格式。常见的图像格式有:JPEG格式、BMP格式、PNG格式、TIFF格式等。位图的色彩丰富逼真, 但缩放时会产生失真现象而且文件较大。若要向网页中添加照片或者色彩逼真的图片, 则可以选用位图。矢量图是用数学方式描述的一种由线段和几何元素组成的图形图像。常用的格式有:AI格式、CDR格式、EPS格式等。矢量格式的图形在缩放时不失真而且文件小。若要为网页增加动态效果, 可使用矢量图, 通常采用Flash动画形式。

在网页图片设计时, 应该对用户的带宽有充分的估计。带宽较小的情况下, 应该权衡网页对图片色彩的要求以及传输速度两者之间的关系。

(2) Web安全色

计算机提供了一些色彩模式:RGB模式、CMYK模式、Index Color模式、Lab模式等。在网页色彩设计中常用RGB模式。用RGB模式制作出图像后, 经处理成为Web图像就可在网上使用了。当超过显示能力时, 计算机的色彩管理系统会尽力使用最接近的颜色来代替, 但效果往往不如人意。为了避免色彩被扭曲可使用Web安全调色板, 它支持216色。当然Web安全色也有自身的局限性, 譬如会出现颜色偏暗的问题等, 因而在设计网页的色彩时, 一方面要考虑色彩的安全问题, 另一方面也要考虑色彩的需求问题。

三、结束语

色彩是表达各种情感、理念和信息的重要载体。在网页设计中, 色彩既是网页作品的表述语言, 又是视觉传达的方式和手段。色彩设计是网页设计的灵魂, 网页设计师要以科学的色彩理论为指导, 把美学规律同现代网页设计的具体问题结合起来, 以敏锐的色彩感觉去发现, 以高超的配色技巧去完成, 创造出更时尚、更鲜活、更具吸引力的网页色彩作品的同时, 也不断引导和提高大众的色彩审美情趣。

摘要：网页色彩是树立网站形象的关键之一, 好的色彩设计是网页设计成功的保证。本文重点阐述了网页色彩的设计原则以及设计方法, 为人们在进行网页设计时, 把握网页中色彩的和谐关系提供参考。

关键词：网页设计,色彩

参考文献

[1]Laurette P.SimmonsLoyola, 郭岚香等.文件中色彩、字体和字体变化的显著突出作用.计算机工程, 2000 (11) :1-3.

[2]赵国志.色彩构成.辽宁美术出版社, 1989:31-33

[3]张帆, 罗琦, 宫晓东著.网页界面设计艺术教程.人民邮电出版社, 2002

网页的视觉设计原则 第4篇

据说W3C对于ID与CLASS的设定是ID具有唯一性，CLASS具有普遍性，所以我们这里的使用原则也是依据这一特性建立的。ID是不能重复的，所以在XHTML的结构中，大结构一定是用ID。比如标志、导航、主体内容、版权。这些呢接我自己制定的规范命名为#logo , #nav , #content , #copyright 这些是雷打不动的命名。有人说布局排版用ID，配色背景用CLASS，其实这是不正确的，ID与布局排版没有直接关系，CLASS与配色也下是对等的。有人呢为了麻烦全都用ID或是全都用CLASS，全都用CLASS呢还有可理解，全都用ID就不正常了，这有悖ID唯一性。如果每个ID都不一样，那非累死不可。我通过实践总结的使用原则是：ID需要具有唯一性，并且尽量在外围使用。而CLASS具有可重复性，并且尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改，这样的做法就会让所有的CLASS都成为ID的子级或是孙级。你可以有两个儿子但你能有两个爸爸吗，就是这个道理，

在我们写CSS的时候可以写成这样 #father .child{…} 尽量不要让Class包含ID，.father #child{…}如果写成这样显得有点可笑。当然这也不是铁定的，特殊情况需要特殊对待嘛。但是通常情况下这种形式的必要性不大。

以上就是ID与CLASS使用原则，归总起来一句话：ID是唯一的并是父级的，CLASS是可以重复的并是子级的。

ID与CLASS的使用技巧

子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。

CLASS中的子级最好不用ID。当然特殊情况特殊对待。

CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。

其实上面讲的都是一些大家都明白的内容，只是我捡了个漏先写下来算是一个总结。希望大家对于ID与CLASS的使用提出自己的新观点新思路。一起总结出最适合也最有效率的规范来。

网页新闻编译的原则与技巧 第5篇

当今社会经济快速发展, 中国已经成为全球第二大经济强国, 因而有关中国的一切事情, 无论是政治、经济等各个领域备受世人关注。目前中国已经有China Daily, Global Tim e s等几家英文报纸让世界了解中国, 除此之外网络也成为外界了解中国的重要途径, 但由于中西方文化差异以及中西方新闻写作范式的差异等原因, 要把汉语新闻编译成英语新闻或者把汉语网页新闻编译成适合西方读者阅读的英语网页新闻, 就必须遵循英语网页新闻编写的原则和技巧, 这样才可以做一个合格的新闻编译人员, 才能提高新闻的关注度和兴奋点。

2 网页新闻编译的原则和技巧

2.1 英语网页新闻标题的行文规范

新闻标题 (题目) 是用精辟的词语, 对新闻内容和中心思想富有特色的浓缩和概括, 网络新闻的标题具有揭示新闻内容, 评价新闻内容, 索引选择信息和说明报道形态的功能。俗话说:“看书看皮, 看报看题”, 这句俗语很好的诠释了一个好的标题对于新闻的重要性。美国知名的民意调查公司盖洛普所做的一项联合调查研究表明:44%的读者去网站浏览新闻都是先浏览新闻标题, 然后决定是否继续来阅读这则消息。因而新闻标题只有足够吸引读者才能激起读者继续浏览网页的兴趣, 才能提高新闻的关注度和兴奋点, 所以一定要选好新闻标题。当然英语新闻标题有其自身的写作原则和范式, 把汉语网页新闻编译成英语新闻时要严格遵循这些原则和范式。

2.1.1 英语新闻标题的写作原则

和汉字相比较而言, 英文字长, 所占空间大, 因此英语新闻标题用字必须节省空间, 为了节省空间, 英语新闻标题往往在语法方面大做文章, 尽量使用有实质内容的字词, 能省则省;尽量使用熟词, 避免使用花哨的词藻;尽量用具体的词汇而不是使用抽象词语。常见的规则如下:

(1) 英语新闻标题大量使用较短的词语, 如下例:

Palestinians Blast Israel For Not Implem enting UN Resolution

US Backs Bid To Build 4 Reactors In China

Russ ia-Iran Delay Signing Nuke Fuel De al

Stability Pact for South Eastern Europe

在上面四个例子当中, 新闻标题中的词汇explode, atte m pt, agre e m e nt, agre e m e nt/tre aty分别被blas t, bid, de al, pact所代替, 这四个单词相比较而言比较节省空间。

(2) 英语新闻标题中广泛使用缩略词 (acronyms) , 缩写 (abbreviations) 以及截短词 (clippings) , 如下例:

China’s SMEs face adverse conditions in 2011

IMF on China:Strategic player, reforms needed

160m yuan pooled to turn Expo Axis into biz center

SMEs (Sm all and Medium-sized Ente rprises) 是中小型企业, IMF (International Monetary Funds) 是国际货币基金组织, biz center (business center) 是商业中心, 使用缩略词, 缩写是英语新闻标题的常见规范, 可以节省空间。

2.1.2 英语新闻标题的句法规范

英语新闻标题应该是一个完整的句子, 通常不以动词作为新闻标题的开头, 新闻标题中的系动词常被省略, 并且在标题中避免使用含混不清的地名或人名。具体规范如下:

(1) 在英语新闻标题中, 用一般现在时来表示过去所发生的事情, 即表示过去时态和过去完成时态, 并且以主谓宾结构的句式为主。

Fire hits downtown Beijing with thick smoke

Google eyes China’s mobile market

(2) 用“to do”形式表示将来时态。

Florida freeze to increase area produce prices

Telecom to be privatized

(3) 用现在分词表示正在发生的事情。

Deposits, loans rising in Shanghai

Decoding the Volcano’s message

(4) 被动语态则用过去分词来表示。

Girl of 18 raped after threat with bre ad knife

Father jailed form urder of daughter

(5) 可以使用标点符号。

Eyewitness:What Happened, Why

One solution:spread the debt burden over 40years

(6) 省略连词“and”, 通常用逗号代替它, 省略冠词, 省略系动词。

JP Morgan fund invests in China, India

In Health Care Reform, Boons for Hos pitals and Drug Make rs

2.2 英语新闻电头 (date line) 的常见范式

新闻电头是新闻消息的一部分, 它提供了故事或事件发生的地点和时间, 也给读者提供了这则消息的来源和时间, 英语新闻电头和汉语新闻电头基本相同, 但更详细一些, 尤其是新闻报道的时间, 有时甚至具体到了分秒, 下面分别是新华社和美联社的英语新闻电头常规模式:

China’s 1st space lab module Tiangong blasts off

Updated:2011-09-29 21:35

(Xinhua)

J IUQUAN—China’s first space lab m odule Tiangong-1 blasted off at 9:16 pm Beijing Time (13:16GMT) Thursday from J iuquan Sate llite launch Center in northwest desert area.

Finance Ministers Seek Global Econom ic Solutions

By THE ASSOCIATED PRESS

Published:September 24, 2011 at 4:32AM ET

WASHINGTON (AP) —Under pressure from s keptical financial markets.The w orld’s economic powers are scram bling to keep Europe’s debt crisis from tum bling out of control.

从以上英文新闻电头可以看出, 虽然各大媒体新闻电头的形式有差异, 但提供的新闻时间都很精确, 精确到了分秒, 而且标明了使用何种计时方式, 常见的英语新闻稿中的时间标注方式如下:

GMT:Greenwich Mean Time (格林威治标准时间) ;ET:Eastern Time (美国东部时间) ;EST:Eas tern Standard Time when observing s tandard time (美国东部标准时间) ;EDT:Eastern Daylight Time when observing daylight saving time (美国东部夏令时) ;PST:Pacific Standard Time (太平洋标准时间) ;PDT:Pacific Daylight Saving Time (太平洋夏令时) 。

2.3 英语新闻导语

导语是对新闻主题的概述, 是新闻稿中很重要的部分, 导语的质量直接决定了读者是否会继续读这则消息或者放弃阅读, 所以新闻导语要简洁明了, 直切新闻主题。

2.3.1 英语新闻导语的特征

英语新闻导语较短, 新闻稿第一段即导语, 这部分通常是35个单词或者更少;导语尽量使用一个句子或者两个句子;避免使用“when”, “where”来开始新闻导语, 除非新闻事件的时间或地点很特殊, 备受关注, 大部分英语新闻导语以“who”, “what”等开头, “某人干了某事”或“某事在某地发生了”是常见的导语模式;避免以“there”, “this”, “it”开头来写导语;“某人干了某事”, 此种类型的导语要避免头衔的堆砌;国内会议报道导语要提取国际化主题。如美联社要求英语新闻导语不应多于35个单词;要先写新闻事件的最新结果, 后交代事件发生的原因和条件;并且注重消息来源, 以增强新闻的权威性、可靠性、可信性;往往导语和次导语配合, 第一段导语中提供宏观、概念性信息, 次导语中进一步具体化, 即所谓的先虚后实;新闻事实和新闻来源的位置依重要程度而定。

2.3.2 英语新闻导语中消息来源常见的披露方式

和汉语新闻稿相比较, 英语新闻导语中更注重消息的来源, 以增强新闻的权威性、可靠性和可信度, 常见的披露消息来源的方式如下:

According to analysts据分析家人士认为;According to AP reports根据美联社报道;authoritatives ources据权威消息;com mercial quarters贸易部门认为;the data m ade available据所获得的数;diplomatics ources据外交消息;financial quarters金融界认为;industrial quarters产业界认为;m ilitary Source s据军方消息;neutral Sources依据中立人士;observers观察人士认为;official sources据官方消息;reliable Sources据可靠消息;semi-official Sources据半官方消息;the spokeswoman发言人称;w ell-informeds ources消息灵通人士称;witness/eyewitness said目击者称;as ource close to the Pentagon revealed一位接近五角大楼的人士披露;foreign radios announced外电播报;foreign wire services were quoted as saying援引外国通讯社的报道称。

2.4 英语新闻主体

汉语网页新闻编译为英语网页新闻, 常见的编译方式有两种:单稿编译和多稿编译。单稿编译就是把一篇汉语网页新闻编译为一篇英语网页新闻, 当然在编译过程中, 可以根据需要变换新闻报道的角度和视角;多稿编译就是把报道同一事件或新闻的几篇不同的汉语网页新闻编译成一篇英语网页新闻, 但往往以单稿网页编译居多, 而这些新闻中灾难性新闻和会议新闻又最常见。

单稿编译需注意以下几点: (1) 选择与新闻主题关系最为密切的新闻事实, 按照其重要程度依次编入;对于与主题关系稍远的材料, 应舍得割爱。 (2) 精彩的直接引语, 不可或缺。 (3) 提供必要的新闻背景或解释。 (4) 编好段与段之间, 新闻事实之间的过渡。 (5) 视情况编译结尾, 硬新闻一般不需要专门结尾。 (6) 一段一意, 新闻稿层次感分明。 (7) 行文最好使用主谓宾结构 (SVO) 。 (8) 少用副词和形容词。

常见的英语会议新闻要点如下: (1) 标题:强调议题和结果。 (2) 导语:会议类型、地点、参加人、规模。 (3) 次导语:主要议题。 (4) 正文:会议议程、引语、会议是否达成共识、下一步计划、对读者的影响、会议背景。

3 结语

以上就是网页新闻编译时应注意的一些问题, 当然英语新闻编译也要根据实际情况, 比如报纸的常用新闻模式, 报纸的新闻导向和风格等, 但以上总结的网页新闻编译原则是世界知名通讯社的常用规范, 应该可以具有普适性, 希望可以给从事新闻网页编译的人员以借鉴和参考, 并希望我国的英语网页新闻编译工作可以正规化, 国际化, 以提高英语网页新闻的国际关注度。

参考文献

[1]林郁.英语新闻标题的特点及翻译技巧浅析[J].科技信息 (学术研究) , 2007 (32) .

[2]顾维芳.新闻英语标题的特点浅析[J].东华大学学报 (社会科学版) , 2005 (04) .

网页界面的视觉导向设计 第6篇

1页面布局的合理与统一

需要考虑网页布局的框架的合理与统一｡一般网页的布局设计方法是一种上下框架结构式, 通常上方为导航条, 或者动态的公司企业形象､广告区域｡下方为正文､内容部分 (也有在下方为导航, 上方为内容等) ｡还有企业网站较喜欢采用的二分栏式布局, 或叫作左右结构式｡这是一种清晰的分列两旁的框架结构, 一般左侧是导航条, 有时最上方会有一个小的标题或标志, 右侧是正文､内容部分或者公司企业形象展示｡而大中型企业比较喜欢的一般是上左右布局式的框架式样｡这种类型框架特征是通常在网页界面的上方设置为主要的菜单导航条, 左侧为点击出现的细分栏目导航条, 下方为较主要的栏目及小广告等, 右侧为内容区域｡对于较为大型的企业､电子商务､政府网站､教育机构上左中右结构式又称为3分栏布局式, , 也是较常见的结构式｡同上左右框架式稍有区别的是中间部分为内容区域, 右侧则是该网站较重要的内容导航区域, 或是登录､搜索区域､小广告等｡网页界面的布局设计没有一定的绝对的结构框架形式, 可以说都是根据网站性质的开发需要､根据网站所表现的内容以及想要传达的信息考虑, 然后选择适合表现､适合传播､适合开发等这些因素条件的能够体现网站内容及主题的这样一种布局形式, 并在整个设计中主要是一个——从用户出发､考虑界面与用户交互角度出发, 引导用户的视觉重要因素｡

考虑页面的整体设计对用户的心理影响｡我们常说, 对于事物的第一印象是非常重要的, 网页的界面整体造型是就是给予浏览者的第一印象, 对于不同类型的需求用户设计不同风格的主题是网页制作、设计的主旨目标, 官方、传统、个性、非主流, 忌讳胡乱结合｡

2界面元素的统一

网页界面中文字是较为主要的元素, 各级界面的文字必须要对字体､字号､色彩､行距､字间距､排列方式､强调､状态等的统一, 如主要标题文字､二级标题文字､需要提醒的文字､具有超链接的文字､正文､标注文字､段落文字､公告文字等｡其中必须重视的是文字必须是准确的, 千万不能出现错字别字, 否则出现的引导错误是可怕的, 甚至导致不良的后续效果｡另外, 考虑文字的导向还必须要考虑文字在不同的状态下出现的不同要求, 前面我们提到具有超链接的文字, 这种类型的字最起码都具备正常､鼠标经过､鼠标点击的3个基本状态, 另外还要考虑到动态的文字和静态的文字要求绝对不同, 如果文字是静止不动的, 那么文字的字体就可以相对复杂､颜色可以多变､字号可以相对较小等;反之如果是动态的文字, 如在动画或在多媒体中出现或文字本身具有动态的效果, 那么文字字体必然不能够太复杂要简洁醒目, 文字必要要偏大, 包括文字内容都要尽可能言简意赅｡为此我们在网页的界面设计当中必须要对承载导向的文字进行良好的､谨慎的､多角度的设计｡

各级页面的色调统一, 如背景色､主体色､文字色､图片色､按钮色等｡人的活动受着思想､心理活动的支配, 网页界面做好的视觉导向, 色彩的绝对不容忽视｡例如考虑色彩的情感特征, 色彩能够给人们带来各种想象､联想､印象与会议, 使人产生喜怒､哀､乐各种情绪､感情与心境｡从色调的功能上来看其有不同的感情效应, 如黄色调光明､充满希望;红色调, 热烈且刺激;蓝色调, 冷静, 崇高与理智｡又如:春､夏､秋､冬季分别可以以嫩绿色､翠绿色､金黄色､灰褐色来象征｡另外有一些已经成为职业或行业的标志色, 如:军警的橄榄绿､医疗卫生的白色､高科技的蓝色等｡

3元素功能性的统一

在网页界面设计中, 各种元素所承载的这些功能都必须

《华夏民族歌曲榜》是吉林人民广播电台音乐广播优秀的广播音乐节目, 以推荐优秀民族歌曲为节目宗旨。节目从吉林人民广播电台音乐广播开播之际诞生, 先后历经数次改版, 节目名称几经变化, 形势也作了大胆的尝试, 但推荐优秀民族歌曲的宗旨始终没有变化。

笔者从2006年开始主持《华夏民族歌曲榜》, 在近两年的主持过程, 笔者逐渐对民族歌曲以及以民族歌曲为主要播放内容的广播音乐节目有了一些思

民歌, 即人民的歌, 是广大人民群众在社会生活实践中, 经过广泛的口头传唱逐渐形成和发展起来的, 和人民的生产劳动紧密地联系着的歌曲艺术。广义民歌指有民族风格的歌曲, 狭义民歌即指民族民间歌曲。民歌是在民间世代广泛流传的歌曲, 是最大众化的音乐形式, 是大众口头创作的、并在流传中不断丰富着的集体智慧的结晶, 具有很鲜明的民族特色和地方色彩。

我国历史悠久, 地域辽阔, 人口和民族众多, 所以民歌源远流长, 浩如烟海。民歌的音乐语言简明洗练, 音乐

有相同的操作方法｡通过对这些元素的功能性的统一, 使用户在浏览起网页来能够建立起一种的心智模型, 让他们在使用熟练了一个网页界面后, 切换到另外一个网页界面就能够很轻松的推测出各种功能, 语句理解也不需要费神理解｡这样可以给浏览用户统一感觉, 不觉得混乱, 让整个的浏览过程变得轻松自然, 方便易用｡我们主要可以从图标､文字两个元素来看｡图形大致可分为具象图形和抽象图形两种类型, 具象图形通过具体的形象来表达和传达事物信息, 它的特点是直接与明了, 在网页界面中常见用于传达特定与既定的事物｡而抽象图形则用概括的手法升华图形, 这类图形具有视觉冲击效果强､容易识别的特点, 常见用于表达注意､警告等含义时, 通常是把强烈的色彩和简洁易懂的抽象图形结合起来达到最佳传达效果｡在网页界面的设计当中, 我们往往不是做一个两个的界面, 而是有几十个甚至上百个的不同层级的界面, 在这里我们就必须要把握住图形功能性表达统一。但在图形标志的功能性定义中, 也要特别注意避免与已经既有的､既定概念的图形标志混淆使用｡如已经行业标准化､

国家标准化､国际标准化的图标符号, 向公共信息图形符号、交通标志､安全标志､包装标志､环境保护标志､家用电器及办公设备､危险品等级图形标志､残疾人用图形符号。

网页界面中为更好的区分必须要把点击过或正在浏览的超链接具有与未点击过和未浏览过的超链接区分开来, 如是文字链接, 可考虑不同的字体､字号及颜色等;图形链接可考虑采取不同的图形或者变为不可用状态､添加相关的提示等, 这样才有助于浏览用户理解整个的网页｡

最后, 设计一个易于识别的网站导航也是做好视觉导向的一个重点｡到底怎么样的网页界面设计可以称为具有良好的视觉导向设计呢?优秀的网页界面设计除能够传达既定的信息外､美化网页页面外, 如何让浏览用户的浏览变的更加的便利, 如何让用户产生信任感, 如何让用户觉得完全可以控制, 如何让网页界面中的各种元素能够恰当地与浏览用户产生互动, 使他们能顺利地获取自己需要的部分, 那么, 我们就可以说这就是优秀的网页界面的视觉导向设计｡

形象鲜明生动, 表现手法丰富多彩, 是我国民族民间音乐宝库中重要的组成部分。由于我国幅员辽阔, 民族众多, 各民族各地区的民歌浩如烟海, 各具特色, 据统计, 各地已采集到的民歌, 数量总计超过三十万首。

但是, 多年来受港台文化的影响, 广播节目中播放的大多为港台流行歌曲, 众多受众深受这一趋势的影响, 对宝贵的民族音乐艺术和民族音乐知识了解甚少, 青少年一代甚至缺少起码的感性认识。现在常常听到这样的议论:广播中基本上听不到民族音乐了。这虽然不完全是事实, 在一些广播节目中偶尔仍可以听到民乐和民歌或是民歌风格的歌曲, 但这种方式并非是现在广播节目的主要方式。以长春地区为例, 在十多个广播频率中, 以专门播放民族歌曲的广播节目几乎没有。造成这种现状有很多种因素, 笔者大致归纳出以下几点。

一、广播频率专业化发展, 民族音乐节目日趋边缘化。

现在的广播频率逐渐向专业化发展, 这促进了广播新一轮的发展和繁荣, 但一些新问题也随之出现。

由于广播频率资源有限, 导致一些优秀的节目没有时段播出, 哪怕是非黄金时段, 而以民族音乐为主要内容的节目更是如此。另一方面, 广播频率专业化的同时, 从频率设置到节目设置以收听率为唯一标准, 为了抢占更多的资源, 节目内容开始向过度追求商业利益倾斜, 媚俗现象日趋严重。一些音乐频率更是成为纯粹的流行音乐频率, 甚至以播放一些格调极其低俗的歌曲为荣, 经典的民族音乐、高雅的民族艺术被抛在脑后。这种局面下, 以播放民族音乐为主要内容的节目越来越被边缘化。

二、主持人队伍素质良莠不齐, 缺乏传承民族音乐的底蕴。

浅析网页视觉设计中的文字 第7篇

美是生活中必不可少的元素,近年来,随着互联网的发展和审美观念的提升,网页设计的视觉感也越来越受到人们的重视。但是,目前大多数网页的设计缺少美感,元素混乱,没有创意,因此,网页设计师需要从视觉设计的实用审美主义原则出发,设计出主题突出、视觉效果舒适、内容传达精准,同时具有一定艺术表现力的网页。

纵观当前的网页页面,文字是是页面中最主要的信息来源,传达的信息最让人一目了然、最容易让浏览者理解和接受。要想让观者最大程度地接收到网页上的信息,页面中的文字占有的面积要远远居于首位。网页中文字的设计同样要符合视觉设计的基本原则,但在内容设计上又有很多不同之处。下面笔者将从网页中文字的设计出发,做出具体分析。

2 文字元素的应用

文字源于生活,是人类生产和实践的产物,在人类的信息传达和交流中,文字是最普遍使用的视觉符号。[1]对于网页设计而言,文字对传递信息起到了非常重要的作用,观者会通过页面上的文字来接收网页表达的信息。所以,文字所体现的视觉感直接影响着页面的整体效果。当然,要想准确地传达出页面上的信息,必须要考虑到文字整体编排的效果,让观者一目了然,从而提高网页的诉求力。

3 文字编排设计方面的问题

网页设计同传统的平面设计有许多相似的地方,但是印刷的产品有固定的规格,而网页的尺寸则可以由观者来控制,因此,网页与平面书籍之类的排版又有许多不同之处。设计师不能做到去精准地控制网页里所有元素的具体规格和位置,这就要求在设计时必须做到明确、精准,不能影响信息的有效传递。

网页中的文字一般都占有很大的比例,文字设计的效果对整个网页的视觉感至关重要。网页文字的主要功能是传递各种信息,网页设计师的任务就是在保证信息的传递性的同时最大限度的提升网页的视觉美感,想要达到理想的效果,首先则必须考虑文字编辑的整体效果,完成其功能与视觉感的统一。[2]但是,很多设计师在设计时忽略了文字的作用,刻意地去关注版式设计,从而导致页面混乱,让观者抓不住页面所传达的主要信息。

设计师在设计网页中的文字时要顾全大局,让人视觉清晰,分清主次,同时还需注意的是,要提前分析网页主题,理解其要传达的信息的真正含义,并且仔细分析,确定文字的整体设计风格,之后就是文字的字号、字体、装饰、颜色和布局的设计了。

3.1 字体与字号在网页设计中的应用

随着软件技术的发展,现在电脑给我们提供的字体越来越多,但是用于设计的字体多了,在设计时如何选择最为适合的字体也就成了难点。通常情况下,一个页面上用到的字体不会超过4种,而且只有观者的电脑里安装了这些字体,才能看到页面预期的效果,所以如果使用过多的字体是没有意义的,不但影响网页的整体设计效果,还会降低网页打开的速度。

文字字体的选择

对于网页中的字体,在设计时,我们应该选择与网页设计思想相符合的字体,文字不要过于华丽,舒适即可,例如古典风格,应该使用哥特式字体等,以免减弱了网页主题的表达,除此之外,在设计的时候还要突破常规,发挥整体的创意性。

网页设计时默认的字体是宋体,设计师可以根据网页风格的不同,选择其他合适的字体。在选择字体的时候,要考虑到中英文字体间的差异。对于中英文字体排列问题,见下图(图1):

从图1可以看出,对于不同排列的中文字体,基本没有太大的间距变化;而不同英文字体的排列,则会有较大的变化,除了间距会改变外,字母的大小也会有很大的不同,因此,英文的排布容易导致整个网页布局的混乱,所以在进行中英文排列的时候一定要根据字体间的差异精心排布,做到疏密得当,没有窒息感。

文字大小的选择

px:像素单位,10px表示10个像素大小,在现在的网页设计中,常被用来表示字体大小。网页中浏览器的默认字体大小为16px。[3]同一个网页,在不同的设备上使用时,所显示的字体大小也是不同的,电脑的屏幕比较大,视距也比较固定,而手机的屏幕相对小很多,所以在设计页面的时候,要根据实际和用户的使用习惯来确定字体的大小。

3.2 网页设计中文字的色彩及装饰

网页中字体色彩的选择和装饰效果同样非常重要。

在进行网页设计时,一般既要求整个页面的美观,又要求整体文字的优美流畅,而色彩不仅能使页面充满生机,还能给浏览者带来强烈的视觉冲击。因此设计师在设计网页的时候,应该充分了解色彩的意义、象征以及色彩间的搭配,合理地运用色彩,给观者带来最佳的视觉效果。

通常来说,网页中的文字都是白底黑字,或者浅灰色的文字,整体颜色都比较朴素,这样更符合观者的喜好。除非是特别有创意的设计,不然一定切忌随意去使用颜色,而且背景和文字一定要用高对比的颜色,以加强观者的识别度。

当然,设计时还要尽量避免一些特殊的颜色,尤其是蓝色,蓝色在网页中代表着超级链接,会让人无意识的想去点击;再有黄色,因为黄色在电子屏上的识别度很低,很难让人看清页面上所要显示的文字。

对于文字的装饰,为了突出文字,可以运用少量精心选择的元素,如果装饰太多,整个页面就会均匀的呈现,从而失去强调的意义。

3.3 网页设计中文字的布局

网页页面的设计,是指在一定的平面上根据主题的要求将所有元素进行有序的排列组合。网页中文字的编排与设计,最重要的一点在于要服从信息内容的性质及特点,并且风格要与内容特性相吻合,而不是相互脱离,更不能相互冲突。[4]

设计者在安排视觉要素时要结合点、线、面来分析,把文字和图像等元素进行有序的排布,以达到有效传达信息的效果。“点”在网页布局中有丰富画面的作用,同时在视觉上也表现出一定的张力,其大小和位置的不同,也会使观者产生不一样的视觉体验,“线”是点运动产生的轨迹,而“面”则是线的运动所产生的,不论哪个元素,都有其存在的理由。如果在页面设计中加以点、线、面来精心排布,定会使观者有别样的感受。对于设置相对简单的页面,还可以借助阴影来分割空间,让所有内容在层次上完美展现。

除了整体的布局外,页面中的文字在排布的时候也可以借助点、线、面的作用,加强韵律,文字开篇还可以用小色块来点缀,以引导观者,但是一定要注意细节,点缀不要过于复杂,以免混淆观者。

除此之外,节奏和韵律在页面布局上的合理运用,也会使文字与文字、文字与图片或者图片与图片在页面上合理分布,进而使整个页面疏密有序、错落有致的变化。

4 结语

当今社会是信息占主导的的社会,是创意的社会。随着计算机技术的飞速发展,网页制作变得愈发容易,此时,网页的设计也就显得尤为重要。但是,无论技术怎样改进,设计终究万变不离其中。设计师在设计时可以最大限度的发挥自己的创意,但是设计与编排要顾全大局,遵守网页视觉设计的原则,突出页面主题,抓住文字的重要性。当然为了达到最佳的设计效果,设计师需要从观者的角度出发,反复分析页面布局的整体视觉效果,进而使观者享受到最舒适的视觉感,让未来的网页更加精彩。

摘要：从20世纪90年代至今短短的20多年,中国已经成为第二个互联网大国。随着信息载体的不断改进,如今的网页便成了重中之重,除了传统的视觉设计特征外,它还具备了许多其他方面的优势,虽然发展时间不长,但却为当今社会信息的传递提供了一个至关重要的途径。同时,视觉设计是人们生活中不可缺少的部分,文字设计是将信息可视化的重要切入点。本文将从网页视觉设计中的文字入手,通过探讨当今的网页视觉设计,并深入研究网页中的文字,从而提炼出网页设计中文字设计的精华。

关键词：网页,视觉设计,文字

参考文献

[1]陈绘.数字时代背景下的视觉传达设计研究[J061].东南大学,2010.

[2]李垚.商用网页视觉设计的现状及对策[D].吉林艺术学院,2007(25).

[3]如何给你的网页选择合适的字体.百度文库.http://wenku.baidu.com/view/e83262f36294dd88d0d26bff.html.

网页色彩设计的研究 第8篇

色彩不仅展现着设计华丽的外表, 更是一种具有丰富情感和象征性的语言。因此体现网站主题、符合浏览者审美的色彩搭配是增添网页视觉吸引力和提升信息传达效率的关键。色彩是影响网页视觉感受的最活跃因数, 好的色彩搭配可使网页重点突出, 网站风格统一, 能增强网页的信息传递效果。网页的色彩是树立网站形象的关键之一在网页的设计中必须合理的利用色彩搭配。在具体操作中, 应首先确定网站的主色调及辅助色.然后确定文字、配图的色彩效果与色彩配置.并正确使用图形、图像及其色彩。

2 网页构成要素

2.1 文字的编排与设计文字。

作为信息传达的主要手段目前也是网页设计的主体, 文字是网页中必不可少的元素, 也是网页中的主要信息描述要素, 所以网页中文字将占据相当大的面积, 文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息, 必须考虑文字编辑的整体效果, 能给人以清晰的视觉印象, 避免页面繁杂零乱, 使人易认、易懂、易读。文字编排与设计, 要服从信息内容的性质及特点的要求, 其风格要与内容特性相吻合, 不能脱离或相互冲突。如政府网站的文字要具有庄重和规范的特质, 字体造型规整有序, 简洁大方;公司网页可根据行业性质、企业理念或产品特点, 追求某种富于活力的字体编排与设计;个人主页则可结合个人的性格特点及追求, 别出心裁, 给人一种强烈独特印象。在网页文字的编排与设计中, 使用字体不宜过多, 一般来讲, 同一页面上使用的字体种类最多只能有三四种。文字在视觉传达中作为页面的形象要素之一, 除了表意以外, 还具有传达感情的功能, 因而必须具有视觉上的美感, 给人以美好印象, 获得好的心理反应。

2.2 图片的编排与设计图片。

图片, 是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息, 成倍加大它所提供的信息量。美化页面。可以说, 要使网页在纯文本基础上变得更有趣味, 最为简捷省力的办法就是使用图片。对于一条信息来说, 图片对受众吸引也远远超过单纯的文字。网络图片的特点:因为受到显器分辨率的影响, 图片质量不需很高。一般来说, 分辨率为72dpi是大多数图片最佳选择;另一个特点是, 图片要尽量小。网络页面的图片由于网络的传输, 受到带宽的限制, 其文件尺寸在一定范围内越小越好, 这也是适应信息高速公路的要求。文件的长度越小, 下载的时间就会越短, 所以, 必须要在图片选择和优化的同时, 考虑图片在整体编辑计划中的作用, 达到和谐整齐。

2.3 色彩设计。

网页在一定意义上可以说也是一种艺术品, 因为它既要求文字的优美流畅, 又要求页面的新颖、整洁, 在使用色彩上, 可以产生强烈的视觉效果, 使页面更加生动。而且, 浏览者在浏览网页时, 留下的第一印象就是页面的色彩设计, 它的好坏直接影响到阅读者的观赏兴趣。

3 配色

3.1 颜色。

一直以来, 人们普遍认为颜色七种:红、橙、黄、绿、蓝、靛、紫。如今, 色彩调和与色彩调性方面的研究信息, 直接影响了艺术家、设计师和广告AE人员。我们能看到颜色是靠三个元素相互作用而成:光源、物体的反射特性、以及人体视网膜和脑部视觉皮质区对光波的处理方式。不管我们使用哪种形式来作业——绘画、印刷或网络, 我们都得依赖上述过程才能有效使用颜色。

在网站上, 我们所面对的是光的投射, 而不是从物体上反射回来的光, 采用的是加色法模式, 我们称它为RGB。在RGB系统中, 我们也可以透过混合三原色的方式做出一个光谱。混合任两个原色, 就会产生三个次原色:青、洋红、黄。

3.2 颜色协调

页面用色最大的挑战之一便是找出有效的调和色彩, 让色系既不过于单调, 也不过于夸大。一个页面配色的好与坏, 不仅仅体现在颜色协调上, 它应该是由多方面的因素来判断的。

首先, 我们对页面的颜色要搭配得当, 有效的调和色彩。

其次, 我们在配色时应注意几个方面——这也是在进行页面配色时必须考虑的因素。

a.用颜色体现站点的内涵和文化。

b.用颜色来引导浏览者的目光, 也就是用颜色辅助完成页面的导读作用, 使得页面结构、逻辑更加清晰。

c.网页用色要人性化。这里涉及到的一个方面就是视觉疲劳。

d.注意利用浏览者对色彩的感受。

如果我们能够对色彩应用得当, 就会给浏览者带来一种和页面主题一致的心理暗示, 这有助于更好的表达页面的主题与中心。

总之, 网页用色要考虑诸多因素, 例如, 访问者的类别:社会背景、心理需求和场合的差异等等, 这就要求网页设计者要认真的分析网站的受众的不同, 尽可能达到对页面内容的及内涵的全面表达, 这样才称的上是一套好的网页配色方案。

4 色彩设计

4.1 色彩设计原则。

网页设计历史只有十几年的时间, 受现代色彩观念的影响, 色彩的丰富性从一开始就是网页设计的发展趋向。根据和谐、均衡和重点突出的原则, 可以将不同的色彩进行组合、搭配来构成各种风格的网页色彩设计。在众多令人眼花缭乱的配色方案中如何选择来确立网页色彩风格, 是值得我们思考一个问题。首先, 色彩风格的确立取决于网站的目标定位, 网页的最终受众首先界定了色彩的倾向。例如:面向儿童的网页设计就要考虑到儿童的色彩取向, 其色彩要求纯度较高、个性鲜明、对比强烈, 否则将不会受到儿童的欢迎。同样, 政府网站和学生网站、男性网站与女性网站的色彩风格应该是不一样的。因为面对目标对象的年龄、气质、环境、阶层、经济乃至国家、种族、宗教信仰的不同, 其审美需求也不一样, 只有符合最终受众审美需求的色彩风格, 才能引起他们的感情共鸣。其次, 色彩风格与网站的内容要能够相互呼应。通过色彩自身的表现力表现好网站的内容, 使内容与色彩风格有机的结合起来, 更好的发挥色彩的内在力量。如文学网站, 就可采取灰色系列来创造优雅浪漫的色彩风格, 以与网页的内容相协调。反之, 如果采取大红大绿强对比的色彩风格, 就会产生不伦不类的感觉。因此, 那些虽然美观但与网页内容相冲突的色彩风格, 只会对网页信息传递产生消极作用, 是我们需要尽量避免的。

4.2 色彩设计要点。

网页的色彩设计应把握以下几个方面:首先是整个页面的色彩选择, 确定一个主色调, 可以有利于体现网站主题。我们现在看到的网页, 一般以浅颜色为背景的居多, 如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底, 柔和、素淡, 配上深颜色的字, 如黑色, 读来自然、流畅, 也有利于突出页面的重点, 有利于整个页面的配色, 更容易为大多数人认可和掌握。其他一些次要内容, 如背景图片、线条适宜采用不抢眼的颜色, 以免喧宾夺主。为了突出强调的需要, 使用少量精心选择的元素, 采用明亮的色彩, 这些彩色亮点就会产生强烈的视觉冲击, 但如果用得过多, 就会造成无重点的混乱, 达不到强调的效果。其次, 在背景的色调搭配上一定要注意不能有强烈的对比, 特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度, 因为过于丰富的背景色彩会影响前景图片和文字的取色, 严重时会使文字溶于背景中, 不易辨识。所以, 背景色一般应以单纯为宜。

结束语

网页作为新的表现形式, 它广泛的兼容了传统平面设计的特性, 又具备了现代信息交流的多方面学科知识。网页色彩设计需要设计师给使用者提供更加轻松, 更加有利的环境。

摘要：色彩是设计的精髓所在, 在网页设计中尤为如此。合理的网页色彩设计能体现网站风格, 突出主题, 吸引浏览者视线, 加深印象。进行网页色彩设计时应注意使其色调与网站主题相协调。满足浏览者的不同需求, 便于阅读, 同时还应个性鲜明并保持一定的延续性。文章通过对网页中色彩的特征与作用的研究和分析, 结合具体实例, 探讨了网页设计中的色彩运用的原则与方法。

关键词：色彩,网页设计,配色

参考文献

[1]马蒂斯.色彩之路.杰克·德·弗拉姆编, 欧阳英译.马蒂斯论艺术[M].郑州:河南美术出版社, 1987:181.

[2]李广元.色彩艺术学[M].哈尔滨:黑龙江美术出版社, 2000:244～246.

[3]赵国志.色彩构成[M].沈阳:辽宁美术出版社, 1989:31～33.

[4]赵国志.色彩构成[M].沈阳:辽宁美术出版社, 1989:86.

网页设计中视觉传达的整合设计 第9篇

网页设计在当下来说算的上最时尚最前卫的设计, 作为社会主体的网络, 它时时的表现了它的便捷性它的时尚性, 它的迅速性, 插入了很多视觉上感觉没得视觉传递手法。

1、网页设计中的视觉规律

现在视觉上的的感受很有规律, 因为每个人对美的阐述不同, 表现的方式就不同, 人们对其的视觉心理也会不同, 大众的这些观点都是来自于对网页设计的浏览。设计师在在设计的时候为了更大化的满足人们需求的心理, 必须考虑版式的布局和在媒体中的通过这些来判断每种视觉传达组成元素之间的相互关系和相互秩序。所以说, 在设计时应该研究它们之间的距离、占据位置、占据面积等问题。

人类的视觉特性决定了视觉的规律, 浏览的人群浏览每个网页的感受是不同的, 通常会快速扫视网页的前半部分, 所以, 网页的前半部分通常被叫做作家浏览区域, 也就是最先考虑选择的地方, 浏览者会浏览下方的区域, 最后, 浏览者会从左边的网进行垂直化的扫描。

在网页设计中, 灵活而合理地运用视觉流程和最佳视域, 组织好自然流畅的视觉导向, 直接影响网页传播的准确性与有效性。因此, 在设计网页的时候, 不但要考虑网页的传递, 还要考虑人们的视觉习惯, 设计网页的时候需要合理分布信息, 是信息位置适当, 是间隔缝隙留的间距恰到好处, 要以最清晰最美观的形式表现人们的需求, 要把人们想发表的信息清晰地表现出来, 这就要求设计师清晰的思考内容与形式如何最佳的结合, 如何使页面看起来既整体、又丰富。

2、网页设计中的审美需求

网页设计与美感是一样的, 人们对其的追求都是不断增高的。网页不但能把想表现的东西放上面来很好的表现出来, 还会为浏览者带来便捷和效益。从审美方面来看, 要把网页做的完整清晰, 让浏览者一目了然的浏览整个网页, 给人一种愉悦轻松地感觉, 这样更容易让浏览者接受。在网页设计中, 要追求更多的是网页带给我们的美感和便捷感, 可以将很多文字和规划的很整齐的呈现给我们, 将各种元素有原则的有效的结合, 它们有统一的变化和对比的清晰, 还有条理与反复、均齐与平衡等, 还有对网页中的文字、图片、色彩的视觉设计。

3、网页设计中的主题要素

每个网页的主题都是不同的, 人们在适当的环境中都会欣然的接受主题的表现方式, 但是我们要注意排版, 要聚焦人们的关注点, 让人们的印象更加深刻。没有主题的重要要素, 就不能聚集人们的思维和注意力。网页设计结合了所以人们对网页的需求和审美观, 要注意空间大小、空间结构、空间布局, 加强视觉传达效果, 做到更能抓住浏览者的眼球。

二、当前网页设计存在的问题及解决

我国目前网页设计大多都还在启蒙阶段的外部环境下, 许多的设计人员在停留在技术层面, 对设计艺术方面的理解还远为达到一定高度, 对于艺术设计的理解还不够深刻。因此网页上看到的设计多数缺少设计感, 大多千篇一律形象单一简单, 缺少艺术美感的追求, 具体表现的现状是什么样子的呢?

首先就是网页设计的过于“饱满”, 人们习惯将多余多的内容集中表现在各个板块, 然后拼接在一起, 虽然使整体看上去更加充实, 但却在实际操作和用户游览中缺少了设计感, 使人们在游览网页的时候很难找到吸引眼球的地方, 多采取悬浮窗口的方式打开连接, 让人们感觉操作的不够便利协调, 多数网页都有类似问题, 排版单一缺少特点。好象出自一个人之手。其次, 缺少审美, 可以发现许多目前网页设计上设计的不妥之处, 尤其不足之处就是审美方面, 人们缺少对于网页艺术的理解, 这是网页设计上面的漏洞, 并没有把网页设计当做一件艺术品, 使网页设计美感融入其中, 更多的在为完成其实用功能方面下手。最后, 需要把网页的美观性和实用性想结合, 不能局限于功能审美, 必须在满足用户使用的情况下尽可能的把它当做一个艺术品, 使其在满足实用功能的同时也体现出人们对艺术审美的追求, 也可以让人们对其有更加赏心悦目眼前一亮的感觉。

1、视觉元素的堆砌和信息内容的缺失

现在视觉上的的感受很有规律, 因为每个人对美的阐述不同, 表现的方式就不同, 人们对其的视觉心理也会不同, 大众的这些观点都是来自于对网页设计的浏览。设计师在在设计的时候为了更大化的满足人们需求的心理, 必须考虑版式的布局和在媒体中的通过这些来判断每种视觉传达组成元素之间的相互关系和相互秩序。所以说, 在设计时应该研究它们之间的距离、占据位置、占据面积等问题。

2、商业利益带来的干扰

由于大多数的商业模式需要提高网页的点击率, 常用手段就是将真正的资源链接隐藏在不被注意或者不容易点击到的位置, 使用户更多地将目光放在广告区域。许多的网页也采用了悬浮窗口挡住游览者的视线, 必须点击才能游览挡住的下层的页面内容。这些蓄意干扰, 是网页设计的大忌。大多数的用户并不会注意窗口上的内容, 从而达到了反作用。

大多数的网站都存在或多或少抄袭借鉴。就比如国内大多搜索引擎网站都采取了相同的设计。同样的设计给人们千篇一律的感觉。并没有达到艺术美感应该给与人们的赏心悦目, 反而让人们在观看中忽略到网页本身的设计美感。

3、动态交互网页设计中的界面友好性问题

网页是具有生命力的, 在操作的同时也需要与浏览者的互动和共同, 需要有相应的沟通模板使人们在浏览的同时也能感受到设计者与浏览者的互动, 减少恶意的广告与骗取点击率, 更过的回馈使用者, 让人们在浏览的过程中体验设计美感。网页中需要通过专门的软件使图片、影像、文字等媒体内容在计算机屏幕上来显示。即它的观赏效果仅仅取决与设计者本人, 同时也收到了游览器分辨率等硬件因素的影响。设计时的分辨率差异会导致网页面容皆非。要观赏flash动画等媒体形式, 必须安装特定的插件程序, 否则将显示空白框和提示文字给用户, 就像被遮去了头部的蒙娜丽莎, 极大地破坏了设计师的设计初衷和作品的美感。

三、结论

中国的网页设计行业和设计教育行业的整体水平总是不相上下, 好多人都不能从表面上真正意义的去体会到视觉传达的真正飞速发展。人们平面的视觉上的设计不仅仅只是以造型基础、图案或视觉形式为学科基础了, 与装饰艺术或各种绘画是有本质区别的, 虽然都具有可视性, 但是与传达功能相比, 视觉传达设计的美化毕竟是第二位的、从属性的。传媒现在随着社会的发展, 日益进步。下各类不同的媒体所占据的受众传媒花销的时间也大大不同。当下这个网络技术为标志的崭新的信息时代, 设计者更应该致力于将网络与设计、技术与艺术完美地结合, 开拓全新的视觉空间, 使视觉文化成为网页设计的主导潮流。这篇论文在视觉传达、排版、一系列版式的设计上的定义和艺术概论描述上, 讲述了很多网页设计中的视觉传达的表现方式, 重点把视觉传达中的原理在实践中运用, 去满足社会人群的所有需求原理。

参考文献

[1]刁学栋, 吴彬.网页设计的视觉信息传达分析[J].教育信息化.2006 (19)

[2]王愉, 隋涌.论网页视觉要素设计[J].北京印刷学院学报.2005 (04)