网页设计论文(强烈推荐6篇)

更新时间:2021-03-12 来源:工程论文 点击:

【www.rjdtv.com--工程论文】

  制作网页、开设网站的主要目的是实现网民的信息交互, 让更多的网民浏览网站, 将网页内容推送给更多的受众, 以此来实现信息推广、流量扩容、广告推送、业务展示, 便于开展更多的经济与文化活动, 实现更多的经济价值和社会价值。以下是我们整理的6篇网页设计论文范文,供大家参考。
 

  网页设计论文范文一:网页设计中计算机图像处理技术的应用

  摘要:计算机图像处理技术是十分重要的技术, 网页制作充分重视计算机图像处理技术应用, 将各种用于网页制作的图像素材处理好, 做到图像与网页内容相匹配, 实现图像的高保真, 与网站风格相协调, 降低图像的字节容量, 尽可能少地占用网络信息通道资源, 提升网页打开速度, 为网页制作提升艺术审美效果等, 带给网民更好的视觉体验。

  关键词:网页设计,计算机,图像处理

网页设计论文

  1、网页制作应用图像的意义分析

  制作网页、开设网站的主要目的是实现网民的信息交互, 让更多的网民浏览网站, 将网页内容推送给更多的受众, 以此来实现信息推广、流量扩容、广告推送、业务展示, 便于开展更多的经济与文化活动, 实现更多的经济价值和社会价值。互联网出现以后, 迅速成为最为重要、最具活力的媒体平台, 各种媒体机构争相在这个平台展示, 树立自己的品牌形象, 增强自己的影响力, 赢得更多的网民, 在激烈的市场竞争中立于不败之地, 在互联网+时代背景下有更广阔发展空间。在整个网页制作和网站经营过程中, 除了信息甄别, 最为重要的工作就是图像处理。图像在网页设计中的功能主要有以下几个方面。

  1.1 强烈的视觉冲击

  互联网时代, 人们获取信息的主要方式是网络, 最为重要的资源是网民资源, 网页和网站浏览量和点击率成为网站生存和发展的根本保障。信息化时代背景下, 各种信息资源异常丰富, 网站和网页信息资源所有者争夺网民的竞争不断加剧, 如何才能占有更多的网民, 怎样才能让让自己的网页内容得到网民的青睐, 怎么才能让网站拥有更多忠实的粉丝, 一个有效的手段是提升网页的视觉冲击力, 让每个网民能够迅速被网页的内容所吸引, 让他们愿意花更多的时间停留在网页上, 能够得到更好的阅读体验。网页设计和网站经营中, 图像是直观的信息呈现方式, 也是最主动的信息呈现方式, 相对于传统的文本信息, 图像信息能够迅速吸引网民的眼球[1]。每个网页制作者都非常重视图像的应用, 网页中要有大小合适、位置恰当、样式别致、色彩鲜明、内容贴切的图像, 能够让网页更具观赏性和吸引力。调查显示, 超过60%的网民认为让自己浏览网页的诱因是网页醒目或者鲜明个性的图像, 绝大部分人感觉网页的图像非常重要, 没有图像的网页和网站对自己几乎没有吸引力。由此可以看出, 网页制作需要重视图像应用, 需要重视图像的处理, 以此来真正吸引网民, 带给读者更好的阅读体验, 获得他们的持久的忠实性, 从而实现网页和网站的可持续健康稳定发展。

  1.2 信息引导功能

  网页设计中使用的图像不是随便选取, 也不是单一地为了增强视觉冲击, 而是根据内容表达需要, 与网页内容相配合, 使网页信息内容与图像相得益彰[2]。首先, 网站的标题和主要信息内容都是以文字的形式展示, 文字相对单一, 没有个性, 需要读者主动阅读才能获取其关键信息, 感知网页的主要内容。而图像具有鲜明的视觉感知能力, 能够主动地呈现给观众, 让读者获得更强的信息冲击力。图像是根据网页信息选取的, 并且经过了计算机技术处理, 与信息内容具有更加密切的关系, 能够通过图像感知网页的主要人物或者关键事件, 比标题更能直观地概括网页主要内容, 便于读者快速作出选择。比如, 有的网民喜欢娱乐新闻, 有的网页就配上了某个娱乐圈人物的图像或者其参加某项活动的图像, 这样喜欢娱乐新闻的读者就能迅速明白主要信息, 从而阅读更加详细的内容, 大大减少网民的检索时间, 便于他们更好地遴选自己喜欢的网页或者网站。其次, 图像与网页内容配合更加详实地表现信息内容。有些信息可以用文字描述, 但文字描述的信息内容与读者感受到的信息内容本身存在一定的差异。而配上一定的图像或者视频, 可以让读者更好感知一些细节, 甚至直接体会其中的场景, 感知人物的动作表情, 关注时事发生的过程。比如, 朝韩南北会谈, 配上金正恩与文在寅携手跨过三八线的图像, 让读者观看两人的动作和表情, 可以勾起读者更多关于历史、政治和国际局势的想象, 激发他们的思想和情感共鸣, 这就是图像的效果。

  2、计算机图像处理技术

  计算机图像处理就是借助计算机将各种摄像机械拍摄的感光、数字图像、视频进行数字化处理, 转变成计算机技术应用的标准代码, 并依照计算机的功能和各种基于计算机信息处理技术的图像处理软件, 对这些图像、视频资源进行处理[3]。由于计算机具有强大的运算能力, 且能够对计算机数字转化后的图像、视频进行反复操作, 并且还能进行改进、组合、修复等, 使得图像满足需求。计算机图像处理技术工作的核心就是将色彩最为基本的红、黄、蓝三原色进行各种分析和处理, 根据表达需要, 进一步提升其色彩饱和度, 增强其视觉冲击力。对一些次要内容进行数字化删减, 能够在保持原有图像视觉效果的基础上, 删去更多的冗余字节, 大大降低图像的体量, 从而更有利于在网络上传输。如今, 基于计算机处理的图像在手机网页上应用越来越广泛, 图像清晰度提高, 美感更强, 而图像的体量极大缩小, 非常适合网页的传输。

  3、网页制作中计算机图像处理技术的应用分析

  3.1 计算机图像处理技术在网页设计中的具体应用类型

  网页设计应用很多的图像, 需要进行各方面的处理, 这些都需要计算机图像处理技术来完成, 确保其内涵性、文化性和艺术性。首先, 网站网页标识制作。网站网页标识是一个网站最为典型的形象代表, 具有极强的象征性, 代表着网站的特色和文化。需要美工做好设计, 在设计中需要他们发挥想象力和创造力, 需要体现网页或者网站的文化内涵, 让标识更具文化性和艺术性, 这些都需要对其进行计算机图像处理。传统的图像都是手工绘制, 耗费时间, 且任何一个环节出现了瑕疵都要重新绘制, 很难达到完美, 而利用计算机图像处理技术能够反复修改。比如, 每个网页都有网站的Logo, 每个网站的Logo都具有非常强的象征意义, 一个好的Logo能够带给网民更多的浏览欲望, 体现企业的文化特色。小米科技的Logo是MI, 这不是一个简单的字母组合, 而是用计算机图像处理技术处理之后达到的效果, 比单纯的字母更具美感, 更能体现小米“再用心”一点的理念, 让网民能直接感知小米科技的文化精神, 从而进入小米商城, 浏览更多的小米产品介绍, 并对企业产品产生更强的文化认同感和品质信任感。其次, 制作精良的网页背景图, 让网页更具美感, 信息与背景相映衬, 彰显主题, 带给读者更好的阅读体验。越是有名的门户网站, 越注重网页的每个细节, 图像处理技术应用越广泛而又到位。最后, 关键图优化。图文时代, 网页需要有主要的文字承载信息, 更需要有相应的图像信息, 以图像来更好地配合文字。优秀的网页都会在其中配上一幅精良的图像, 既能够吸引读者, 更能够增强信息的阅读效果, 以文字呈现给读者更多更为细腻的表述信息, 以图像来带给读者更强的视觉冲击力。

  3.2 网页设计中应用计算机图像处理技术的技巧

  几乎现在所有的网页设计都要应用到计算机图像处理技术, 网页图像处理需要掌握相应的处理技巧。首先, 做好图像尺寸处理。图像是网页的一个重要构成元素, 但不是唯一的构成元素, 需要与文字、表格等信息配合使用。且网页容量有限, 不能将图像拿来直接应用, 需要结合网页内容承载编排需要, 确定图像的大小, 这就要掌握图像尺寸的处理技巧。根据文字内容大小、主题特点以及网页布局需要, 选取更具个性化的图像, 并配合网页文字以及其他要素起到相互衬托的作用。与标题、副标题、附属图片等做好配合, 确定大小比例。其次, 图像外形处理。图像主题相对固定, 一般只能进行尺寸、清晰度、构成要素的调试, 而呈现在网页上的图像还要具有一定的外在形状, 这些外在形状与图像核心要素配合, 再与网页主题内容配合, 设计出更具美感的网页。图像的外形处理是一个重要技巧, 不同色彩、不同图形的图像给人的感觉不同。比如, 圆形图形能够带给读者非常温暖的感觉, 一些不规则图形则会让读者有更强的动态感觉, 读者看到方形图像就会产生一种较强的中规中矩的感觉。圆形图像运用更多的柔线条, 让读者除了感受到温暖外, 还带给读者更多的自由和随意感。根据网页制作需要, 应用图像处理技术做好相应的圆形外观处理。方形图像在生活中最为常见, 也是网页设计中应用最多的一种形状, 尤其是相对庄严的机构网站或者内容, 选择的图像就要是方形结构。比如, 政府各个机构网站以及网页内容的设计, 在图像处理方面就要更多地选择方形外观, 比如, 法院、公安局等政府部门网站以及网页设计, 运用方形图像带给读者严肃的感觉, 使其产生较强的信任感和敬畏感。

  4、结语

  总之, 信息化背景下, 互联网已将全世界连为一体, 将各行各业都推向了这个庞大的网络世界, 网页设计要体现主题性、艺术性, 图像处理一定要注重技术性, 充分考虑各方面的综合要素, 设计出更多更为优秀的网页, 提升网页的传播速度, 带给读者更好的浏览体验。

  参考文献
  [1]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术, 2013 (3) .
  [2]陈智盖.新时期网页设计中计算机图像处理技术应用分析[J].计算机光盘软件与应用, 2014 (8) .
  [3]王燕飞.谈计算机图像处理技术的应用[J].信息与电脑 (理论版) , 2014 (3) .

