前言:中文期刊网精心挑选了网页设计报告范文供你参考和学习,希望我们的参考范文能激发你的文章创作灵感,欢迎阅读。
网页设计报告范文1
记得初到公司时,我对公司的了解仅仅局限于公司网站的简单介绍,除此之外,便一无所知了。但是,在领导和同事们的支持和帮助下,我不仅加深了对公司的了解,而且很快就掌握和熟悉本岗位工作的要求及技巧,严格做到按时按量完成产品终端页等页面的制作,保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时,减少页面中冗余的代码,保证页面的加载速度。此外,注意用户体验问题,站在用户的角度浏览网页,发现问题、解决问题,以提高网站的浏览量。
自从担任网页制作以来,虽然在工作中取得了较好的成绩,但也还存在一些不足之处。例如:工作中没有充分领会领导的意图,有时会忽视公司的工作流程等等,这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。
在今后的工作中,我将努力提高技术水平,克服不足,朝着以下两个方向努力:
1、在以后的工作中不断学习技术知识,通过多看、多学、多问、多练来不断的提高自己的各项业务技能。
2、提高自己解决实际问题的能力,并在工作过程中慢慢克服急躁情绪,积极、热情、细致地的对待每一项工作。
网页设计报告范文2
一、实习工作介绍
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+div排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。
二、初来公司的时候
(一)初级考试
初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了**公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。
(二)三天的培训工作
三天后,我来到了公司,一看,来参加培训的人有很多,大概在十多个人左右,其实所谓的培训,就是让大家先熟悉这家网站的工作,先做一些他们平时干的活,做一些广告网页,这些网页都是静态的,没什么难度。我后来发现,自己在这些人当中,还是较较者,心里优势还挺好的。
(三)最后的考核
三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正,得到很优厚的待遇。
考核的内容,就是在公司的商务网站上任选一个页面,然后在规定的时间内做完,我还不错,技术比较熟练,是第四个做完的。当我们把网页做完后由这家公司的经理进行审核,最后的结果是,最先做完的前8个人可以有底薪加提成,每人页面的提成是2元钱,而后面做完的,只有提成,没有底薪,他们的提成是每个页面5元钱,最后的几个人就被淘汰了,制度虽有点不近人情,但是刚毕业的学生能忍也就忍了,就这样,我们每个人得到了一份一个月的临时合同,正式开始了实习工作。
三、正式工作
我们每天的上班时间是从早上8:30分到下午的17:00,这是我见过最有激情的一些人了,年纪轻轻,干劲十足,来了以后就工作,连平时聊天的内容也和本行业分不开,我喜欢他(她)们,回为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的从上到下式的网页,通过css+div排版,这样在后期浏览器兼容测试中,就好做的很多了,文字与图片之间就不会有太多的麻烦,的很不错,不过有些追求精致,我做网页的速度慢了很多,最初每天只能做3--4个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。
四、业余的生活
每天的工作都是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。
网页设计报告范文3
关键词:计算机;图像处理技术;网页设计
运用随着信息技术的进步以及人们生活水平的提高,互联网已经深入家家户户。网站是目前人们最常用的信息获取渠道,而网页设计直接决定了网站的质量。计算机图像处理技术是网页设计中的常用技术,主要目的是提高网页的整体艺术感,将多样化的内容呈现在浏览者面前。通过计算机图像处理技术进行网页设计,能有效提高网页设计的艺术感,使网页更具有感染力,获得浏览者的共鸣。
1图像在网页设计中的重要性
图像在网页设计中占有较大的比重,也是最能吸引浏览者的因素之一。图像在网页设计中的功能可以分为以下两方面:第一,视觉吸引功能。图像和文字相比,对浏览者的感觉更直观,能有效吸引浏览者的注意力,激发浏览者的兴趣,从而提高网站的浏览率。正是因此,图像的直观功能能为整个网页设计起到画龙点睛的作用,提高整体网页设计的艺术感。有调查报告显示,图像是决定浏览者对网站兴趣的重要影响因素;其次,信息引导功能。网页设计的根本目的是满足不同浏览者的多样化需求,使浏览者能迅速在网页中发现自己所需的信息。而图像则具有一定的信息引导功能,能够使浏览者在众多的信息中迅速发现自己需要的内容,节省了大量的时间。同时也可以通过图像对单纯的文字进行美观,提高网页的吸引力,从而保证网站的浏览量。
2计算机图像处理技术
计算机图像处理技术即对图像进行针对性的加工、设计以及美化等,从而表达出相应的含义。目前,计算机图像处理技术主要包括以下几方面:
2.1图像去噪计算机系统
在采取图像的过程中,可能会出现一定的噪音,这主要是由计算机的硬件特性所导致的。而这些噪声也会对图像的质量造成相应的影响,因此可以通过计算机图像处理技术进行去噪处理,从而提高图像的质量。
2.2图像增强
图像增强指的是对图像的某个固定区域进行针对性的加强,从而突出图片的核心信息,同时削弱非重要信息的影响,方便之后图像在网页设计中的应用。图片增强是网页设计中较常用的图像处理方法,主要用来改变图像的画质。这是由于计算机在对图像进行采集时,会受到环境、分辨率等多种因素的限制,导致画面的立体感不强,因此需要进行相应的增强处理。目前,图像增强的方法较多,例如边缘增强、色彩增强、锐化增强等。虽然图像增强技术没有增加图像的信息量,但却突出的重点内容,对网页设计具有重要的意义。
2.3图像压缩
图像压缩也是较常用的处理类型之一,根据网页设计的需求,对图像的数据进行适当的压缩,从而保证图像传输的有效性,同时也避免了图像传输过程中可能出现的失真情况。
3计算机图像处理技术在网页设计中的应用
网页设计中,计算机图像处理技术的核心在于体现出图像的效果,提高整体设计的合理性与艺术性。而多数计算机所采取的原始图片并不能达到此要求,因此,就需要通过计算机图像处理技术进行相应的加工:
3.1满足网页设计对图片格式的需求
网页设计一般都会对图片的格式进行一定的要求,在设计过程中,需要结合网页设计的要求设置相应的图片格式。在实践过程中,图像的种类较多,例如摄影图像、截图、连接图片等等,不同的图片类型给浏览者带来的直观感受也不同。一般网页设计中应用较多的为摄影图片,通过搭配文字的方式吸引浏览者的注意力。但这种方式也会直接增加网页设计的工作量,影响整体的网页效果,无法充分表现出网页的目的。因此,计算机图像处理技术必须要结合网页设计的实际情况,选择合理的图像格式。
3.2控制网页设计对图片大小的需求
这主要是由于计算机屏幕的长度、宽度有限,因此网页设计中的图像也需要有一定的限制,一般不能超过计算机屏幕的长宽。其次,网页设计中的图像大小与情绪度之间有一定的联系,若通过图片处理技术后放大图片,则其清晰度就会有一定程度的下降。但如果图片的清晰度过高,也会大大提高网页的加载速度,对浏览者造成一定的影响。因此,必须要根据具体情况,把握图片大小与清晰度的平衡。
3.3优化网页设计对图片定位的需求
不同的图片在网页设计中的作用也不同,需要通过图像来表现出网页的风格。例如图像可以通过背景、表格、导航等多种方式存在,也可以直接展现出网站的内容。当需要图像在网页设计中作为背景时,不能将单一的图片作为网页背景,而是要结合内容,设置文字或其他类型的资料,从而提高网页的层次感,提高浏览者对网页的兴趣。此外,在网页设计中,可以应用一些篇幅较小或线条型的图片,取代单一的连接标志,动静结合,提高网页的美观性。
4结语
通过计算机图像处理技术在网页设计中的应用,能够对图像进行多样化的设计,提高网页浏览的速度、效率,也是目前网页设计中的核心。通过计算机图像处理技术,能根据网页的具体需求调整图像的格式,并在清晰度与大小间保持一个良好的平衡,提高网页的加载速度。此外,还能够根据图片定位充分发挥图片的作用,提高网页设计的美观度和艺术感,从而提高网站的浏览率。
参考文献
[1]雷萌.如何在网页设计中运用计算机图像处理技术[J].信息与电脑,2016(02):156-157.
[2]智立甫,王春写.浅谈网页设计中的图像处理技术[J].中小企业管理与科技,2015(05):213-213,214.
[3]吴明珠.网页设计中图像处理的最佳化分析[J].电脑知识与技术,2017,13(05):164-165.
[4]韦燕.网页设计中计算机图像处理技术的应用[J].现代商贸工业,2013(22):181-182.
网页设计报告范文4
关键词 Dreamweaver 表格 层 布局
中图分类号:TP39 文献标识码:A
2016年1月22日,中国互联网络信息中心(CNNIC)第37次《中国互联网络发展状况统计报告》(以下简称为《报告》)。《报告》显示,截至2015年12月,中国网民规模达6.88亿,互联网普及率达到50.3%,半数中国人已接入互联网。同时,移动互联网塑造了全新的社会生活形态,“互联网+”行动计划不断助力企业发展,互联网对于整体社会的影响已进入到新的阶段。
浏览网页已经成为现代社会人们生活中不可或缺的重要部分。网页作为信息在网络传播中的主要载体,人们除了关心里面的内容以外,对它的版面设计也非常关注。如何将所有的文字、图片、动画等页面元素按照设计要求精美地排列在页面中,即网页如何布局,是网页设计的重点和关键所在。
利用Dreamweaver进行网页设计时,基本的布局方法是使用表格和层。这两种方法在页面布局时各有自己的特点。
表格是网页设计制作时不可缺少的重要元素,既可以单纯地转二维数据,又可以用来组织页面内容,将不同的页面元素放置在不同的表格或单元格里,以简洁明了的方式将各种页面元素井然有序地显示在页面中,并且可以设计出布局合理、结构协调、美观匀称的网页。
使用表格布局页面时,定位各种页面元素过程简单,用户在页面上方便地绘制布局单元格,并能够灵活的将其移动到所需位置。使用多个布局表格可以将页面布局分隔成多个区域,每个区域相对独立,当对某一个区域进行编辑时,不会影响其他区域。利用布局表格,用户可以快捷制作出结构复杂的版面。
使用表格布局,用户还可以创建固定宽度的布局和自动伸展为整个浏览器窗口宽度的布局,因此兼容不同平台、不同分辨率的浏览器。
表格布局比较规范、整体性强,表现得中规中矩,不太有其他丰富功能。
有些人在网页设计时喜欢整个页面使用一个大表格,然后在大表格中再嵌套小表格,使得浏览器在打开这个大而长的表格时只能等待整个表格的内容都接收完后才显示,从而增加了浏览器的负担。
网页中的层就是网页内容的一个容器,使用层可以灵活放置网站内容,层中放置各种页面元素,甚至还可以嵌套层。层也是一种网页元素定位技术,使用它可以以像素为单位精确定位页面元素。层最主要的特性就是可以在网页中自由浮动,可以放置在页面的任何位置上。层的位置可以重叠、显示与隐藏、与时间轴结合,可用来控制元素的显示顺序,还可用来制作网站的部分重叠效果,使页面有丰富变化。
层布局的灵活性同样也体现了一定的不稳定性。通常情况下,层加入到页面中是游离的,虽然移动方便,但在页面中的位置是固定的,因此当浏览器窗口变化时,层还在原位,没有跟着相对位移,因此会出现位置上的偏差。
CSS样式大多用于控制层的排版布局,一般使用外部CSS文件重用。统一使用一个外部CSS样式表文件,可以实现“一改全改”的效果,维护成本低。但一个网站所有页面在加载时都要访问同一个文件,后台支撑成本无形中提高、服务器消耗增加。
目前,浏览器的种类很多,版本也很多。对于CSS(样式表)并不是所有浏览器的所有版本都支持的很好,这就使得在页面制作的过程中需要针对不同浏览器版本进行测试,以保证兼容性,无形中增加很多工作量。
很多情况下,可以同时使用表格与层混合搭配进行布局。先使用多个上下关系的表格进行页面的整个布局,再使层成为单元格的一个元素,既利用表格的整体规范性使整个布局规范,又利用到层的灵活性和丰富功能,从而使页面设计更加精彩。
网页设计中,好的网页内容还要结合精美的网页布局。页面布局合理、有新意,才能完美展现网页内容,才能在浏览者处加分,引起浏览者的兴趣和共鸣。
作者简介:刘珍,(1972-),硕士,研究方向为计算机应用。
参考文献
[1] 文杰书院.DreamweaverCS5[M].清华大学出版社,2011(01).
网页设计报告范文5
以研究网络营销白手起家的夏尔巴人出版集团(Marketing Sherpa)最近出版了一项名为《企业网页设计手册》的研究报告。这份长达185页的PDF研究报告由数十张彩图 (其中一张在下文列出)组成,单册售价247美元,虽然3月15日后有折扣,但预计价仍为197美元每册。通过运用精密复杂的“视线追踪”测试以及访谈网络营销员的亲身经验,该项研究报告为那些有在线业务往来的公司提出了七条“黄金规则”。
多数网页只被搜索而不被阅读。网页与打印出的文档不同,它被访客浏览的时间不过屈指可数的几秒。在如此短暂的瞬间,人们或者只浏览标题的几个字(恐怕连标题都不会看全),或者只看看网页上几张图片或几条目录,就会匆匆做出该网站是否值得进一步浏览的判断。
图片胜过阅读。在英语中,人们有从左到右从上到下的阅读习惯。夏尔巴人研究小组发现这种习惯在人们浏览网页时也不例外。也就是说,当网页上有图片的时候,人们会不自觉地被图片吸引,特别是带人脸的图片更能吸引人们的目光。但一张位于网页右方的图片可能会使访客无法注意到网页左方的文字。
把重要的图片放在页面左方。该项研究的一个重大课题,就是图片在网页上居于什么位置才能吸引访客更多的注意力。如果网页上需要挂一个很重要的图片――比如产品照片或研究人员的照片,应该挂在网页左边。这样可以让读者们注意到照片之后,又能自如的把视线移动到位于网页右方的文字索引上。这样才能做到尊重阅读习惯,比让浏览者纳视线在文字和图片之间来回切换更加自然。
网页左上角总能被注意到。“视线追踪”的研究结果表明:页面左上角总是能被访客注意到。这也是多数网站设计者不自觉地把公司标志放在这里的原因。但夏尔巴人出版集团还发现相当数量的访客会把他们的目光集中在标志下方的空间上,这就使标志下方的一线空间成为表述网站特色的非常地带。
图片字幕是读者关注率很高的。与刚刚提到的“左上角规则”同理,网页上图片下方紧邻的位置也是极具价值的。“视线追踪”研究发现图片下方的位置浏览率很高。与其在这个位置不放东西或放些无关紧要的东西,还不如把公司产品介绍放在这里。
超文本链接引人注目。研究小组还发现:任何用蓝色下划线或蓝色本身标注的文字都会非常引入注目 (就像一个超文本链接,不论它是否有用都会引起注意)。这种色彩效应太强,以至于访客的大脑还来不及做决定就会本能地去阅读被强调的文字。“这个网站(不)适合我。”这不是从网页上去除超文本链接的理由,超文本链接应该是厂商展示自己商品的最好舞台。
除去网站导航。与上文提到的超文本链接不同的是,网站导航链接或按钮会使访客偏离前来该网站的初衷。网页设计者应该去掉网站导航工具条,包括网站地图以及关于我们等按钮,在只希望访客采取单一行动的页面上,例如把选购商品放入购物篮子上或为免费使用资源而填表的页面。虽然让访客进入一个带领他们周游全站的页面可能会是例外,但这根本不现实,因为站点是不可能从单纯的访客身上获得收益的。
另外有一点非常重要:不要让公司的网页设计师把光标也设计成图案。夏尔巴人出版集团的总裁安・赫兰德在一次电话采访中表示:“访客会被你光标上的图片或按钮所吸引,以至于忽略你网页上其他重要的信息。”
为夏尔巴人出版集团进行视线追踪研究的是爱图有限公司(Eye tools lnc)。该公司位于洛杉矶,是一家专门从事人与互联网互动关系研究的公司。下方展示的热图就是爱图公司的在页面设计报告中的一部分。测试页标注成红色的区域的浏览概率是100%,以绿色标注区域的浏览概率是50%,而以深蓝色标注的区域几乎没有人注意到。
该测试网页正是爱图视线追踪研究小组的一则广告。该研究小组注意到几乎所有访客都会将视线集中到被红色标记的标题上,哪十白仅仅看了几个单词。研究小组发言人的照片在右边,也被红色标记了,说明此照片被100%的访客看到,同时大多数访客都扫过了位于页面左方的文字。这个页面被刻意设计成能吸引更多访客的形式,从而引起更多人对爱图视线追踪研究小组关注。
爱图视线追踪研究小组改进了传统视线追踪研究的方式和路径,排除了厚厚的镜片以及几年前用于与电视广告视线追踪的笨重头盔,通过在电脑显示器上方的仪器记录浏览着眼球的移动轨迹,从而实现了点对点追踪。
网页设计报告范文6
关键词:移动互联网;4G;网页设计;通讯产品;智能手机;平板电脑
通行设备性能与无线网络通信速度的提升,以移动智能终端数量的快速增长为主要标志,主要体现在智能手机和平板电脑在大众生活中的出现。据中国工业和信息化部的研究与统计及互联网应用报告分析认为,中国在全球互联网世界中所扮演的角色,部分程度上是由其互联网市场的规模所决定的。据研究显示,2015年,中国移动互联网用户数预计达到了7.9亿人,与2014年数量相比增长8.4%,增速呈现走低的趋势,进入平稳增长阶段。2015年,中国移动互联网市场规模达到23134.3亿元,增幅达到72.2%。而2016年,移动互联网整体将继续保持高增长速度。虽然人口福利消失,但是基于商业模式的不断创新,单用户价值将呈现大幅提升的趋势。预计在未来3~5年的时间里,移动互联网规模将继续保持高增长的速度。但是,每一项科学技术的发展都会带来相关产业的变化,从互联网到移动互联网,体现在网络速度得到飞速提高、网络资费套餐更加优惠。同时,摆脱了宽大固定的显示屏和键盘鼠标的局限,替代的是小巧方便的智能手机,易于携带的平板电脑以及各种各样的袖珍终端。这样,网页设计作为网络浏览的载体,在一定程度上也带来了变化及要求。如何应对及改造这一变化,成为移动互联网中重要的问题。
1 移动互联网当前发展现状
1.1 4G网络的应用推动了移动通信服务的发展
移动互联网通信服务全世界得到了长足发展,而且发展势头十分迅猛,主要是通过4G网络的推动。4G网络,即移动通信系统的第四代产品,它的最大特点主要就是在通信容量上超大,在速度上超快,以及可在全球范围内实现自由对接、任意漫游。并且,能够很好地处理图像、声频和视频,能够以影视等各种多媒体形式来提供商务电话与视频、电话会议及网页浏览等信息服务。[1]所以,4G移动在生活中的广泛应用,给人们生活与工作带来了便利,也有效地提高了移动互联网的发展。
1.2 移动互联网应用的采用模式
在应用的层面上,移动互联网的业务在目前阶段主要使用两种应用模式,其一为WAP方式。它所使用的是无线网络应用协议,其网站模式主要是针对手机电脑而设计的。移动终端与移动通信网络二者的速率都有着自身的特点,固定互联网就是依照它们的速率特点,从而设计出全新的适应移动互联网应用的采用模式。在这个过程中也相应地失去了一定的固定互联网内容。其二为Web方式。它所使用的是固定互联网,将移动终端的速配完全输进固定互联网的内容。它不需要再次开发网站内容,只要通过移动客户终端,使用移动浏览器就能够实现。目前所采用的两种移动互联网应用模式,都可以满足在互联网中用户实现网络冲浪的需求。
2 移动互联背景下网页设计的可行性原则分析
2.1 明确目标用户群
在每一项产品设计中,最重要的是对目标用户群的确定。对移动互联产品进行网页设计。通常的惯性要求是以使用移动网络用户的需求为主要设计目标,设计对象是移动手机电脑终端客户群。因为利用手机上互联网的用户比使用电脑上互联网的用户数量多得多,所以在网页设计上应充分考虑到手机用户的喜好特性,明确设计产品具体针对哪些用户群,以达到事半功倍的效果。
2.2 了解应用平台的细节
由于网页本身和外在的因素影响,在浏览网页上呈现出的移动通讯产品具有一定的复杂性。所以,首先要掌握目标应用平台的相关细节。一般来说,生产软件或硬件的厂家会根据用户的需要提供和介绍详细的规范文档,以便从中规范文档中获得自己所要求的目标平台信息,然后将所有不同的信息进行综合处理,形成一种个性化的版本,这样就提高了移动应用的可用性。[2]
3 移动互联产品在网页设计上的具体策略
智能手机、平板电脑及各种移动互联网的载体,为了使用户方便携带及被充分利用,需要挖掘出一些使用功能。例如,功能的多方面改造提升,需要提高产品价格;尺寸的大小变化,要考虑到电池上的耐用问题。最重要而言,移动互联网具有丰富而精彩的多媒体服务,这是受到终端客户群青睐的重要原因。因此,要想使这些丰富的多媒体服务成为现实,在网页设计上实行人性化设计是必不可少的。
3.1 改造舒适性整体
为了移动通讯产品能够走进人们的现实生活中,并被广泛地接受,首先要针对网页设计在整体性上进行有效改造。一般来说,用户在浏览网页时都是处于随机状态或者是浮动状态。因此,网站上所有的信息要达到迅速、准确、容易、方便地被浏览或者被阅读。所以,在网页设计中要合理地规划菜单和文本,尽可能地优化图片与内容,把较大面积与分辨率缩小成手机或平板电脑的显示屏中,避免由此造成各种不合理的缩放变化,为用户打造一个舒适性的网页整体。
3.2 精准化内容
利用最小的成本呈现最有价值的内容,是对流量的节约,用户体验的改善,最直接的是为用户省去不必要的费用。[3]网页设计者可以从精简页面设计到导航与书签功能,尽可能地帮助用户避免不必要的文本信息输入,缩减不必要的程序与功能,减少设计过深的多级菜单,以人性化与客户满意度为主要目标,对呈现内容尽量精准化。
3.3 增添延续性操作
互联网的发展十分迅速,由Web1.0发展到Web2.0,再由Web2.0发展到现在的Web3.0[4],所用时间非常之短。Web1.0是互联网的发展初期,使用的技术是静态网页开发技术,由于静态网页为互联网的发展初期,交互性差是它的短板,但是它具有快速访问的特点以及稳定性强的特点。Web2.0的发展保存了Web1.0的优点,而扬弃了它的交互性差的缺点,从而改善了Web1.0存在的漏洞,提高了网站与用户的交互性,给新闻网站、博客和电子商务等带来了便利,但是它的缺点是安全性能不高。随着在传统技术上的改造与发展,Web3.0改善了这些技术问题,并逐步完善了网络体系。因此,移动科学技术的发展与更替,还是以传统互联网为基础。现不少手机用户仍然坚持着传统的互联网操作,所以在网页设计上,最好延续传统互联网的特点,取其精华,去其糟粕,让用户能够更快地熟悉移动通讯产品的新兴上网功能,更快地与移动互联网融合。
3.4 设计视觉要素
在网页设计中,文字、色彩、图形以及图像是最为根本的视觉传达元素。通过点、线、面构成了立体基本形态,在交互中以瞬息万变的视觉变化冲击着受众的眼球,从而形成了网页设计的视觉语言。文字作为一种传统的视觉符号,设计人员通过对复杂繁琐的文字信息经过精心处理变成简单浓缩的特性,有利于改善客户的心理体验。
把文字信息逐步向图形、图像及色彩转变。[5]随着网络的不断发展,原本只能呈现单一文字的互联网现在可以利用每一个栩栩如生的图形和图像进行显示。并且,这些图形和图像所表达的信息量大大超过了任何文字的表述,从而使用户在视觉上受到了强烈的冲击。但因图形图像本身数据量占用空间及数据量较大,给用户在时间上和流量上产生了不少的费用。因此,网页设计要尽可能地减少使用色彩艳丽的图像。这样不但能够使数据量的稳定性得到有效的保证,而且又可保障图形图像的表达效果,提高设计程序的工作效率。
3.5 增加返回按钮和链接
为用户带来更好的人性化服务及直观体验,最好在网页上设计出返回按钮,以及设置链接等。[6]由于一些智能手机和平板电脑其自身程序没有设置返回按钮,所以在设计的过程中尽量设置返回按钮,以便为用户提供更多的方便。由于在移动网站上进行输入非常不方便,其难度较大。因此,在网页设计过程中,应当向客户给出单选按钮及列表,这样用户就能够根据自己意愿进行自由选择。一般来说,移动设备屏幕面积尺寸都较小,用户点击链接时需要准确地点击,所以设计师可以使用以下方法:第一,要适当地设计出较大的字体;第二,在链接的周围,应当设计出较大面积的留白;第三,要为链接加上下划线及背景颜色,以方便移动设备用户能更快地确认他们点击的链接内容。
4 结语
通过对移动互联网的使用,人民群众的工作和生活变得更加丰富多彩、方便快捷。移动互联网将成为一种崭新的多功能平台,它包括媒体信息服务、社会公共服务、电子商务以及生活娱乐等等。网页设计技术必须紧跟科学时代的发展不断改革创新,为移动互联网服务。如今,移动互联网已成为大众获得信息和生活交流的一种重要方式,对移动设备的网页进行科学设计是时代的要求。移动通讯产品的网页设计大大地提高了人民群众的生活水平。
参考文献:
[1] 梅倩.移动互联网时代下的网页设计[J].科技创新导报,2010(4).
[2] 陆远蓉,李晓婷.与职业能力对接的高职计算机课程开发探索――以《移动互联网站设计》为例[J].九江职业技术学院学报,2014(2).
[3] 陆远蓉,李晓婷.基于工作过程系统化的《移动互联网站设计》学习情境设计[J].当代职业教育,2014(6).
[4] 杨颖.高职“网页设计与制作”课程教学改革探索[J].职教通讯,2015(18).
[5] 周胜安,王圆.移动互联网下的电子商务专业课程体系构建[J].中国信息技术教育,2014(19).
[6] 李欢.基于移动互联的IM交互设计研究[D].北京交通大学,2013.
[7] 于淼.浅析网页设计的发展趋势[J].中国科技博览,2011(14).