有关网页版面设计毕业论文写作资料-论文写作网

简介:适合页面视觉论文写作的大学硕士及相关本科毕业论文，相关页面视觉开题报告范文和学术职称论文参考文献下载。

页面视觉论文范文

网页的构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素,网页的版面设计就是要将上述构成要素根据特定内容的需要恰当地组织在版面上, 将信息、观点、思想传达给读者,表达出美与和谐.

网页的版面设计同报纸杂志等平面媒体的版面设计有很多相通之处.所谓网页的版面设计,是在有限的屏幕空间上将多媒体元素进行有机组合,将传达内容所必要的各种构成要素的均衡、调和、律动的视觉导向以及空白等,根据主题的要求予以必要的关系设计,进行一种视觉的关联和合理配置.

采用哪种版式并不是设计者的想当然,不同的网站主题（个人宣传、产品销售、提供服务等）对网页构成元素编排方式的要求是不同的,要依据受众的需求、市场的状况、版主的自身情况进行综合分析,还要明确建立该网站的目的、为谁提供产品或服务、能提供什么样的产品或服务、该网站的目标受众以及受众的特点等一系列定位之后才能决定的.

当明确了目标后,我们紧接着要考虑的是网页版面的形式与内容的统一.现在的网站通常具有的内容是文字、图片、符号、动画、按钮等,其中文字占很大的比重,因为目前的网络基本上还是以传送信息为主,而用文字是非常有效率的一种方式.既然文字是现在网页传输信息的主要工具,那么就得把页面上主要的部分留给它,网页上真正好的文本的排布是这样的：一般放在最显著的地方,如整个显示的论文范文稍微偏右下；文本的排布整体性好,使浏览起来通畅而丝毫没有阻碍,理解内容更加容易.文字的大小应该适中,太大浏览起来增加了翻页的难度,太小看起来太累,用色也要考虑,一般用区别于主体的颜色可以起到强调的作用.除了文本之外,网页上最重要的设计元素莫过于图像了.一方面,图像的应用使网页更加美观、有趣；另一方面,图像本身也是传达信息的重要手段之一.与文字相比,它直观、生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受.当文字与图像完美融合在一起时,我们所要传递的信息就更容易为受众所接受.

祥仔在线视觉页面访问:课时06.PPT页面视觉焦点设计

其次,应强化页面的整体布局,将版面的各种编排要素在编排结构及色彩上作整体设计,加强整体的结构组织和方向视觉秩序,如水平结构、垂直结构、斜向结构、曲线结构.

在视觉心理学家的研究中,视觉运动规律是其成果之一.一条垂直线在页面上,会引导视线作上下的视觉流动；水平线会引导视线向左右的视觉流动；斜线比垂直线、水平线有更强的视觉诉求力；矩形的视线流动是向四方发射的；圆形的视线流动是辐射状的；三角形则随着顶角之方向使视线产生流动；各种图形从大到小渐层排列时,视线会强烈地按照排列方向流动.经验丰富的设计者都对此非常重视,他们善于运用这条贯穿页面的主线,设计易于浏览的页面.从某个角度讲,视觉流程的设计结果就是也就是版式.

合理的视觉流程应在与人们的认识过程的心理顺序和思维发展的逻辑一致的基础上,根据信息的主次（即传达重点）来确定各元素的顺序,并通过精心安排从而影响、引导浏览者的视线移动.我们应该考虑页面上的每个元素所产生的力并结合主题内容的主次,来安排各个元素的位置.人们在阅读时视线通常是：从左到右,从上到下,从左上到右下.因此在构图中,一般注意力最大的位置依次是版面的上部、左部、中上,它们即是画面的最佳视域.主题不同,则各个构成元素的重要性也不同,把它们放在不同的视觉领域,则会产生不同的注意力价值.而页面中不同的视域,由于注目程度不同,给人心理上的感受也是不同的.一般而言,上部给人轻快、漂浮、积极、高昂之感；下部给人压抑、沉重、限制、稳定的印象；左侧,感觉轻便、自由、舒展,富于活力；右侧,感觉局促却显得庄重.我们可以将整个页面分为几个部分,每个部分体现不同的形式,网页中最重要的信息安排在注目率最高的页面位置,这个位置便是页面的最佳视域.

此外,网页版面的视觉流程设计因网页的多维性和超链接性、视觉在空间上无限延展的连贯性而同样很重要.网站内容一次性全部呈现,浏览者的阅读顺序也不是单线性的.很多层次中隐藏的信息会被不同的浏览者发现或忽略,导致同一网站对不同的浏览者会有不同的呈现面貌.浏览者的阅读自由性,对设计者而言则是不确定性.因此,除了要考虑单个页面的视觉流程外,更要注意各种可能发生链接的页面与页面之间视觉流程的巧妙安排和诱导.

根据视觉流程的类型及网页版式的实例,我们可以总结出以下的集中版式构成类型：骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种.