网页设计论文

  网页设计论文范文二:Flash动画在网页设计中的应用研究

  摘要:本文首先对Flash动画在网页中的互动性效果作出简要阐述, 然后结合实例, 对Flash动画在网页中的互动性设计进行分析, 希望可以对业内起到一定参考作用。

  关键词:Flash动画,网页设计,互动性

  网页的成功与否与其知名度、浏览量息息相关, 随着网络的快速发展, 现阶段, 同一类型的网站之间存在十分激烈的竞争, 网站和用户的互动性能十分重要。运用Flash动画设计, 可以让网页布局更为合理、视觉更为美观, 进而在轻松、愉快的氛围中提供给浏览者信息, 并得到反馈, 可以提高网站的竞争力。

  1、Flash动画在网页中的互动性效果

  利用Flash动画设计, 可以让浏览者参与到网站的信息传递中, 以网络广告为例, 在网页设计中, 利用动画互动性, 可以赋予弹出广告、E-mail广告动画效果, 进而吸引受众点击广告, 并进入广告主网站, 在对广告进行浏览后, 通过点击回馈按钮, 可以让受众与广告品牌进行互动。

  在网页中, Flash动画设计的融入可以形成愉悦的视觉效果, 在受众上网浏览网页时, 不同的网站具有不同的动画设计及网页设计, 可以让不同视觉效果得以呈现, 为浏览者带来差异化的心理感受。在具体设计中, 可以组合图像、图形、动画、字体及音乐等多种元素, 可以让网页成为艺术品, 给观者以耳目一新的感觉[1]。

  在网页中融入Flash动画设计可以让信息传达渠道变得更为多元, 在网页中, 可以利用多种元素传达有用信息, 如色彩元素、文字元素、版面元素、图片元素、音频元素、视频元素及动画元素等, 在信息传达过程中, 动画元素的互动往往为“人——机——人”互动形式。网页动画传达面具有更强的深度及宽度, 具有多元的传达方式。

  随着互联网的发展, 现阶段, 人们的搜索习惯、浏览习惯已经和过去存在很大不同, 在互联网应用中, 浏览者更希望采用直观的图形化交互方法, 利用Flash动画设计的交互性, 可以让网站内容得到更为形象地传达, 让受众群体准确理解网站内容。如在情人节时, 众多网站就会利用“Flash情人节动画”来吸引受众。

  2、Flash动画在网页中的互动性设计

  2.1 基本布局

  笔者从事网页设计工作多年, 具有丰富的经验和非常专业的技巧。在网页设计中, Flash动画设计融入最为关键的是基本布局。一般情况下, 影片大小为1600*1200, 帧率是30, 第一帧为loading, 可以让此动画得到正确显示, 大型深层次mc和内部mc会经常切换, 如页面mc、导航mc等, 因此, 笔者一般会在场景外做一个入口, 也就是色块, 在外层它为空白状态, 在内部第一帧建立色块, 可以让随时双击进入操作变得更为方便。在主时间轴内, 笔者往往不会安排所有的动画内容, 这样可以让后期调整更为方便, 在具体操作中, 可以将内容进行分类, 制作为原件, 依照内容树桩结构可以对mc嵌套进行合理安排, 之后利用在某个位置as来对各个时间轴的衔接进行控制。

  2.2 功能设计

  就信息传播而言, 传统互联网平台具有一定单一性, 通常情况下, 传统互联网平台只能利用网页将信息传递给受众, 并不能接收信息反馈, 形成双向传播通道。利用Flash动画在网页中的设计, 利用按钮、表单等相关功能可以让人机对话得以实现, 而信息受众者可以利用按钮提交反馈信息, 进而实现双向平台交流, 让传统互联网交互平台单一性局限得到打破, 利用互联网技术的种种优点, 可以让内容、时段等限制因素得到克服, 进而完成人机交互。

  众所周知, 网站结构可以引导用户进行操作, 网站导航的设置十分重要。因此, 调用Action Script脚本语言进行网页前台Flash动画设计具有重要意义。Action Script脚本语言类似于VB Script, 可以直接翻译网页动作为脚本语言, 利用程序前台Flash脚本可以让程序驱动得以实现, 可以操作数据库。除此之外, 利用Flash动画设计可以二次定义并编写相关对象。在具体操作中, 选定某一Flash中按钮为对象, 利用脚本程序代码对此程序进行执行, 利用动画关键帧脚本代码可以二次编写并控制按钮, 进而改变其颜色、形状以及位置。而在动画元素设计中, 无论是嵌入动画设计还是全部动画设计, 利用Flash动画格式都可以为信息传输速度提供保障, 但在具体设计过程中, 需要考虑到动画页面对网页打开速度的影响, 这也是当前很多网站都只在导航、广告等部分采用动画设计的主要原因[2]。

  2.3 审美设计

  2.3.1 色彩设计

  在Flash动画设计中, 利用多样化的色彩, 可以让网站具有不同的外观风格, 进而对网站形象进行生动传达。在公司网站设计中, 需要确定首页色, 之后设计多套追随一级导航目录的色彩, 并保证其配套于首页色彩。

  2.3.2 形态设计

  在网页中, Flash动画形态的设计可以直接传递给受众感情, 利用形态, 可以让网页具有一个主观的认识与感受, 不同的动画形态会给人以不同的感受。就当前网站设计而言, 可以将其Flash动画形态分为三种类型:普通形态, 独特形态, 实验形态[3]。

  在部分Flash动画设计中, 包含很多文本内容, 在技术角度, 可以将其分为动态文本、静态文本与输入文本这几种类型, 以动态文本为例, 该文本可以对后台程序提供内容进行显示, 在设计中, 可以构建空白动态文本, 以mytext为id名称, 之后将脚本书写在其所在帧可以完成文本显示工作。如新闻发布会、留言本等板块的动画设计中, 此种动态文本设计均可发挥出良好效果。

  2.3.3 界面设计

  在人和信息的交互中, 界面是重要媒介, 是信息传播的重要载体。在界面中, 包含图像、文字、色彩及符号等多种视觉因素, 不同类型的网站往往具有不同的界面设计风格。

  2.3.4 音乐设计

  音乐文件一般为mp3格式, 将其导入库中, 之后可将声音对象直接插入在所需帧上, 如果全站背景音乐只有一个, 那么可以在关键帧属性中直接选择声音, 构建开关mc在影片主时间轴上, 可以对背景音乐进行控制。对其技术流程进行阐述, 可以在根时间轴内构建mc, 在mc内部构建mc时可以将做好开关状态外观放置于两侧, 在mc对应帧上书写脚本。

  3、结语

  综上所述, Flash动画在网页设计中的应用具有重要意义, 在功能设计及审美设计中, 需要注重FLash动画作为设计元素的互动性, 充分考虑人机交互功能的实现方法, 运用贴合主题的色彩搭配、生动的动画形态, 可以完成界面设计, 进而提高传达信息、接收反馈信息的整体效果, 提高网站市场竞争力。

  参考文献
  [1]杨远峰.FLASH交互性动画在网页设计中的应用与研究[J].电脑知识与技术, 2017, 13 (04) :197-198.
  [2]邓华丽.Flash动画在网页设计中的应用探究[J].电脑编程技巧与维护, 2015, (13) :74-75+92.
  [3]何培辰.Flash动画技术及其在网页设计中的应用[J].品牌 (下半月) , 2015 (03) :170.

本文来源:http://www.rjdtv.com/gongchenglunwen/5100.html