XX市高教考科毕业文
视觉传达网页设计中运研究
准考证号：
指导教师姓名 职称 讲师
考 生 单 位 XX职业技术学院
邮 编 电话
专 业 名 称 数字媒体艺术
文提交日期 文答辩日期
考 单 位 XX学
20XX年 X月 X日
目录
第１章绪 1
１．１研究背景意义 1
１．２研究现状发展趋势 3
１．３解决问题创新点 3
１．４文组织结构 4
第２章关视觉传达网页设计 4
２．１视觉传达 4
２．２网页定义特点 5
２．３网页设计中视觉传达设计原方法 7
第３章分析三色幼园网站版式视觉效果 8
３．１分析网站视觉效果 8
３．２首页版式分析 9
第４章三色幼园网站色彩 12
４．１教育网站色彩分析 12
４．２教育网站设计实现 15
第５章网站文字 17
５．１网站文字分析 17
５．２整体网站效果 19
第６章总结 19
参考文献 20
致谢 21
视觉传达网页设计中运研究
摘：科技信息高速发展２１世纪网络作高科技信息交互式媒介产物成类生活中缺重连接纽带数字技术发展成网络桥梁产生网络化传播系统网络成继报纸广播电视第四媒介着时代发展网站建设越越接艺术仅仅项技术网页艺术设计日益网站建设者注重视觉传达设计指利视觉符号传递种信息设计设计师信息发送者传达象信息接受简称视觉设计视觉传达包括．视觉符号传达两基概念网页设计种建立新型媒体新型设计具强视觉效果互动性互操作性受众面广等媒体具特点成功网页设计首先观念确立动态思维方式次效艺术性引入网页设计中加浏览网页兴趣文解决视觉传达念运网页设计中通网页设计中版式首页前台台页面进行分析企业网站色彩需求色彩特性调法设计原方法进行分析文字简洁性识性互联网传播性分析导航前台台两方面分加分析运设计学心理学传播学美学等方法艺术素进行分析基础结合湖科技网站案例艺术技术角度出发出网页设计方案根网页设计分析网站实例实现程总结实现技术特点般步骤注意问题结合网页设计中动态网页技术满足户视觉惯视觉心理易操作性等方面样化需求试图探索条艺术技术高度相结合道路
关键字：视觉传达网页设计运分析
第１章绪
１．１研究背景意义
计算机网络技术出现毫疑问改变世界改变类生活方式互联网出现促成网络济形成尤电子商务概念化走实化程中更起决定性作熟悉网络说网页出现似久前事情认真追溯实际现止十年时间整发展程中网络技术惊速度发展变化网页设计全新设计领域门新兴设计网络交叉学科继承传统设计概念部分独特性格涉范畴仅包括传统视觉传达设计更包括信息设计交互设计感观设计等等网页中信息传递种全新方式—超媒体形式传播相较传统传播媒体着身独特优势：超媒体仅传统媒体样传播文字静态图
更够传播动态图形甚视频声频等信息次读者浏览信息程中相较传统媒体单浏览序超媒体户提供性外读者接受信息程中超媒体坏境运操作工具参创造信息接受活动种互动优势传统媒体拟
网页种新信息载体出现设计者提供新设计课题时提供新设计空问着网络商业行广泛接受越越网民参进网络目越越元化网页设计着更成熟方发展设计理念网页已初纯粹卖式’’商业简介逐渐发展更注重性化网页设计风格体现商业文化涵网页制作技术更注重操作性功性读性提高越越网页设计作品出现视野生活信息社会样天接触信息够更加快速传递出效接受理解非常关心问题网页作新信息载体更承载着样务年着网络发展网页身网络载体种信息快捷方便方式传达受众美追求断深入网页设计样审美角度考虑更更效传达网页信息户留更印象提高网站访问数量促进网站良运作目前网页重发展趋势然目前针网页设计中信息传递识性便捷性研究成果实践验够成功吸收应成果网页设计作品见然设计师通种手段提高网页中信息传达性掉余图提高速度等信息类放合适栏目信息应该样形式表现信息标题应该设计张页面信息量确定页面文字色彩版式导航设计等等影响信息递效果重素
统计数发现户网络需求具层次特点网络服务求断提高网户获取方面信息学新技术目信息流量更新时浏览速度快服务性化网站受户欢迎外目前商业网站发展速度非常快网站更新意识断加强存着巨潜需求着网站建设技术难度降低户提供传达更具价值信息吸引更户成网站间竞争容网页中扮演着重角
色
１．２研究现状发展趋势
网页设计门新兴设计类网络交叉学科年着网络发展逐渐受重视身网络载体种信息快捷方便方式传达受众种标准求逐步产生审美需求美追求断深入网页设计样网页光种东西放行远远够考虑受众更更效率接收网页信息需审美方面入手制作出清晰整体性页面浏览起心情愉快接收信息会更加容易网页设计历早简单文数等字符组成显示界面功第审美原发展追求创意风格表现现代网页设计目标中Ｎ格（ｓｔｙｌｅ）形成词词典解释气度作风某期流行种艺术形式＂具体网页设计基础网页设计师风格运掌握手段包括拥审美素质应软件力感受生活敏锐觉察力建立起独特设计形式独特作风国网页设计整体水提高新兴职业形成着必然关系专业艺术设计员转型进入网络领域视觉设计提升网页视觉创意精美表现网页设计求设计员应该具备全面科学文素养全面系统专业知识结构全新认知判断方式更需具备设计艺术创造现量网站建设网页设计出国网页设计处发展提高阶段国际专业网页设计标准然存差距网页设计方法研究理探索总结出套适合国特色继承中华文化底蕴视觉审美标准国际接轨网页设计学科方法仅提高网页设计水时提高网络相关设计产业样具相重现实意义
１．３解决问题创新点
企业网站视觉传达效果建立网页设计基础成功企业网站严格意义讲网站仅代表企业精神面貌形象更担负着宣传品牌开拓市场重样造出成功企业网站昵？网站身结构容等方面需精益求精种吸引力外改进方法评判标准文解决视觉传达理念运网页设计中通网页设中版式布局导航安排文字设计色彩搭配等加阐述运设计学心理学传播学美学等方法艺术素进行分析基础结合湖科技网站案例艺术技术角度出发结合机界面评估知识出网页设计方案根网页设计分析网站实例实现程总结实现技术特点般步骤注意问题文创新处传统视觉传达设计艺术审美原创作思维手段出发网站版式色彩文字导航等方面加阐述结合网页设计中动态网页技术满
足户视觉惯视觉心理易操作性等方面样化需求试图探索条艺术技术高度相结合道路实践层面思考应性较强具定创新处
１．４文组织结构
第1章绪介绍文章研究背景意义研究现状发展趋势文解决问题创新点文组织结构
第２章介绍视觉传达含义传达程网页定义特点网页设计中视觉传达设计原方法
第３章重点分析三色幼园网站版式视觉效果首页前台页面台页面分析
第４章重点分析三色幼园网站色彩视觉效果色彩特性调法设计原方法进行分析企业网站色彩实现方案效果进行阐述
第５章分析三色幼园网站文字效果文字简洁性识性互联网传播分析设计实现
第６章总结部分文容观点进行总结提出研究足处局限性提出步研究方
第２章关视觉传达网页设计
２．１视觉传达
１视觉传达含义
五种感觉（视觉听觉嗅觉味觉触觉）中视觉正常状态认知环境事物程中担着重角色外界获信息量中７０％８０％视觉系统获通视觉媒介柬接受外部信息成类认知活动体视觉传达（ｖｉｓｕａｌＣｏｍｍｕｎｉｃａｔｉｏｎ）指通视觉符号发送接受外部信息质视觉信息传达根定义视觉符号传达两核心概念视觉符号指代代表某种特定事物信息媒介视觉系统认知符号视觉符号视觉符号实现信息存储记忆工具．表谜思想情感物质段例色彩作视觉符号表达某种特定信息红色代表喜庆绿色代表希紫色代表浪漫等具样功文字图形图等
视觉符号作信息载体具形式表现信息叙述信息传达功形式容统体美国符号学家艺术学家苏珊・朗格（ＳｕｓａｎｋＬａｎｇｅｒ）指出设计中符号作
验形式化种形式验客观呈现出供观逻辑直觉认知理解求设计中采视觉符号仅够完整明确指代信息容应具定身意义通验艺术造型方式束规划美化符号形象传达（Ｃｏｍｍｕｎｉｃａｔｉｏｎ）拉丁语中沟通予意思正符合传达基精神传达应包括发送方受方传达程发送方发出传达容成接受方接受容接受方收受时产生某种理解反应时接受方收受时成发送方反馈出新情报意见程相互丰富精神容程
２．１．２视觉传达程
现传达定义信息发送者利符号信息接受者传递特定信息程运设计中设计师利视觉符号浏览者传递信息浏览者通视觉信息作出反应决定思考进步行动程程设计师浏览者＂特定信息传达效果＂四素构成视觉选择性认知系统周围种程度刺激反应相复杂信息系统中视觉注意力会集中具强烈刺激性视觉符号然种刺激性视觉符号会引发种种生理心理反应视觉传达研究物质世界通视觉感心理生理产生作理方法视觉传达基础应建立发送者（ｔｒａｎｓｍｉｔｔｅｒ）——媒体（ｍｅｄｉａ）——接受者（ｒｅｃｅｉｖｅｒ）观念视觉传达程信息发送者说根传达目标设计思想设计概念转变视觉符号程概念视觉化程信息接收者说相反程视觉概念化程贯穿联结程信息发送者接收者间载体媒介
２．２网页定义特点
２．２．１网页定义
网页存放Ｗｂｅ服务器供客户机户浏览页面—－ＨＴＭＬ文档网页学名称作ＨＴＭＬ文件ＨＴＭＬ全称ＨｙｐｅｒＴｅｘｔＭａｒｋｕｐ Ｌａｎｇｕａｇｅ中文翻译超文标记语言种Ｉｎｔｅｍｅｔ传输浏览器认识翻译成页面显示出文件浏览器显示出想网页表现出样式必须ＨＴＭＬ语言加设定版式编排浏览器定位阅览ＨＴＭＬ文档程序网页包括基容：文字超链接图片声音影等等
２．２．２网页特点
１．具交互性
相文字印刷影视等媒体网络媒介独特性交互性运综合信息传递方式助视听触等方式获取更广泛资源网页超链接功户享高度控权选择真正需信息表达真正想表达意念作品重户通网页参加讨组聊天者进行电子商务活动等等例：户网某信息做出决定加入网络媒体中反成网络信息部分网络世界里信息传达发表少数报社出版商拥特权成信息消费者时信息出版者户仅仅信息接受者拥更选择参机会网页中交互性助满足众更性化信息日益增长需求满足户参性实现某种愿需求目标力
２．时效性强
时效性信息社会信息传达基求网页快捷传输速度充分体现着现代信息社会时效性然然许抱怨网络传输速度太慢相较传统传播媒介互联网信息传输迅速时然具明显优势时效性强优势报纸杂志制版印刷时广播电视期制作时通互联网发布信息早已传达户身边互联网迅速快捷网页信息传递提供前未传播捷径
３．更新时
网页发布终结果然电脑数字化形式出现信息堆减形式调整非常方便设计员全部网页传递机中编排色彩等做相应调整达视觉效果传达效应外网页信息传达具备交互性特点网页信息发布成断更新循环周期网页设计作品发布意味着设计结束网页设计员必须根户反馈信息网站阶段营目标配合网站时期营策略常网页进行定期定期调整修改
４．受时间域限制
网络信息托Ｉｎｔｅｍｅｔ信息旦进入互联网处时间空间受域时间限制网页生俱优势令传播媒介尘莫
５．信息反馈时准确互联网信息反馈通计数器留言电子信箱户踪系统完成相传统市场调查言种基数字技术信息反馈更加时
准确效全面
２．３网页设计中视觉传达设计原方法
２．３．１网页题明确鲜明突出
网页设计中首先解决问题题定位谓题网站题材定位网站题首先明确建立网站目网站建设者角度考虑方面应详细解网站受众群体基情况明确需确定网站者提供信息验网站全部信息必须根题进行选择鉴整理信息传达目性越明确针性越强传达成功率会越高网站题明确设计全程围绕题展开题做鲜明突出力求简洁点明确量简单明确语言画面告诉家站点题吸引站点需求视线普通户留定印象Ｉｎｅｔｍｅｔ行业网站千千万万浏览者常常走马观花带极富特色容翔实网页驻足阅读
２．３．２网页整体风格致形象统
网站题结构确定寻求适合表现形式做形式容统应体规划出：字体字体种类图片文字相互排列应位置标题文章段落齐方式导览钮文字超链接表现形式基设计蓝图页面拥前致设计风格设计页面时根页具体情况稍做修改形式统通页面构图文字色彩图运实现
２．３．３设计目明确形式鲜明
网页形式容服务身独立性艺术规律里指形式指网页设计版式构图布局色彩呈现出风格特点设计什形式网站应该明确设计目清晰网页设计形式网页设计目更体现传达网站信息更加形象直观更易户接受理解容网页形式表现：政府机构网页形式应简洁庄重体现机构特点商业网站根商品特征采取表现形式相政府机构严肃庄重特点活泼色彩更加丰富文化艺术类网站表现形式更注重性化表现
２．３．４信息时更新时
没时信息兴趣资料定注意时性更新互联网永恒变题印书面信息变户想新容果户次次相容会认站点永远更新会次访问该网站网页更新包括容形式两方面保持页面统性连续性
前提．常更新容变换新表现形式利引起新视觉刺激吸引更视觉注视增加访问量说网页量天发生新变化总新容出现究竟容更新重点意确定通分析调查访者数量关心容倾决定然更新容需醒目位置更新容简通知告诉户
第３章分析三色幼园网站版式视觉效果
３．１分析网站视觉效果
１．结构清晰
三色幼园网站整设计说较简单没装饰没复杂结构感觉清新明网站容目然会产生迷惑初三色幼园网站户完全理解进行操作会产生错误点十分重三色幼园网站户查找孩子校相关信息果网站设计做户感觉清楚明白话会造成户量流失没会希理解网站浪费太时间网络资源非常果网站前先学该网站结构相信少户会网站查找需资源选择放弃浏览该网站
２．性化设计
户线咨询说该公司性化设计特色许家商业公司性化设计体现商业特点开公司网站网站左边长列登录图标头公司重点产品孩子学号网站注册号需查找注册号户输入孩子学号点击面头应产品部门联系町页滚动页面变换变动户页面什方什页面遇问题相关责联系
３．吸引
推荐产品公司网站具独特吸引方首先简洁明快首页整页面蓝色作毛色调浏览时会种放松感整页面没花峭东西版块明确指导浏览者容容布置方面三色幼园
网站做样心力首页首先会吸引注意力三色幼园网站推荐产品版块整首页采图片点缀方式众图片中显十分抢眼版块动态展示——产品版块段时间币段回放产品亮点吸引户整首页体分栏布局十分简单明分栏区背景色分栏区开时背景颜色选取十分恰处没产生突兀感十分舒服容版式布局方面三色幼园网站做户方便～般网站模式分类放ｌｏｇｏ方户够直接解三色幼园网站全部容户卜分方便选择感兴趣版块进行浏览操作三色幼园网站户般浏览三色幼园网页中家宝贝相关资料三色幼园网站首页三色幼园网页中家宝贝资料分类列首页左侧导航栏首先浏览产生印象想获取家宝贝资料户三色幼园网页具独特吸引力：
（１）首页简洁明拖泥带水
（２）首页版块更新实时会存时信息停留户三色幼园网站首页信息新
（３）操作性化般户常操作三色幼园网站十分细心列首页左侧免三色幼园网站户层层寻找想进行操作余时间
（４）ＩＴ产品量较公司网站说ＩＴ产品量直接影响户少果户次网站中法找想资料会放弃该网站果网站中总找想资料果网站遇找户想信息户会放弃浏览该站ＩＴ产品量少户说十分重然该公司产品信息较信息全情况该网站需加强方分析三色幼园网站教育网站做功基满足三色幼园网站满足家长般需求接设计角度分析实现网站
３．２首页版式分析
版式指浏览器完整版面（包含框架层）显示器分辨率版面出现尺寸布局适合浏览方式图片文字排放版面位置网站性质容象等网页布局形式千差万基构图形式：版面次安排网站名称标识版面标题版面容脚注等
般版面左侧通常设置导航部分样做目方面提供版面链接方面减右部版面容区宽度行文字长度适合阅读然实际设计程中需根实际情况设定导航条位置中包括考虑户生理心理机限制版式布局模式企业网站般完成ｌ树立现代企业形象增值企业形资产２宣传企业创造销售机会３加强客户沟通宣传企业产品４通电子营销减少环节减少员节约费降低成利提高营销效率５利解顾客意见建立良顾客关系６利改善服务等功
３．２．１首页版式视觉传达理念分析
实现网站功根视觉传达理念符合户视觉路径般：左右视觉设计路径应该应样户惯然图视觉路径图非绝浏览惯异户惯视觉路径接触信息信息呈现方块式存：报纸书单字成点行字成线段字成面面然方形呈现效率高网站视觉设计部分实拼方块网站中方块引导户视觉路径户通区块分辨区域信息否需迅速缩范围细致寻找者浏览区块视线关注点连接成条完整路径视觉路径视觉路径形成类视觉特性决定．会体现出较明显方感整运动趋势旋律受生理结构限制眼产生焦点时视线停留两处更方做定序浏览观察心理学研究表明面半部轻松半部稳定压抑左半部轻松舒展右半部局限拘谨视觉惯左右视觉注意力部部强左侧右侧强样左部中部视佳视域优选方
1首页版式设计实现
基分析企业网站首页必须两站ＬＯＧＯ网址公司名产品客服行业信息等系列元素根元素属性相关性重性首先ＰＨＯＴＯＳＨＯＰ软件首页划分成方块方块完成信息分类信息分类更直观户需信息传递整网站视觉流程企业信息板块导航板块ＢＡＮＥＥＲ户板块产晶新闻扳块网站户部分样视觉流程户进企业网站企业ＬＯＧＯ企业名字接导航板块户立找感兴趣
板块栏目会户找感兴趣容离开阿站接ＢＡＮＥＥＲ般企业形象广告新品广告户板块产品新闻板块针网站老户老户熟悉网站会直奔题网站里容根首页功划分意图通ＤＲＥＡＭＷＥＡＶＥＲ网页设计软件制作出详细设计图３－１６示ＤｒｅａｒａＷｅａｖｅｒ酷网页设计软件包括视化编辑ＨＴＭＬ代码编辑软件包支持ＡｃｔｉｖｅＸＪａｖａＳｃｒｉｐｔＪａｖａＦｌａｓｈＳｈｏｃｋＷａｖｅ等特性
通拖拽头尾制作动态ＨＴＭＬ动画支持动态ＨＴＭＬ（ＤｙｎａｍｉｃＨＴＭＬ）设计页面没ｐｌｕｇ－ｉｎ够ＮｅｔｓｃａｐｅＩＥ ４．０浏览器中正确显示页面动画时提供动更新页面信息功ＤｒｅａｍＷｅａｖｅｒ采Ｒｏｕｎｄｔｒｉｐ ＨＴＭＬ技术项技术网页ＤｒｅａｍＷｅａｖｅｒＨＴＭＬ代码编辑器间进彳亍转换ＨＴＭＬ句法结构变样专业设计者改变原编辑惯时充分享受视化编辑带益处ＤｒｅａｍＷｅａｖｅｒ具挑战性生命力开放式设计项设计轻易扩展功网页效果蹦中视觉焦点标志企业团体概念化图案代表企业者行业团体形象特点造型简沾明视觉击力强网页设计中会出现显位置企业名称处网页设计中视觉版面重组成部分三色幼园网站标志放整版面面户进入网站首先企业标志视觉效果非常突出形成第视觉焦点产品展示栏动态显示引起户注意形成第二视觉焦点整版式视觉路径
2前台页面版式
前台页面产品页新闻页户页面等页面构成企业网站功功页面片ｊ户点击率高页面版式样式户网站整体视觉印象
１前台页面版式分析
视觉传选设计讲究设计表现性功性蒙征性功页面构成户网站整体视觉感受页面表现性统起片ｊ户统视觉感受
２前台版式设计实现产品页通ＤＲＥＡＭWＥＡⅦＲ网页设计软件制作出详细设计户页通ＤＲＥＡＭＷＥＡＶＥＲ网页设计软件制作出详细设计
3台页面版式网站台整网站进行日常维护日常更新等操作台登陆页产品理页新闻理页企业网站台理页面网站理员进行更新维护
１台页面版式分析
网站台网站前台需体现企业整体形象功复杂性版式设计实现网站快捷方便理关键台页面导航页理页整合ＤＥＦＡＵＬＴ．ＡＳＰ页面进入台进入Ⅲ面通导航页导航调理页图３—２６台页面板块划分理导航栏理页左右分布视觉路径左右符合众视觉刊惯方便网站理者网站理板块划分视觉路径引导
２台页面版式实现
台登陆页足网站理员登陆理页面窗口版面定位应简洁需做美化设汁——美化设计反影响网站响应速度简洁明晰设计反应速度更快方便理员登陆
台登陆页效果图产品理贝需类产品综合性理容繁复杂简洁明晰表格产品种容加区分实现网站理员产品快捷理
第４章三色幼园网站色彩
４．１教育网站色彩分析
色彩网页设计中占非常重位调适阅览者视觉心理引起注意手段网页设计通计算机实现考虑计算机色彩系统功计算机色彩系统中提供三原色红绿蓝通三种色光混合创造出千变万化富情趣引起视觉兴奋色彩达网页吸引注意传达信息赢客户目
４．１．１色彩特性
色彩直接心理效应色彩物理光刺激生理发生直接影响颜色影响脑电波脑电波红色反应警觉蓝色反应放松冷色暖色心理错觉色彩物理性分类颜色物质性印象致冷暖两色系产生冷色暖色温度感觉外会带感受例重量感湿度感等色彩身没灵魂种物理现象感受色彩情感长期生活色彩世界中积累着许视觉验旦知觉验外色彩刺激发生定呼应时会心理引出某种情绪红色强力色彩热烈动色彩代表热情活泼热闹温暖幸福吉祥橙色种富足快乐幸福色彩代表光明华丽兴奋甜蜜快乐黄色象征着亮黑暗智慧光象征着财富权利代
表明朗愉快高贵希绿色种宁静色彩代表新鲜静柔安逸青春蓝色博色彩永恒象征代表深永恒沉静理智诚实寒冷白色代表纯洁纯真朴素神圣明快灰色代表忧郁消极谦虚沉默中庸寂寞黑色代表崇高坚实严肃刚健粗莽
４．１．２网页色彩调基法
样调色彩调色彩基法：页面部分色彩定构成适色彩关系组成统色调表达某种情绪会风格样做点呢？确立调统率页面色彩关系页面色块时必须中块颜色面积明度位置色块善运原色善运金银黑白灰中性色进行缓解中烘托出题增加点会设计更趋协调拉开距离目次分开堆成堆觉讨厌方法：者面拉开者纯度明度削弱１．两色深浅２．时变化原明度３．纯度色鲜艳色朦胧４．时变化原纯度
４．１．３网页色彩设计存问题
开网站户留第印象网站丰富容网站合理版式布局网站色彩色彩视觉效果非常明显网站设计成功否某种程度取决设计者色彩运搭配网页设计属种面效果设计排立体图形动画效果外面图色彩击力强容易户留深刻印象设计网页时必须高度重视色彩搭配
目前网页种颜色网页效果起色彩丰富网页容设计者然风格颜色异图片文字等放页面初衷网页做更具视觉击力更具设计特点结果适反色彩度页面缺乏统协调感美感更直接结果种渡色彩包装干扰户浏览网页效率网页载速度外网页色彩没考虑视觉素制约采深色带丰富色彩图片作页面背景严重干扰户识信息体力网站采色彩没根相应网站信息性质设计样网站页面没独特风格鲜明性然会户留深刻印象
４．１．４网页色彩设计原方法
１．网页色彩设计原
色彩心理感觉情绪定关系根点设计网页时形成独特色彩效果浏览者留深刻印象色彩搭配项技术性工作时项艺术性强工作设计者设计网页时考虑网站身特点外遵循定艺术规律设计出色彩鲜明性格独特网站
（１）特色鲜明
网站色必须独特风格样显性鲜明浏览者留深刻印象
（２）搭配合理
说色彩采符合相应网站容女性网站采柔色彩等网页设计遵艺术规律时考虑生理特点色彩搭配定合理种谐愉快感觉避免采纯度高单色彩样容易造成视觉疲劳
（３）讲究艺术性
网站色彩采体现设计艺术特点体现网站文化涵网站设计种艺术活动必须遵循艺术规律考虑网站身特点时容决定形式原胆进行艺术创新设计出符合网站求定艺术特色网站
２．网页色彩设计基方法
选择适合网站性质色彩成功推出优秀网页设计作品
（１）网页中单色
网站设计避免采单色彩免产生单调感觉通调整色彩饱度透明度产生变化网站避免单调外黑色种特殊颜色果恰厂设计合理产生强烈艺术效果
（２）网页中邻色
谓邻色色带相邻颜色例绿色蓝色红色黄色互邻色采邻色设计网页网页避免色彩杂乱易达页面谐统
（３）网页中色
色突出重点产生强烈视觉效果通合理色够网站特色鲜明重点突出设计时般种颜色色调色作点缀起画龙点睛作
（４）网页中背景色
背景色般采素淡清雅色彩避免采花纹复杂图片纯度高色彩作背景色时背景色文字色彩强烈
（５）网页中色彩数量
网站色越越般控制三种色彩通调整色彩种属性产生变化
４．２教育网站设计实现
４．２．１教育网站色求
教育网站色问题实概前时候企业蓝色蓝色象征深邃理性商业合作值信赖感时蓝色身容易视觉带疲劳便长时间浏览蓝色普遍现着越越类似企业网站涌现企业更关注身文化理念价值产品类型风格性教育网站色越越丰富：象征活力热情红色开放性橙色高贵深邃黑色…样颜色教育网站采纳总够传达教育教育价值理念颜色该网站佳颜色学校ＶＩ标注色种网站标新立异改变学校ＶＩ然企业网站色求显然种风格满足吸引惯类企业网站户求设计种颜色风格通网站台实现网站颜色风格改变
２企业网站色实现方案
企业网站色方案变ＣＳＳ优势ＣＳＳ采导入形式效网页减肥提高网页访问速度网站访问速度提高容表现分离ＣＳＳ网页容（ＸＨＭＴＬ）表现分开表现统网页表现非常统容易修改时ＣＳＳ减少网页代码量增加网页浏览速度减少硬盘容量列三色幼园配色台理方案通种方式网站理者通配色模板实现线修改整网站色彩视觉效果满足企业网站时期色彩搭配需求满足户时期心理需求防止审美疲劳
表４ｌ配色模板理表
配色模板理
理导航：
配色模板理酋页ｌ添加配色模板Ｉ配色模板导出ｌ配色楼板导入
模板说明：
红色说明站站已ＣＳＳ
选拌模板名称效果图模板类型操作
黄色系统提供修改模板设置浅绿系统提供修改模板设置灰色系统提供修改模板设置橙色系统提供修改模板设置蓝色系统提供修改模板设置浅灰系统提供修改模板设置黄色系统提供修改模板设置淡红系统提供修改模板设置绿色修改模板啦置
淡绿系统提供修改模板设置青色系统提供修改模版设置黑色系统捉供系统提供修改模扳设置
３三色幼园网站色效果
三色幼园重庆区家知名幼园拥种教育模式该公司网站展示孩子成长信息时维护老师家长沟通交流台网页发布终结果然电脑数字化形式出现信息堆减形式调整非常方便设计员全部网页传递机中色彩等做相应调整达视觉效果传达效应
外网页信息传达具备交互性特点网页信息发展成断更新循环周期网页设计作品发布意味着设计结束网页设计员必须根户反馈信息网站阶段教学目标配合网站教育教学策略常网页进行定期定期调整修改根教师家长需求．设计出符合孩子色彩方案根需州更换色彩效果满足家长样化需求
类似色相较类色色彩间搭配度颜色丰富富变化页面取色环中橙色橙色通明度纯度面积实现变化统然色调橙色页面中面积明度非常高饱度降低页面中处明显角色绿色纯度高面积次页面显示较显眼次级导航位置整页面次视觉引导分明种色调极显眼位置通常扮演着突出体辅助性配角重角色页面中份量极少起突出体作
谓辐色调点暗色
种色称稳妥色彩搭配方法感觉相协调通常出入色调里通明度黑白灰者纯度束硝微加区产生极微妙韵律美止整页面呈现单调淡页加入极葜构颜色做点缀该页面种色系氅橙色色调色相橙色通明度纯度微妙变化产生缓节奏美感
网站色彩效果分三种
色调
辅色调点暗色
背景色
该网页背景纯白效果增加视觉空间感导航栏容区域信息板块标题块技术手法表达产生孩子简洁方视觉效果统整页面设计语言区网站页面性体现达印象深刻目纯色够柔视觉增强空间感体现节奏韵律美感统整页面目统然起变化页面视觉形式作该设计语言做需时候适
第５章网站文字
５．１网站文字分析
网站文字分析否认现网页设计传递信息文字网页中占重文字避免图片色彩时产生传递信息明引发歧义现象佳直观传达方式浏览者利方便接受信息网页中文字两种类型：具提示引导功文字网页中标题广告栏目名称等种篇幅较长阅读性材料说明性文字网络文章正文题容详细说明等功前者诱发视觉关注者强调易读性设计前定弄清文字功信息传达目效实现网站说字整网站容中占８０％甚更者换角度说网站没颜色没图片唯独没文字先网站外中文字体设计英文正文字体选择中文正文字总说两种：宋体黑体传统版式设计中设计师喜欢做英文排版什？视觉英文组合容易形成线面关系字母节奏感ａｂｙ三字母放起高矮区中文字相说单调孤立流畅企业网站字体设计相网站字体设计应考虑企业ＶＩ系统字体设计更户企业产生更生视觉形象
企业ＶＩ字体般系统显示标准字体企业网站文字导性标题链接栏目等做成图片网站容性文字通ＣＳＳ实现网站户体验高低页面元素设计决定表单网页文字功等网页文字网页中占分量素设计坏直接整页面表现说网页文字优化整网站户体验基础点
５．１．１．文字简洁性
文章信息减面例子您联系名单中没联系请先添加联系改立添加联系样文字减少增强画面简洁性户操作起日然
２．文章段落量控制四行果段容太肯定会消户决心分段提高户浏览欲方法
３．保持字体致性会黑体会宋体等字体太利户浏览会整页面感觉混乱文字字体统结果会导致画面混乱太长字数控制１０００字左右户网般浏览式应该量户快速浏览时抓住网页体容
２文字识性
考虑目标户知识水目标群知识水设计文字容果网页文字面数入门级户文字应该量直白专业名词ｓＰ常目标客户入门级户网站搞特殊文字户明白什意思出现国家文字行业语言等关注户行方式．网络热门语言台湾网络网路陆样会户认新名词确实专业术语．提供链接户点击进解该专业术语概念等
５．２整体网站效果
整体效果图521图示
第６章总结
网页产生现短短十年时间里发展速度惊发展中网页然避免存种样问题弊端包括许方面（功形式审美文化等等）文网页中视觉信息传达入手站接受者角度重点讨研究提高视觉信息传递效率问题信息效传递研究涉许领域学科相关知识仅仅视觉审美方面形式研究更需结合心理机制相关容进行分析然网页设计程中符号学信息学相关理支持必少
文做方面工作：
１．通国外网页设计调查分析提出目前网页设计尤国网页中存问题
信息传递低效网页功（传递信息）模糊造成量设计资源浪费网户时间精力损耗
２．结合设计实例分析存问题具体体现原提出理做出终效果方案
３．理原指导探讨提高网页中视觉信息传达效率更合理效设计原方法基网络视觉传达设计着诸优势十全十美设计样网络视觉传达设计种羁绊设计局限性：
１．动点选
网络交互特性众选择浏览容网容极丰富众着宽松选择余网络媒体种动点选没传统媒体强迫性阅读特点种优势时说种局限
２．版式局限
网页作互联网媒体具体页面相书页受计算机显示器局限设计版式创意受制空间设计倒足书籍设计相仿然面空间受局限网络正处断发展中数变数探索发现
３．技术局限
艺术技术关系设计领域存崭新基网络载体视觉传达设计中文字图形影等视觉传达设计基元素网络体现传统媒体局限性更网络信息传输量受硬件限制网络视觉传达设计元素应量做精然网页设计中视觉传达设计许足作种新视觉表现形式短时间迅速发展起兼容传统面设计特征具备没优势信息交流非常重途径
参考文献
［１］刘吉昆玮设计艺术概北京：清华学出版社２００４
［２］冯军网络视觉传达探讨科技情报开发济２００５１５（１４）
［３］［法］罗兰・巴特符号学美学董学文王葵译沈阳：辽宁民出版社１９８７
［４］董天策传播学导成：四川学出版社１９９５
［５］张继渝设计色彩重庆：重庆学出版社２００２
［６］张宪荣设计符号学北京：化学工业出版社２００４
［７］东美红视觉传达基础设计广州：岭南美术出版社１９９８
［８］徐坷苗彤赵晖网页・视觉设计北京：民邮电出版社２００１
［９］聂森网页设计中面视觉传达分析吉林商业高等专科学校学报２００４４
［１０］沈晓丽版式设计信息传达装饰２００４３
［１１］王汀版式构成广州：广东民出版社２０００
［１２］丘星星视觉传达设计心理福州：福建美术出版社２０００
［１３］幻鲁开疆视觉传达设计流程安徽：安徽美术出版社１９９５
［１４］王日芬丁晟春等
［１ ５］齐丽娟电子商务网站设计理．北京：北京学出版２００２
致谢
文完成际回想两年学生活中衷心感谢导师XXXX老师正直诚恳关爱学生学术深厚理素养渊博知识严谨治学态度极感染想切会感动铭记受益终身研究生阶段老师专业学课题研究文选题撰写极关注悉心指导谨致诚挚敬意衷心感谢
感谢成长程中予帮助老师朋友学
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
XX市高教考科毕业文
视觉传达网页设计中运研究
准考证号：
指导教师姓名 职称 讲师
考 生 单 位 XX职业技术学院
邮 编 电话
专 业 名 称 数字媒体艺术
文提交日期 文答辩日期
考 单 位 XX学
20XX年 X月 X日
目录
第１章绪 1
１．１研究背景意义 1
１．２研究现状发展趋势 3
１．３解决问题创新点 3
１．４文组织结构 4
第２章关视觉传达网页设计 4
２．１视觉传达 4
２．２网页定义特点 5
２．３网页设计中视觉传达设计原方法 7
第３章分析三色幼园网站版式视觉效果 8
３．１分析网站视觉效果 8
３．２首页版式分析 9
第４章三色幼园网站色彩 12
４．１教育网站色彩分析 12
４．２教育网站设计实现 15
第５章网站文字 17
５．１网站文字分析 17
５．２整体网站效果 19
第６章总结 19
参考文献 20
致谢 21
视觉传达网页设计中运研究
摘：科技信息高速发展２１世纪网络作高科技信息交互式媒介产物成类生活中缺重连接纽带数字技术发展成网络桥梁产生网络化传播系统网络成继报纸广播电视第四媒介着时代发展网站建设越越接艺术仅仅项技术网页艺术设计日益网站建设者注重视觉传达设计指利视觉符号传递种信息设计设计师信息发送者传达象信息接受简称视觉设计视觉传达包括．视觉符号传达两基概念网页设计种建立新型媒体新型设计具强视觉效果互动性互操作性受众面广等媒体具特点成功网页设计首先观念确立动态思维方式次效艺术性引入网页设计中加浏览网页兴趣文解决视觉传达念运网页设计中通网页设计中版式首页前台台页面进行分析企业网站色彩需求色彩特性调法设计原方法进行分析文字简洁性识性互联网传播性分析导航前台台两方面分加分析运设计学心理学传播学美学等方法艺术素进行分析基础结合湖科技网站案例艺术技术角度出发出网页设计方案根网页设计分析网站实例实现程总结实现技术特点般步骤注意问题结合网页设计中动态网页技术满足户视觉惯视觉心理易操作性等方面样化需求试图探索条艺术技术高度相结合道路
关键字：视觉传达网页设计运分析
第１章绪
１．１研究背景意义
计算机网络技术出现毫疑问改变世界改变类生活方式互联网出现促成网络济形成尤电子商务概念化走实化程中更起决定性作熟悉网络说网页出现似久前事情认真追溯实际现止十年时间整发展程中网络技术惊速度发展变化网页设计全新设计领域门新兴设计网络交叉学科继承传统设计概念部分独特性格涉范畴仅包括传统视觉传达设计更包括信息设计交互设计感观设计等等网页中信息传递种全新方式—超媒体形式传播相较传统传播媒体着身独特优势：超媒体仅传统媒体样传播文字静态图
更够传播动态图形甚视频声频等信息次读者浏览信息程中相较传统媒体单浏览序超媒体户提供性外读者接受信息程中超媒体坏境运操作工具参创造信息接受活动种互动优势传统媒体拟
网页种新信息载体出现设计者提供新设计课题时提供新设计空问着网络商业行广泛接受越越网民参进网络目越越元化网页设计着更成熟方发展设计理念网页已初纯粹卖式’’商业简介逐渐发展更注重性化网页设计风格体现商业文化涵网页制作技术更注重操作性功性读性提高越越网页设计作品出现视野生活信息社会样天接触信息够更加快速传递出效接受理解非常关心问题网页作新信息载体更承载着样务年着网络发展网页身网络载体种信息快捷方便方式传达受众美追求断深入网页设计样审美角度考虑更更效传达网页信息户留更印象提高网站访问数量促进网站良运作目前网页重发展趋势然目前针网页设计中信息传递识性便捷性研究成果实践验够成功吸收应成果网页设计作品见然设计师通种手段提高网页中信息传达性掉余图提高速度等信息类放合适栏目信息应该样形式表现信息标题应该设计张页面信息量确定页面文字色彩版式导航设计等等影响信息递效果重素
统计数发现户网络需求具层次特点网络服务求断提高网户获取方面信息学新技术目信息流量更新时浏览速度快服务性化网站受户欢迎外目前商业网站发展速度非常快网站更新意识断加强存着巨潜需求着网站建设技术难度降低户提供传达更具价值信息吸引更户成网站间竞争容网页中扮演着重角
色
１．２研究现状发展趋势
网页设计门新兴设计类网络交叉学科年着网络发展逐渐受重视身网络载体种信息快捷方便方式传达受众种标准求逐步产生审美需求美追求断深入网页设计样网页光种东西放行远远够考虑受众更更效率接收网页信息需审美方面入手制作出清晰整体性页面浏览起心情愉快接收信息会更加容易网页设计历早简单文数等字符组成显示界面功第审美原发展追求创意风格表现现代网页设计目标中Ｎ格（ｓｔｙｌｅ）形成词词典解释气度作风某期流行种艺术形式＂具体网页设计基础网页设计师风格运掌握手段包括拥审美素质应软件力感受生活敏锐觉察力建立起独特设计形式独特作风国网页设计整体水提高新兴职业形成着必然关系专业艺术设计员转型进入网络领域视觉设计提升网页视觉创意精美表现网页设计求设计员应该具备全面科学文素养全面系统专业知识结构全新认知判断方式更需具备设计艺术创造现量网站建设网页设计出国网页设计处发展提高阶段国际专业网页设计标准然存差距网页设计方法研究理探索总结出套适合国特色继承中华文化底蕴视觉审美标准国际接轨网页设计学科方法仅提高网页设计水时提高网络相关设计产业样具相重现实意义
１．３解决问题创新点
企业网站视觉传达效果建立网页设计基础成功企业网站严格意义讲网站仅代表企业精神面貌形象更担负着宣传品牌开拓市场重样造出成功企业网站昵？网站身结构容等方面需精益求精种吸引力外改进方法评判标准文解决视觉传达理念运网页设计中通网页设中版式布局导航安排文字设计色彩搭配等加阐述运设计学心理学传播学美学等方法艺术素进行分析基础结合湖科技网站案例艺术技术角度出发结合机界面评估知识出网页设计方案根网页设计分析网站实例实现程总结实现技术特点般步骤注意问题文创新处传统视觉传达设计艺术审美原创作思维手段出发网站版式色彩文字导航等方面加阐述结合网页设计中动态网页技术满
足户视觉惯视觉心理易操作性等方面样化需求试图探索条艺术技术高度相结合道路实践层面思考应性较强具定创新处
１．４文组织结构
第1章绪介绍文章研究背景意义研究现状发展趋势文解决问题创新点文组织结构
第２章介绍视觉传达含义传达程网页定义特点网页设计中视觉传达设计原方法
第３章重点分析三色幼园网站版式视觉效果首页前台页面台页面分析
第４章重点分析三色幼园网站色彩视觉效果色彩特性调法设计原方法进行分析企业网站色彩实现方案效果进行阐述
第５章分析三色幼园网站文字效果文字简洁性识性互联网传播分析设计实现
第６章总结部分文容观点进行总结提出研究足处局限性提出步研究方
第２章关视觉传达网页设计
２．１视觉传达
１视觉传达含义
五种感觉（视觉听觉嗅觉味觉触觉）中视觉正常状态认知环境事物程中担着重角色外界获信息量中７０％８０％视觉系统获通视觉媒介柬接受外部信息成类认知活动体视觉传达（ｖｉｓｕａｌＣｏｍｍｕｎｉｃａｔｉｏｎ）指通视觉符号发送接受外部信息质视觉信息传达根定义视觉符号传达两核心概念视觉符号指代代表某种特定事物信息媒介视觉系统认知符号视觉符号视觉符号实现信息存储记忆工具．表谜思想情感物质段例色彩作视觉符号表达某种特定信息红色代表喜庆绿色代表希紫色代表浪漫等具样功文字图形图等
视觉符号作信息载体具形式表现信息叙述信息传达功形式容统体美国符号学家艺术学家苏珊・朗格（ＳｕｓａｎｋＬａｎｇｅｒ）指出设计中符号作
验形式化种形式验客观呈现出供观逻辑直觉认知理解求设计中采视觉符号仅够完整明确指代信息容应具定身意义通验艺术造型方式束规划美化符号形象传达（Ｃｏｍｍｕｎｉｃａｔｉｏｎ）拉丁语中沟通予意思正符合传达基精神传达应包括发送方受方传达程发送方发出传达容成接受方接受容接受方收受时产生某种理解反应时接受方收受时成发送方反馈出新情报意见程相互丰富精神容程
２．１．２视觉传达程
现传达定义信息发送者利符号信息接受者传递特定信息程运设计中设计师利视觉符号浏览者传递信息浏览者通视觉信息作出反应决定思考进步行动程程设计师浏览者＂特定信息传达效果＂四素构成视觉选择性认知系统周围种程度刺激反应相复杂信息系统中视觉注意力会集中具强烈刺激性视觉符号然种刺激性视觉符号会引发种种生理心理反应视觉传达研究物质世界通视觉感心理生理产生作理方法视觉传达基础应建立发送者（ｔｒａｎｓｍｉｔｔｅｒ）——媒体（ｍｅｄｉａ）——接受者（ｒｅｃｅｉｖｅｒ）观念视觉传达程信息发送者说根传达目标设计思想设计概念转变视觉符号程概念视觉化程信息接收者说相反程视觉概念化程贯穿联结程信息发送者接收者间载体媒介
２．２网页定义特点
２．２．１网页定义
网页存放Ｗｂｅ服务器供客户机户浏览页面—－ＨＴＭＬ文档网页学名称作ＨＴＭＬ文件ＨＴＭＬ全称ＨｙｐｅｒＴｅｘｔＭａｒｋｕｐ Ｌａｎｇｕａｇｅ中文翻译超文标记语言种Ｉｎｔｅｍｅｔ传输浏览器认识翻译成页面显示出文件浏览器显示出想网页表现出样式必须ＨＴＭＬ语言加设定版式编排浏览器定位阅览ＨＴＭＬ文档程序网页包括基容：文字超链接图片声音影等等
２．２．２网页特点
１．具交互性
相文字印刷影视等媒体网络媒介独特性交互性运综合信息传递方式助视听触等方式获取更广泛资源网页超链接功户享高度控权选择真正需信息表达真正想表达意念作品重户通网页参加讨组聊天者进行电子商务活动等等例：户网某信息做出决定加入网络媒体中反成网络信息部分网络世界里信息传达发表少数报社出版商拥特权成信息消费者时信息出版者户仅仅信息接受者拥更选择参机会网页中交互性助满足众更性化信息日益增长需求满足户参性实现某种愿需求目标力
２．时效性强
时效性信息社会信息传达基求网页快捷传输速度充分体现着现代信息社会时效性然然许抱怨网络传输速度太慢相较传统传播媒介互联网信息传输迅速时然具明显优势时效性强优势报纸杂志制版印刷时广播电视期制作时通互联网发布信息早已传达户身边互联网迅速快捷网页信息传递提供前未传播捷径
３．更新时
网页发布终结果然电脑数字化形式出现信息堆减形式调整非常方便设计员全部网页传递机中编排色彩等做相应调整达视觉效果传达效应外网页信息传达具备交互性特点网页信息发布成断更新循环周期网页设计作品发布意味着设计结束网页设计员必须根户反馈信息网站阶段营目标配合网站时期营策略常网页进行定期定期调整修改
４．受时间域限制
网络信息托Ｉｎｔｅｍｅｔ信息旦进入互联网处时间空间受域时间限制网页生俱优势令传播媒介尘莫
５．信息反馈时准确互联网信息反馈通计数器留言电子信箱户踪系统完成相传统市场调查言种基数字技术信息反馈更加时
准确效全面
２．３网页设计中视觉传达设计原方法
２．３．１网页题明确鲜明突出
网页设计中首先解决问题题定位谓题网站题材定位网站题首先明确建立网站目网站建设者角度考虑方面应详细解网站受众群体基情况明确需确定网站者提供信息验网站全部信息必须根题进行选择鉴整理信息传达目性越明确针性越强传达成功率会越高网站题明确设计全程围绕题展开题做鲜明突出力求简洁点明确量简单明确语言画面告诉家站点题吸引站点需求视线普通户留定印象Ｉｎｅｔｍｅｔ行业网站千千万万浏览者常常走马观花带极富特色容翔实网页驻足阅读
２．３．２网页整体风格致形象统
网站题结构确定寻求适合表现形式做形式容统应体规划出：字体字体种类图片文字相互排列应位置标题文章段落齐方式导览钮文字超链接表现形式基设计蓝图页面拥前致设计风格设计页面时根页具体情况稍做修改形式统通页面构图文字色彩图运实现
２．３．３设计目明确形式鲜明
网页形式容服务身独立性艺术规律里指形式指网页设计版式构图布局色彩呈现出风格特点设计什形式网站应该明确设计目清晰网页设计形式网页设计目更体现传达网站信息更加形象直观更易户接受理解容网页形式表现：政府机构网页形式应简洁庄重体现机构特点商业网站根商品特征采取表现形式相政府机构严肃庄重特点活泼色彩更加丰富文化艺术类网站表现形式更注重性化表现
２．３．４信息时更新时
没时信息兴趣资料定注意时性更新互联网永恒变题印书面信息变户想新容果户次次相容会认站点永远更新会次访问该网站网页更新包括容形式两方面保持页面统性连续性
前提．常更新容变换新表现形式利引起新视觉刺激吸引更视觉注视增加访问量说网页量天发生新变化总新容出现究竟容更新重点意确定通分析调查访者数量关心容倾决定然更新容需醒目位置更新容简通知告诉户
第３章分析三色幼园网站版式视觉效果
３．１分析网站视觉效果
１．结构清晰
三色幼园网站整设计说较简单没装饰没复杂结构感觉清新明网站容目然会产生迷惑初三色幼园网站户完全理解进行操作会产生错误点十分重三色幼园网站户查找孩子校相关信息果网站设计做户感觉清楚明白话会造成户量流失没会希理解网站浪费太时间网络资源非常果网站前先学该网站结构相信少户会网站查找需资源选择放弃浏览该网站
２．性化设计
户线咨询说该公司性化设计特色许家商业公司性化设计体现商业特点开公司网站网站左边长列登录图标头公司重点产品孩子学号网站注册号需查找注册号户输入孩子学号点击面头应产品部门联系町页滚动页面变换变动户页面什方什页面遇问题相关责联系
３．吸引
推荐产品公司网站具独特吸引方首先简洁明快首页整页面蓝色作毛色调浏览时会种放松感整页面没花峭东西版块明确指导浏览者容容布置方面三色幼园
网站做样心力首页首先会吸引注意力三色幼园网站推荐产品版块整首页采图片点缀方式众图片中显十分抢眼版块动态展示——产品版块段时间币段回放产品亮点吸引户整首页体分栏布局十分简单明分栏区背景色分栏区开时背景颜色选取十分恰处没产生突兀感十分舒服容版式布局方面三色幼园网站做户方便～般网站模式分类放ｌｏｇｏ方户够直接解三色幼园网站全部容户卜分方便选择感兴趣版块进行浏览操作三色幼园网站户般浏览三色幼园网页中家宝贝相关资料三色幼园网站首页三色幼园网页中家宝贝资料分类列首页左侧导航栏首先浏览产生印象想获取家宝贝资料户三色幼园网页具独特吸引力：
（１）首页简洁明拖泥带水
（２）首页版块更新实时会存时信息停留户三色幼园网站首页信息新
（３）操作性化般户常操作三色幼园网站十分细心列首页左侧免三色幼园网站户层层寻找想进行操作余时间
（４）ＩＴ产品量较公司网站说ＩＴ产品量直接影响户少果户次网站中法找想资料会放弃该网站果网站中总找想资料果网站遇找户想信息户会放弃浏览该站ＩＴ产品量少户说十分重然该公司产品信息较信息全情况该网站需加强方分析三色幼园网站教育网站做功基满足三色幼园网站满足家长般需求接设计角度分析实现网站
３．２首页版式分析
版式指浏览器完整版面（包含框架层）显示器分辨率版面出现尺寸布局适合浏览方式图片文字排放版面位置网站性质容象等网页布局形式千差万基构图形式：版面次安排网站名称标识版面标题版面容脚注等
般版面左侧通常设置导航部分样做目方面提供版面链接方面减右部版面容区宽度行文字长度适合阅读然实际设计程中需根实际情况设定导航条位置中包括考虑户生理心理机限制版式布局模式企业网站般完成ｌ树立现代企业形象增值企业形资产２宣传企业创造销售机会３加强客户沟通宣传企业产品４通电子营销减少环节减少员节约费降低成利提高营销效率５利解顾客意见建立良顾客关系６利改善服务等功
３．２．１首页版式视觉传达理念分析
实现网站功根视觉传达理念符合户视觉路径般：左右视觉设计路径应该应样户惯然图视觉路径图非绝浏览惯异户惯视觉路径接触信息信息呈现方块式存：报纸书单字成点行字成线段字成面面然方形呈现效率高网站视觉设计部分实拼方块网站中方块引导户视觉路径户通区块分辨区域信息否需迅速缩范围细致寻找者浏览区块视线关注点连接成条完整路径视觉路径视觉路径形成类视觉特性决定．会体现出较明显方感整运动趋势旋律受生理结构限制眼产生焦点时视线停留两处更方做定序浏览观察心理学研究表明面半部轻松半部稳定压抑左半部轻松舒展右半部局限拘谨视觉惯左右视觉注意力部部强左侧右侧强样左部中部视佳视域优选方
1首页版式设计实现
基分析企业网站首页必须两站ＬＯＧＯ网址公司名产品客服行业信息等系列元素根元素属性相关性重性首先ＰＨＯＴＯＳＨＯＰ软件首页划分成方块方块完成信息分类信息分类更直观户需信息传递整网站视觉流程企业信息板块导航板块ＢＡＮＥＥＲ户板块产晶新闻扳块网站户部分样视觉流程户进企业网站企业ＬＯＧＯ企业名字接导航板块户立找感兴趣
板块栏目会户找感兴趣容离开阿站接ＢＡＮＥＥＲ般企业形象广告新品广告户板块产品新闻板块针网站老户老户熟悉网站会直奔题网站里容根首页功划分意图通ＤＲＥＡＭＷＥＡＶＥＲ网页设计软件制作出详细设计图３－１６示ＤｒｅａｒａＷｅａｖｅｒ酷网页设计软件包括视化编辑ＨＴＭＬ代码编辑软件包支持ＡｃｔｉｖｅＸＪａｖａＳｃｒｉｐｔＪａｖａＦｌａｓｈＳｈｏｃｋＷａｖｅ等特性
通拖拽头尾制作动态ＨＴＭＬ动画支持动态ＨＴＭＬ（ＤｙｎａｍｉｃＨＴＭＬ）设计页面没ｐｌｕｇ－ｉｎ够ＮｅｔｓｃａｐｅＩＥ ４．０浏览器中正确显示页面动画时提供动更新页面信息功ＤｒｅａｍＷｅａｖｅｒ采Ｒｏｕｎｄｔｒｉｐ ＨＴＭＬ技术项技术网页ＤｒｅａｍＷｅａｖｅｒＨＴＭＬ代码编辑器间进彳亍转换ＨＴＭＬ句法结构变样专业设计者改变原编辑惯时充分享受视化编辑带益处ＤｒｅａｍＷｅａｖｅｒ具挑战性生命力开放式设计项设计轻易扩展功网页效果蹦中视觉焦点标志企业团体概念化图案代表企业者行业团体形象特点造型简沾明视觉击力强网页设计中会出现显位置企业名称处网页设计中视觉版面重组成部分三色幼园网站标志放整版面面户进入网站首先企业标志视觉效果非常突出形成第视觉焦点产品展示栏动态显示引起户注意形成第二视觉焦点整版式视觉路径
2前台页面版式
前台页面产品页新闻页户页面等页面构成企业网站功功页面片ｊ户点击率高页面版式样式户网站整体视觉印象
１前台页面版式分析
视觉传选设计讲究设计表现性功性蒙征性功页面构成户网站整体视觉感受页面表现性统起片ｊ户统视觉感受
２前台版式设计实现产品页通ＤＲＥＡＭWＥＡⅦＲ网页设计软件制作出详细设计户页通ＤＲＥＡＭＷＥＡＶＥＲ网页设计软件制作出详细设计
3台页面版式网站台整网站进行日常维护日常更新等操作台登陆页产品理页新闻理页企业网站台理页面网站理员进行更新维护
１台页面版式分析
网站台网站前台需体现企业整体形象功复杂性版式设计实现网站快捷方便理关键台页面导航页理页整合ＤＥＦＡＵＬＴ．ＡＳＰ页面进入台进入Ⅲ面通导航页导航调理页图３—２６台页面板块划分理导航栏理页左右分布视觉路径左右符合众视觉刊惯方便网站理者网站理板块划分视觉路径引导
２台页面版式实现
台登陆页足网站理员登陆理页面窗口版面定位应简洁需做美化设汁——美化设计反影响网站响应速度简洁明晰设计反应速度更快方便理员登陆
台登陆页效果图产品理贝需类产品综合性理容繁复杂简洁明晰表格产品种容加区分实现网站理员产品快捷理
第４章三色幼园网站色彩
４．１教育网站色彩分析
色彩网页设计中占非常重位调适阅览者视觉心理引起注意手段网页设计通计算机实现考虑计算机色彩系统功计算机色彩系统中提供三原色红绿蓝通三种色光混合创造出千变万化富情趣引起视觉兴奋色彩达网页吸引注意传达信息赢客户目
４．１．１色彩特性
色彩直接心理效应色彩物理光刺激生理发生直接影响颜色影响脑电波脑电波红色反应警觉蓝色反应放松冷色暖色心理错觉色彩物理性分类颜色物质性印象致冷暖两色系产生冷色暖色温度感觉外会带感受例重量感湿度感等色彩身没灵魂种物理现象感受色彩情感长期生活色彩世界中积累着许视觉验旦知觉验外色彩刺激发生定呼应时会心理引出某种情绪红色强力色彩热烈动色彩代表热情活泼热闹温暖幸福吉祥橙色种富足快乐幸福色彩代表光明华丽兴奋甜蜜快乐黄色象征着亮黑暗智慧光象征着财富权利代
表明朗愉快高贵希绿色种宁静色彩代表新鲜静柔安逸青春蓝色博色彩永恒象征代表深永恒沉静理智诚实寒冷白色代表纯洁纯真朴素神圣明快灰色代表忧郁消极谦虚沉默中庸寂寞黑色代表崇高坚实严肃刚健粗莽
４．１．２网页色彩调基法
样调色彩调色彩基法：页面部分色彩定构成适色彩关系组成统色调表达某种情绪会风格样做点呢？确立调统率页面色彩关系页面色块时必须中块颜色面积明度位置色块善运原色善运金银黑白灰中性色进行缓解中烘托出题增加点会设计更趋协调拉开距离目次分开堆成堆觉讨厌方法：者面拉开者纯度明度削弱１．两色深浅２．时变化原明度３．纯度色鲜艳色朦胧４．时变化原纯度
４．１．３网页色彩设计存问题
开网站户留第印象网站丰富容网站合理版式布局网站色彩色彩视觉效果非常明显网站设计成功否某种程度取决设计者色彩运搭配网页设计属种面效果设计排立体图形动画效果外面图色彩击力强容易户留深刻印象设计网页时必须高度重视色彩搭配
目前网页种颜色网页效果起色彩丰富网页容设计者然风格颜色异图片文字等放页面初衷网页做更具视觉击力更具设计特点结果适反色彩度页面缺乏统协调感美感更直接结果种渡色彩包装干扰户浏览网页效率网页载速度外网页色彩没考虑视觉素制约采深色带丰富色彩图片作页面背景严重干扰户识信息体力网站采色彩没根相应网站信息性质设计样网站页面没独特风格鲜明性然会户留深刻印象
４．１．４网页色彩设计原方法
１．网页色彩设计原
色彩心理感觉情绪定关系根点设计网页时形成独特色彩效果浏览者留深刻印象色彩搭配项技术性工作时项艺术性强工作设计者设计网页时考虑网站身特点外遵循定艺术规律设计出色彩鲜明性格独特网站
（１）特色鲜明
网站色必须独特风格样显性鲜明浏览者留深刻印象
（２）搭配合理
说色彩采符合相应网站容女性网站采柔色彩等网页设计遵艺术规律时考虑生理特点色彩搭配定合理种谐愉快感觉避免采纯度高单色彩样容易造成视觉疲劳
（３）讲究艺术性
网站色彩采体现设计艺术特点体现网站文化涵网站设计种艺术活动必须遵循艺术规律考虑网站身特点时容决定形式原胆进行艺术创新设计出符合网站求定艺术特色网站
２．网页色彩设计基方法
选择适合网站性质色彩成功推出优秀网页设计作品
（１）网页中单色
网站设计避免采单色彩免产生单调感觉通调整色彩饱度透明度产生变化网站避免单调外黑色种特殊颜色果恰厂设计合理产生强烈艺术效果
（２）网页中邻色
谓邻色色带相邻颜色例绿色蓝色红色黄色互邻色采邻色设计网页网页避免色彩杂乱易达页面谐统
（３）网页中色
色突出重点产生强烈视觉效果通合理色够网站特色鲜明重点突出设计时般种颜色色调色作点缀起画龙点睛作
（４）网页中背景色
背景色般采素淡清雅色彩避免采花纹复杂图片纯度高色彩作背景色时背景色文字色彩强烈
（５）网页中色彩数量
网站色越越般控制三种色彩通调整色彩种属性产生变化
４．２教育网站设计实现
４．２．１教育网站色求
教育网站色问题实概前时候企业蓝色蓝色象征深邃理性商业合作值信赖感时蓝色身容易视觉带疲劳便长时间浏览蓝色普遍现着越越类似企业网站涌现企业更关注身文化理念价值产品类型风格性教育网站色越越丰富：象征活力热情红色开放性橙色高贵深邃黑色…样颜色教育网站采纳总够传达教育教育价值理念颜色该网站佳颜色学校ＶＩ标注色种网站标新立异改变学校ＶＩ然企业网站色求显然种风格满足吸引惯类企业网站户求设计种颜色风格通网站台实现网站颜色风格改变
２企业网站色实现方案
企业网站色方案变ＣＳＳ优势ＣＳＳ采导入形式效网页减肥提高网页访问速度网站访问速度提高容表现分离ＣＳＳ网页容（ＸＨＭＴＬ）表现分开表现统网页表现非常统容易修改时ＣＳＳ减少网页代码量增加网页浏览速度减少硬盘容量列三色幼园配色台理方案通种方式网站理者通配色模板实现线修改整网站色彩视觉效果满足企业网站时期色彩搭配需求满足户时期心理需求防止审美疲劳
表４ｌ配色模板理表
配色模板理
理导航：
配色模板理酋页ｌ添加配色模板Ｉ配色模板导出ｌ配色楼板导入
模板说明：
红色说明站站已ＣＳＳ
选拌模板名称效果图模板类型操作
黄色系统提供修改模板设置浅绿系统提供修改模板设置灰色系统提供修改模板设置橙色系统提供修改模板设置蓝色系统提供修改模板设置浅灰系统提供修改模板设置黄色系统提供修改模板设置淡红系统提供修改模板设置绿色修改模板啦置
淡绿系统提供修改模板设置青色系统提供修改模版设置黑色系统捉供系统提供修改模扳设置
３三色幼园网站色效果
三色幼园重庆区家知名幼园拥种教育模式该公司网站展示孩子成长信息时维护老师家长沟通交流台网页发布终结果然电脑数字化形式出现信息堆减形式调整非常方便设计员全部网页传递机中色彩等做相应调整达视觉效果传达效应
外网页信息传达具备交互性特点网页信息发展成断更新循环周期网页设计作品发布意味着设计结束网页设计员必须根户反馈信息网站阶段教学目标配合网站教育教学策略常网页进行定期定期调整修改根教师家长需求．设计出符合孩子色彩方案根需州更换色彩效果满足家长样化需求
类似色相较类色色彩间搭配度颜色丰富富变化页面取色环中橙色橙色通明度纯度面积实现变化统然色调橙色页面中面积明度非常高饱度降低页面中处明显角色绿色纯度高面积次页面显示较显眼次级导航位置整页面次视觉引导分明种色调极显眼位置通常扮演着突出体辅助性配角重角色页面中份量极少起突出体作
谓辐色调点暗色
种色称稳妥色彩搭配方法感觉相协调通常出入色调里通明度黑白灰者纯度束硝微加区产生极微妙韵律美止整页面呈现单调淡页加入极葜构颜色做点缀该页面种色系氅橙色色调色相橙色通明度纯度微妙变化产生缓节奏美感
网站色彩效果分三种
色调
辅色调点暗色
背景色
该网页背景纯白效果增加视觉空间感导航栏容区域信息板块标题块技术手法表达产生孩子简洁方视觉效果统整页面设计语言区网站页面性体现达印象深刻目纯色够柔视觉增强空间感体现节奏韵律美感统整页面目统然起变化页面视觉形式作该设计语言做需时候适
第５章网站文字
５．１网站文字分析
网站文字分析否认现网页设计传递信息文字网页中占重文字避免图片色彩时产生传递信息明引发歧义现象佳直观传达方式浏览者利方便接受信息网页中文字两种类型：具提示引导功文字网页中标题广告栏目名称等种篇幅较长阅读性材料说明性文字网络文章正文题容详细说明等功前者诱发视觉关注者强调易读性设计前定弄清文字功信息传达目效实现网站说字整网站容中占８０％甚更者换角度说网站没颜色没图片唯独没文字先网站外中文字体设计英文正文字体选择中文正文字总说两种：宋体黑体传统版式设计中设计师喜欢做英文排版什？视觉英文组合容易形成线面关系字母节奏感ａｂｙ三字母放起高矮区中文字相说单调孤立流畅企业网站字体设计相网站字体设计应考虑企业ＶＩ系统字体设计更户企业产生更生视觉形象
企业ＶＩ字体般系统显示标准字体企业网站文字导性标题链接栏目等做成图片网站容性文字通ＣＳＳ实现网站户体验高低页面元素设计决定表单网页文字功等网页文字网页中占分量素设计坏直接整页面表现说网页文字优化整网站户体验基础点
５．１．１．文字简洁性
文章信息减面例子您联系名单中没联系请先添加联系改立添加联系样文字减少增强画面简洁性户操作起日然
２．文章段落量控制四行果段容太肯定会消户决心分段提高户浏览欲方法
３．保持字体致性会黑体会宋体等字体太利户浏览会整页面感觉混乱文字字体统结果会导致画面混乱太长字数控制１０００字左右户网般浏览式应该量户快速浏览时抓住网页体容
２文字识性
考虑目标户知识水目标群知识水设计文字容果网页文字面数入门级户文字应该量直白专业名词ｓＰ常目标客户入门级户网站搞特殊文字户明白什意思出现国家文字行业语言等关注户行方式．网络热门语言台湾网络网路陆样会户认新名词确实专业术语．提供链接户点击进解该专业术语概念等
５．２整体网站效果
整体效果图521图示
第６章总结
网页产生现短短十年时间里发展速度惊发展中网页然避免存种样问题弊端包括许方面（功形式审美文化等等）文网页中视觉信息传达入手站接受者角度重点讨研究提高视觉信息传递效率问题信息效传递研究涉许领域学科相关知识仅仅视觉审美方面形式研究更需结合心理机制相关容进行分析然网页设计程中符号学信息学相关理支持必少
文做方面工作：
１．通国外网页设计调查分析提出目前网页设计尤国网页中存问题
信息传递低效网页功（传递信息）模糊造成量设计资源浪费网户时间精力损耗
２．结合设计实例分析存问题具体体现原提出理做出终效果方案
３．理原指导探讨提高网页中视觉信息传达效率更合理效设计原方法基网络视觉传达设计着诸优势十全十美设计样网络视觉传达设计种羁绊设计局限性：
１．动点选
网络交互特性众选择浏览容网容极丰富众着宽松选择余网络媒体种动点选没传统媒体强迫性阅读特点种优势时说种局限
２．版式局限
网页作互联网媒体具体页面相书页受计算机显示器局限设计版式创意受制空间设计倒足书籍设计相仿然面空间受局限网络正处断发展中数变数探索发现
３．技术局限
艺术技术关系设计领域存崭新基网络载体视觉传达设计中文字图形影等视觉传达设计基元素网络体现传统媒体局限性更网络信息传输量受硬件限制网络视觉传达设计元素应量做精然网页设计中视觉传达设计许足作种新视觉表现形式短时间迅速发展起兼容传统面设计特征具备没优势信息交流非常重途径
参考文献
［１］刘吉昆玮设计艺术概北京：清华学出版社２００４
［２］冯军网络视觉传达探讨科技情报开发济２００５１５（１４）
［３］［法］罗兰・巴特符号学美学董学文王葵译沈阳：辽宁民出版社１９８７
［４］董天策传播学导成：四川学出版社１９９５
［５］张继渝设计色彩重庆：重庆学出版社２００２
［６］张宪荣设计符号学北京：化学工业出版社２００４
［７］东美红视觉传达基础设计广州：岭南美术出版社１９９８
［８］徐坷苗彤赵晖网页・视觉设计北京：民邮电出版社２００１
［９］聂森网页设计中面视觉传达分析吉林商业高等专科学校学报２００４４
［１０］沈晓丽版式设计信息传达装饰２００４３
［１１］王汀版式构成广州：广东民出版社２０００
［１２］丘星星视觉传达设计心理福州：福建美术出版社２０００
［１３］幻鲁开疆视觉传达设计流程安徽：安徽美术出版社１９９５
［１４］王日芬丁晟春等
［１ ５］齐丽娟电子商务网站设计理．北京：北京学出版２００２
致谢
文完成际回想两年学生活中衷心感谢导师XXXX老师正直诚恳关爱学生学术深厚理素养渊博知识严谨治学态度极感染想切会感动铭记受益终身研究生阶段老师专业学课题研究文选题撰写极关注悉心指导谨致诚挚敬意衷心感谢
感谢成长程中予帮助老师朋友学
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
