视觉层级下的网页布局设计分析-analysis of web page layout design under visual level.docxVIP

摘要网页布局设计随着科技的发展越来越趋向于标准化，尤其当Web标准系列的发布。这样就使得网页布局设计必须在思维上产生根本性变化，将其进行结构与整体化处理。对于网页设计制作者来说，理解Web标准首先要理解结构和表现分离的意义。Web标准的目的在于创建一个统一的用于Web表现层（即普通浏览者所看到的页面）的技术标准，这样的话就能通过不同浏览器或终端设备来向用户展示最终的一个信息内容。新兴的网页技术冲击着我们的网页设计领域，繁冗的网页结构和混乱的视觉效果充斥着我们的眼球。而如今强调页面结构清晰和视觉层次分明成为了当前网页布局设计的发展趋势。有效地视觉信息交流或是将内容组织设计成块成为我们设计的核心任务。在这样一个新的传媒环境里，网页界面作为用户与信息交流的平台，信息内容是否实现有效地流通，并且使信息的表述有一个先后的呈现秩序也非常关键，视觉层级的设计就起到一个重要的方面。线上出现的浏览平台已经非常繁多，从传统的浏览形式延伸到移动设备、平板电脑、电话甚至电视，处理好网页布局的结构合理性、信息的准确性以及信息的功能性以及他们在视觉上与用户的高效交流变得愈来愈重要。文章基于视觉层级性的特点来对网页设计进行分析。通过举例的方法，阐述了网页界面如何建立有效地视觉层级以及建立有效地视觉层级的意义，而设计师的主要任务就是将内容视觉层级化，将所要表现的设计思想清晰地传达出去，布局设计中着重突出哪些与核心功能与常见用例相关的交互元素，而将其他操作元素置于次要位置，这可以使布局得到最有针对性的优化和简化，最重要的是界面能够让用户在最短的时间内清楚的识别出信息和功能的层级关系，并且很容易的知道接下来应该做什么。紧接着对视觉层级在网页中以什么样的形式来表现，如何在页面中建立良好的视觉层级进行了重点的研究和探讨。关键词：网页布局；视觉层级；结构清晰；AbstractWebpagelayoutdesignstendtoincreasinglystandardizingwiththedevelopmentofsciencetechnology,especiallywiththepublishmentoftheseriesofWebstandard.Thismakeswebpagelayoutdesignshavetobechangedfundamentallyontheaspectofthinkingandweshouldmakethethinkingstructuringandintegrating.Forthewebsitesdesigners,understandingtheWebstandardneedsthemtomakeclearofthemeaningofstructureseparatingfromperformancebecausetheWebdesignincreasinglytendstointegrationandstructuration.ThepurposeofWebstandardistoestablishaconsolidatedtechnicalstandardwhichisusedforWebpresentationlayer(thepageobservedbycommonviewers)sothatitcouldshowtheinformationcontentstofinalusersviadifferentexplorersorterminalunits.Burgeoningwebpagetechniquesimpactourareaofwebdesign,andourviewisinundatedwithburdensomewebpagestructuresanddisorderedvisualeffects.Whilenowadaysthedevelopmenttendencyofwebpagelayoutdesignisemphasizingdistinctpagestructureandvisionswithclearlevels.Effectivevisualinformationcommunicationororderedcommentsbecomethemostimportanttaskofus.Insuchaconditionofnewmedia,webinterfaceserveastheplatformforcommunicationbetweenusersandinformation.Furthermore,whethertheinformationcouldexchangeefficientlyandhaveanordertopresentbecomethekeypoint.Sothedesign