视觉传达在网页中的应用毕业论文(编辑修改稿)

视觉传达在网页中的应用毕业论文(编辑修改稿)内容摘要：

的设计原则及方法 ２．３．１网页主题明确、鲜明突出 网页设计中首先要解决的问题是主题的定位。 所谓主题也就是网站的题材。 定位网站主题首先要明确建立网站的目的，这是从网站建设者的角度来考虑的。 另一方面应详细了解网站受众群体的基本情况，明确他们的需要，以确定网站为使用者所提供的信息或经验。 网 站内的全部信息必须根据主题进行选择、鉴别和整理。 信息传达的目的性越明确，针对性越强，传达的成功率也会越高。 网站主题明确后，设计的全过程都要围绕这一主题展开。 主题要做到鲜明突出、力求简洁、要点明确，尽量以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对于普通用户也能留下一定的印象。 在Ｉｎｅｔｍｅｔ上同行业的网站千千万万，浏览者常常是走马观花，一带而过。 只有极富特色、内容翔实的网页才能使其驻足阅读。 ２．３．２网页整体风格一致、形象统一 网站的主题和结构确定之后、要为之寻求适合的表现形 式，做到形式与内容统一。 应大体规划出：字体大小与字体种类，图片与文字的相互排列、对应位置，各大小标题与文章段落的对齐方式，导览按钮与文字超链接的表现形式。 基本的设计蓝图使所有页面拥有前后一致的设计风格，设计其他页面时根据每页的具体情况稍做修改即可。 形式的统一可以通过页面的构图、文字、色彩、图像的运用来实现。 ２．３．３设计目的明确、形式鲜明 网页形式是为内容服务的，但本身又有自己的独立性和艺术规律。 这里所指的形式是指网页设计的版式、构图、布局、色彩以及它们所呈现出的风格特点。 无论设计什么形式的网站，都应该有 明确的设计目的，清晰的网页设计形式。 因为网页设计的目的就是为了更好的体现和传达网站的信息，使之更加形象、直观、更易于为用户所接受理解。 所以，不同内容的网页要用不同的形式来表现。 比如：政府机构的网页形式应简洁、庄重以体现机构的特点。 而商业网站则可以根据不同的商品特征采取不同的表现形式，而相对政府机构的严肃庄重的特点，则可以多一些活泼与自由，色彩也可以更加丰富。 文化艺术类网站的表现形式则更注重个性化的表现。 ２．３．４信息即时、更新及时 8 没人对过时信息有兴趣，所以资料一定要注意即时性。 更新是互联网永恒不变的主题 ，印在书面上的信息是不变的，而用户想看到的是最新的内容，如果用户每次都只能看到与上次相同的内容，则会认为这个站点是永远不更新的，从而不会再次访问该网站。 网页更新包括内容和形式两个方面。 在保持页面统一性和连续性的前提下．经常更新内容，变换新的表现形式，有利于引起新的视觉刺激，吸引更多的视觉注视，增加访问量。 也就是说，网页尽量要在每天发生一些新的变化，总是有新的内容出现。 但是究竟哪些内容是更新的重点，并不是随意确定的，要通过分析调查来访者的数量和所关心的内容的倾向来决定。 当然，更新的内容也需要在醒目的位置将更新 内容的简要通知告诉给用户。 第３章分析三色幼儿园网站版式视觉效果 ３． １ 分析网站 视觉效果 １ ．结构清晰 三色幼儿园 网站整个设计可以说是比较简单的，没有过多的装饰，也没有复杂的结构，给人的感觉就是清新明了，网站内容一目了然，不会让人产生迷惑，初来 三色幼儿园 网站的用户可以完全按照自己的理解来进行操作而不会产生错误。 在这一点上是十分重要的。 来 三色幼儿园 网站的用户，都是查找 孩子在校的相关信息 的，如果网站的设计不能做到让用户感觉清楚明白的话，就会造成用户的大量流失。 因为没有人会希望在理解一个网站上浪费太多的时 间。 网络 上的资源非常多，如果在使用网站之前还要先学习如何使用该网站的结构 ，相信有不少用户会去其它网站查找自己所需的资源，选择放弃浏览该网站。 ２ ．人性化设计 用户在线咨询说到该公司的人性化设计是很有特色的，这也许因为这是一家商业公司，他的人性化设计才体现了他商业的特点。 在打开公司网站我们就可以看到在网站的最左边有一长列的 登录图标 ，这些头像是公司的各个重点产品，及不同 孩子 的 个人的学号 ，它不 像 其他网站的 注册号。 它不需要查找注册 号，只要用户 输入自己孩子的学号 ，点击它上面的头像就可以与对应的产品及部门联系了。 不但如此，它还 町随页而的滚动，和页面的变换而变动，无论用户在页面的什么地方和什么页面遇到问题都可以与相关责任人联系。 ３ ． 吸引人 推荐产品公司网站具有其独特的吸引人的地方，首先就是其简洁明快的首页，整个 9 页面使用蓝色作为毛色调，让人在浏览的同时，会有一种放松感，整个页面没有过多花峭的东西，每一个版块都很明确在指导浏览者将看到的内容。 在内容的布置方面， 三色幼儿园 网站做的样尽心尽力，首页上首先会吸引人的注意力的就是 三色幼儿园 网站的“推荐产品”版块。 在整个首页上，都是采用小的图片来点缀的方式，这就使得其在这众多小图片中显得十分抢 眼。 这个版块使用了动态展示 —— 几个产品在这一版块一段时间内币段回放，以不同的产品的亮点吸引用户。 整个首页主体的分栏布局也十分简单明了，每一个分栏区都使用了不同的背景色以与其它分栏区别开来，但同时，背景颜色的选取又十分地恰到好处，没有 让人产生突兀之感，让人看得十分舒服。 在对内容及版式的布局方面，三色幼儿园 网站做到以用户方便为主，按～般网站的模式，将分类放在了ｌｏｇｏ的下方，让用户能够直接了解 三色幼儿园 网站的全部内容，也可以让用户卜分方便地选择自己感兴趣的版块进行浏览和操作。 来 三色幼儿园 网站的用户一般都是为了浏 览 三色幼儿园 网 页 中的 自家宝贝相关 资料，因此， 三色幼儿园 网站在首页上就将 三色幼儿园 网 页 中所有的 自家宝贝 资料分类别列好，首页左侧的导航栏就首先让浏览产生了一个好的印象。 对于想获取 自家宝贝 资料的用户， 三色幼儿园 网 页 具有其自己独特的吸引力： （１）首页的简 洁 明了，不拖泥带水； （２）首页各版块的更新都是实时的，不会存在有过时信息的停留，用户由 三色幼儿园 网站首页上所得到的信息都是最新的； （３）操作的人性化。 对于一般用户经常用到的操作， 三色幼儿园 网站都十分细心地将其列于首页的左侧，免去了 三色幼儿园 网站用户一层层寻找自己想要进行的操作的多余时间。 （４）ＩＴ产品量较多。 对于公司网站来说，ＩＴ产品量的大小直接影响到用户的多少。 如果用户多次在网站中无法找到自己想要的资料，他就会放弃该网站，而如果在网站中总是可以找到自己想要的资料，那么，如果网站遇到不能找到用户想要的信息，用户会放弃浏览该站。 因此ＩＴ产品量的多少对用户来说，是十分重要的。 虽然该公司的产品信息较多，但有些信息不全的情况。 这是该网站需要加强的地方。 由以上的分析来看，就 三色幼儿园 网站一个 教育 网站，能做到这么多的功能基本满足 三色幼儿园 网站满足 家长们 的一般需求。 接下来我们从设计的角度来分析及实现网站。 ３．２首页版式分析 版式指的是浏览器看到的完整的一个版面（可以包含框架和层）。 因为每不人的显 10 示器分辨率不同，所以同一个版面的大小可能出现不同尺寸。 而布局，就是以最适合浏览的方式将图片和文字排放在版面的不同位置。 由于网站性质、内容、使用对象等有所不同，网页布局的形式也是千差万别的。 基本的构图形式是：版面由上至下依次安排，网站名称和标识、版面标题、版面内容、脚注等。 一般版面左侧通常设置为导航部分，这样做的目的一方面是提供与其他版面的链接；另一方面也是为了减 小右部版面内容区的宽度，以使每行文字的长度适合阅读。 当然在实际的设计过程中，需要根据实际的情况来设定导航条的位置，其中包括考虑用户的生理和心理机能的限制。 版式布局的模式一个企业网站一般要完成ｌ、树立现代企业形象，增值企业无形资产；２、宣传企业，创造销售机会；３、加强客户沟通宣传企业产品；４、通过电子营销可以减少环节，减少人员，节约费用，降低成本，有利于提高营销效率；５、有利于了解顾客的意见，建立良好的顾客关系；６、有利于改善服务等功能。 ３．２．１首页版式的视觉传达理念分析 要实现网站的以上功能根据视觉传达 的理念要符合用户的视觉路径一般 ：从上到下，从左到右。 好的视觉设计路径应该是顺应这样的用户习惯。 当然，下图的视觉路径图并非绝对的，浏览习惯因人而异。 用户习惯视觉路径因为人们从接触信息以来，信息的呈现就是以方块式存在：报纸、书，单个字成点，一行字成线，一段字成面，而这个面当然是以方形呈现的效率最高。 网站的视觉设计大部分其实都是在拼方块。 网站中的方块能很好地引导用户的视觉路径，用户可以通过区块来分辨这个区域的信息是否是自己需要的，从而可以迅速缩小范围细致寻找或者浏览下一个区块。 视线经过的所有关注点可以连接成一条完 整的路径，即视觉路径。 视觉路径的形成是由人类的视觉特性所决定的．往往会体现出比较明显的方感，使整个运动趋势有一个主旋律。 受生理结构限制，人眼只能产生一个焦点，不能同时把视线停留在两处或更多的地方，我们可以做的只是依照一定的顺序浏览观察。 心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部让人稳定和压抑，而左半部让人轻松和舒展，右半部让人局限和拘谨。 因此，人们的视觉习惯于从左向右看，从上向下看，视觉注意力上部比下部强，左侧比右侧强。 这样左上部和中上部被视为“最佳视域”，也就是最优选的地方。 1 首页版式 设计实现 基于以上的分析，一个企业网站首页必须有两站ＬＯＧＯ、网址公司名、产品、客服行业信息等一系列元素。 根据这些元素的属性的相关性和重要性的不同我们首先使用 11 ＰＨＯＴＯＳＨＯＰ软件把首页划分成以下几个方块。 各个方块完成了同信息的一个分类，信息的分类使其能更直观的将用户需要的信息传递给他们。 整个网站的视觉流程就是，企业信息板块，导航板块，ＢＡＮＥＥＲ，用户板块产晶及新闻扳块。 网站用户大部分都是这样的视觉流程，用户一进企业网站看到的就是企业的ＬＯＧＯ，企业的名字，接下来的导航板块，用户就可以立即找到自己感兴趣的 板块或栏目，不会让用户因找不到自己感兴趣的内容而离开阿站。 接下来ＢＡＮＥＥＲ，这个一般都是企业的形象广告或是新品广告。 用户板块及最后的产品及新闻板块主要针对的网站的老用户了。 因为老用户都在熟悉了网站之后都会直奔主题，看网站里的内容了。 根据以上的首页功能划分意图，通过ＤＲＥＡＭＷＥＡＶＥＲ网页设计软件制作出详细的设计，如图３－１６所示。 ＤｒｅａｒａＷｅａｖｅｒ是一个很酷的网页设计软件，它包括可视化编辑、ＨＴＭＬ代码编辑的软件包，并支持ＡｃｔｉｖｅＸ、ＪａｖａＳｃｒｉｐｔ、Ｊａｖａ、Ｆｌａｓｈ、ＳｈｏｃｋＷａｖ ｅ等特性， 而且它还能通过拖拽从头到尾制作动态的ＨＴＭＬ动画，支持动态ＨＴＭＬ（ＤｙｎａｍｉｃＨＴＭＬ）的设计，使得页面没有ｐｌｕｇ－ｉｎ也能够在Ｎｅｔｓｃａ。