1.）骨骼型

网页版式的骨骼型是一种规范的、理性的分割方法,类似于报刊的版式.常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等.一般以竖向分栏为多.这种版式给人以和谐、理性的美.几种分栏方式结合使用,既理性、条理,又活泼而富有弹性.

2.）满版型

页面以图像充满整版.主要以图像为诉求点,也可将部分文字压置于图像之上.视觉传达效果直观而强烈.满版型给人以舒展、大方的感觉.随着宽带的普及,这种版式在网页设计中的运用越来越多.

3.）分割型

把整个页面分成上下或左右两部分,分别安排图片和文案.两个部分形成对比：有图片的部分感性而具活力,文案部分则网站源码理性而平静.可以调整图片和文案所占的面积,来调节对比的强弱.例如：如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则造成视觉心理的不平衡,显得生硬.倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果.

4.）中轴型

沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列.水平排列的页面给人稳定、平静、含蓄的感觉.垂直排列网站整站源码的页面给人以舒畅的感觉.

5.）曲线型

图片、文字在页面上作曲线的分割或编排构成,产生韵律与节奏.

6.）倾斜型

页面主题形象或多幅图片、文字作倾斜编排,形成不稳定感或强烈的动感,引人注目.

7.）对称型

对称的页面给人稳定、严谨、庄重、理性的感受.

对称分为绝对对称和相对对称.一般采用相对对称的手法,以避免呆板.左右对称的页面版式比较常见.

四角型也是对称型的一种,是在页面四角安排相应的视觉元素.四个角是页面的边界点,重要性不可低估.在四个角安排的任何内容都能产生安定感.控制好页面的四个角,也就控制了页面的空间.越是凌乱的页面,越要注意对四个角的控制.

8）焦点型

焦点型的网页版式通过对视线的诱导,使页面具有强烈的视觉效果.焦点型分三种情况.

（1）中心　以对比强烈的网站源码图片或文字置于页面的视觉中心.

（2）向心　视觉元素引导浏览者视线向页面中心聚拢,就形成了一个向心的版式.向心版式是集中的、稳定的,是一种传统的手法.

（3）离心　视觉元素引导浏览者视线向外辐射,则形成一个离心的网页版式.离心版式是外向的、活泼的,更具现代感,运用时应注意避免凌乱.

9）三角型

网页各视觉元素呈三角形排列.正三角形（金字塔型）最具稳定性,倒三角形则产生动感.侧三角形构成一种均衡版式,既安定又有动感.

1.0）自由型

自由型的页面具有活泼、轻快的风格.

设计者可以根据网站风格、内容和形式来选取适合的版面,而不能单独考虑网页的内容的排版,内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计.

最后,版面设计的效果要达到既新颖、美观、大方、雅俗共赏,又与自身定位相结合,关键还要抓住视觉和感觉两点：

（1）要抓视觉.视觉是人的主要审美感官.俄国唯物主义哲学家、文学批评家车尔尼雪夫斯基在《生活与美学》一书中说：“美感是和听觉、视觉不可分离地结合在一起的,离开听觉、视觉,是不能设想的.”版面上每一个具体可感的对象,其背景、色彩、线条等形式因素,只有通过视觉才能引起人的感受.一个富有时代感、新鲜感的版面设计带来的视觉刺激,自然会成为吸引大众的重要因素,这也就是说版式设计具有“广告效应”.网站的内容固然重要,如果再有一个设计新颖的版式,就更能够增强对大众的吸引力,更充分地展现自身的个性特征.

（2）要找感觉.感觉的各个因素是渐变的,长可以变短,短可以变长,冷可以变热,白可以变红,苦可以变甜.所以,版面设计还要善于使大众从“无味”到“有味”,找到“感觉”,找到一种享受的美感.齐白石先生画的小鸡,浑身绒毛,栩栩如生,不仅让我们感受到它活泼、稚气的外形,而且几乎听到它的叫声.这就是画家运用高度集中、概括和熟练的绘画艺术,给观者的想象涂上了一层感论文范文彩.版式设计同样要使大众在欣赏作品时达到这种“ 情景交融”的效果.

网页版面设计的最终目的是使版面产生清晰的条理性,用悦目的组织来更好地突出主题,达到最佳诉求效果,表面上看,它是一种关于编排的学问；实际上,它不仅是一种技能,更实现了技术与艺术的高度统一,设计者只有将网站的意义融入到当中,才能设计出成功的页面.

【参考文献】

［１］孙良军,编著．网页设计全方位学习[Ｍ]．中国青年出版社.

［２］顾群业,等,编著．网页艺术设计[Ｍ]．山东美术出版社．

［责任编辑：尹雪梅］

总结：该文是关于页面视觉论文范文，为你的论文写作提供相关论文资料参考。

祥仔在线视觉页面访问引用文献: