首页 > 文章中心 > 网页计划

网页计划

网页计划

网页计划范文第1篇

为了将同学们的业余生活调整的更为丰富一些,也给同学们一些惊喜,我们决定在学校内举行一次网页设计大赛,将同学们充分的调动起来,使自己的校园生活更为丰富。

大赛的具体策划书:

网页设计大赛策划书

时间:200*.4-----5

地点:xx语学院。

参与工作人员:计算机系学生会,学习部全体成员。

参赛者范围:计算机系全体学生。

活动策划

一.比赛指导思想

1.本次活动主题“网页设计制作”主要以当代大学生为主。

2.作品内容健康向上,符合本次比赛作品征集要求富有活力。

3.创建一流校风、学风,丰富学生的校园生活,发挥当代大学生的创造力,提高广大学生的电脑技术水平。

4.内容健康,能体现当代大学生求实进取、博学创新、积极向上的精神。

5.坚持大赛的公正、公平、公开的原则。

6.本次大赛旨在通过网络凝聚最广大的青年学生群体,挖掘校园网络人才。

二、参赛作品要求

1、充分体现本次活动的主题当代大学生为主。

2、作品内容健康向上,符合本次比赛作品征集要求

3、制作网页不限制;通过合理运用网页设计的各种技术,体现良好的艺术性和实用性;

4、页面深度必须在3层左右,网页的总页面数不少于10页,全部文件的总容量不超过20m;

5、要求能在winXX或winxp操作系统上运行。显示分辨率以800×600或1024×768,网页采用internet explorer5.0以上浏览。

6、使用简体中文字库系统。

7、网页规模:网页的深度至少包括二级页面,以3~5个页面为适宜。

8、作品中所有文件均要以小写字母或阿拉伯数字命名,包括文件名及其后缀名。

9、作品制作规范符合要求;作品首页请一律采用 index 文件名

三、活动内容:

1、 立项等准备工作-----------计算机系学生会,学习部。

2、 宣传:-------------------计算机系学生会, 宣传部。

比赛前:

条幅:生活区------------------------------内容宣传组,悬挂宣传组

海报:各个食堂,生活区。-----------------------宣传

比赛后:

投稿时的作品展示(在免费空间存放获奖作品,使用超链接链接)。技术组

四、大赛流程

1、成立网页设计大赛筹备组,进入活动筹备阶段,工作包括活动策划方案确立,宣传渠道建立。

2、在校园内大力宣传,包括张贴海报、通知、横幅,通过各系学生会在各院(系)里大力宣传,并组织本院(系)学生报名。

3、收集报名资料,并为本次网页设计大赛制作专题网页,同时,继续宣传本次网页设计大赛。

4、在专题网页上发表一些网页制作教程。

5、确定网页设计大赛的资金到位。

6、收集参赛作品。

7、将作品上传至此次大赛专题网页。

8、在本次网页设计比赛上安放投票系统。

9、将评分表及评选细则发往各评委。

10、收集评委评分表。

11、统计各参赛作品分数。

12、公布获奖者,并颁奖。

责任条款:

1. 参赛者所交作品权责自负,组委会若发现参赛作品属非参赛者个人完成,有权取消其比赛资格。

2. 参赛选手比赛期间所涉费用自理。

这一次网页设计大赛很有意义,真的希望懂得网页设计的同学能够积极的参加,而我们的奖品也是很丰富的,希望大家本着提高自己的想法,积极参与。

网页计划范文第2篇

《网站创作始于规划》选自上海科技教育出版社出版的《网络技术应用》第四单元《网站的设计与评价》。本单元以网站设计为工作任务,让学生通过完成网页制作的过程,亲历利用信息技术加工信息和表达思想的过程与方法,同时将网络技术的基础理论与实际应用技能有机结合起来。在网站制作中,一份详细的规划书有利于指导创作过程,而我们学生所缺少的也正是这种统筹规划能力,因而我从实际出发把网站的规划单独提了出来,以网页规划设计表为载体设计了一课时的教学内容。本节课的《普通高中信息技术课程标准(实验)》要求是:通过开发实践,学会规划、设计简单网站的基本方法并能够根据网站主题要求设计评价指标。从课标和教材可以看出,本节内容至关重要,有着承上启下的作用。承上:承接必修教材中《信息作品的集成》环节。启下:本课是《网站的设计与评价》单元的开篇,网页规划的合理与否,主题的确定是否恰当,小组成员的分工是否详细,对于后续的网页制作起着至关重要的作用。

学情分析

高一学生经过近一个学期的学习,已经具备了一定的信息获取、加工、管理能力,同时了解了网络技术的基础理论,对精彩的网页很感兴趣,非常向往掌握网页制作的技术,很想亲自创作网页作品来表达自己的想法进行有效交流。但他们会忽略电子作品制作的前期规划,对于网页设计的一般流程,以及如何确定适合的主题、如何在作品中体现主题,缺少必要的经验,因此本节课有必要在规划设计方面加以训练。

教学目标

知识与技能目标:了解创作电子作品的一般流程,理解网页规划的重要性;能够根据网站主题要求设计评价指标,对网站的质量与运行状况进行评价。

过程与方法目标:通过赏析、评价网页作品,了解网页规划的设计要素,提高审美意识;能根据任务需求,确定主题,进行科学规划,初步掌握网页规划的方法。

情感态度与价值观目标:通过小组合作,感受同学友谊,增强集体意识和协作意识;学会欣赏他人的劳动成果,提高艺术修养和审美情趣。

教学设计思路

通过赏析网页,让学生感受优秀网页所具有的特征,了解网页规划的设计要素,形成网页规划设计的思路。通过往届学生网页作品投票和评分的过程,明确网页规划的注意事项,初步了解网页评价量规,激发学生的创作兴趣。最后,结合实际表达需求,小组协作,确定创作主题,进行创意设计,完成网页规划设计。

教学过程

1.创设情境,导入新课

师:因特网在全球的迅速普及和发展,为人类开启了一方全新的文化空间。在网上我们可以浏览各种各样的网页,获取无穷无尽的知识。因特网上的每一个网页都从属于某一网站,可以说,包含着各种信息的因特网就是由无数的网站组成的。只要拥有了一个属于自己的网站,你就可以在茫茫的网络世界中拥有一片属于自己的天空。同学们想不想做一个属于自己的网站呢?

生:想。

师:网站也是一个信息作品,请同学们思考前面学到的信息集成的一般过程。

生:确定作品主题—规划设计作品—采集处理素材—制作加工作品—测试作品。

师:那么网站的制作流程是什么呢?

生:网站的规划—素材的搜集、加工—网站的制作—网站的测试与—网站的评价。

师:由网站创作流程我们可以看出,网站创作、始于规划,本节课我们学习网站的规划与设计。要求以小组为单位制作一个网页规划设计表。

设计意图:导课承上信息集成的一般过程,启下引出网页创作流程,揭示规划的重要性,从而点题。

2.规划开始,确定主题

这是一个承上启下的教学环节。时间不长,但作用很大。首先提出问题。

师:同学们平时都喜欢去什么网站?

生:百度、新浪、人人、QQ、4399……

师:这些网站要表达的主要内容,也就是网站的主题是什么?

生:百度是全球最大的中文搜索引擎,新浪以全面而及时的新闻而著称……

师:主题是信息作品的灵魂,由大家来制作网页,你想表达什么主题呢?你对哪方面的主题感兴趣?提示确定主题的原则:小而精,目标定位准确,积极、健康、向上,网页名称有创意,符合主题(幻灯片展示)。

设计意图:明确主题的含义,了解主题的重要性,它是信息作品的灵魂,思考启发网页主题,为后面的制定规划做铺垫,提供选题参考。本环节主要采用谈话法,谈话法的运用,有利于建立民主平等的师生关系,而课堂上的民主气氛是学生创造性思维得以激发的一个重要条件。

3.网页欣赏,归纳网页设计元素

师:我们来欣赏一个网页,百年世博,落户上海,城市让生活更美好,同学们说说这个网站的主题是什么,并思考如何在网页中体现这一主题。

教师引导学生从网页设计要素中来体现主题,如内容、色彩、版面布局、导航设计、图标设计、图片等。

教师组织学生从以下几个设计要素讨论网站内容和风格,分析网页框架和风格。

(1)栏目设置

师:确定好网站主题后,要把网站的内容按一定的方法进行分类,并设置专门的栏目(如图1)。

网站栏目设计原则一是要紧扣主题,二是要突出重点。

(2)网站色彩

师:不同的颜色给人不同的感受,同学们看这几个网站主要是什么色调,给人什么样的视觉感受呢?

学生思考回答问题。

教师总结图2所示的网站色彩与感觉之间的关系。

(3)网站LOGO

师:我们重点来看图片3中网站的Logo,什么是网站的Logo呢?

生:网站的标识。

师:我们来欣赏图片3中几个网站的Logo,并思考他们所表达的含义。

学生思考,教师予以引导:百度的“熊掌”Logo的灵感来源于“猎人追寻熊爪印迹”的刺激,这与李先生的“分析搜索技术”非常相似,从而构成了百度的搜索概念。熊掌图案也最终成为了百度公司的Logo;新浪的大眼睛寓意世界尽在你的眼中等。

设计意图:采用了比较法、归纳法以及“基于问题的学习”等教学方法,让学生学会欣赏网站,通过欣赏和思考问题,初步归纳网页设计要素,并意识到:要根据主题,设计恰当的网页风格和内容结构。

4.网页评价,明确优秀网页的标准

活动要求:快速浏览学科网页上展示的上届学生的网站作品,选出自己感兴趣的网站进行投票。

活动过程:教师观察学生评分过程,实时展示各网页作品的投票人数柱状图,查看相应网页的评分结果。

分析评价结果,总结网站评价标准。首先,分析学生对网页评价的结果——引出网页规划设计应注意的问题:选题不能过大,网页名称有新意;内容栏目设置有条理,清晰;色彩搭配合理;版面布局规范,美观;导航设计恰当。

设计意图:让学生深刻体验优秀网页的设计标准,学生在学科网上投票评价网页,首先学生很感兴趣,其次大大提高了教学效率,将评价的结果作为讨论的依据总结出网站评价标准,环环相扣,从而轻松自然地突破难点(网站评价指标的讨论和确立)。

5.课堂实践,制定小组主题网页的规划

教师提出学习任务:以小组为单位完成网页规划设计表。而后,教师介绍学习资源,并提出组内按栏目和角色两个维度分工的建议(如图4、图5)。

设计意图:本环节主要采用了小组协作法和自主探究法,让学生去规划设计网页,为学生创造力的发挥提供了平台。学科网提供了大量的网站规划和设计的指导资源,并采用“半成品加工”教学策略给学生一个网页规划设计表和案例,尊重学生的个体差异,让学生有表可依快速进入了课堂实践。同时在组间形成竞争,促进了组内团结。按栏目和角色二维分工,使学生的责任更加明确,课后能有针对性地收集资料和素材。

6.展示规划,相互交流

请1~2组学生交流展示自己本小组的规划设计。学生浏览并讨论。

7.课堂小结

强调规划的重要性,以及规划的思路和方法。同时渗透我们学校的教育部部级课题《人生规划意识》。你不规划人生,就要被人生规划,希望我们的人生经过规划和设计后,可以成功和幸福。

教学反思

本节内容的基础知识和基本技能主要是利用学习网站设置问题情境、提供学习资源,学生可以通过自主学习获得,教师对部分重点难点进行讲解和演示。而动手规划部分要求学生主动地与同伴探讨、合作,将知识与技能内在化、系统化,达到认知结构的有效调整和重构。合作学习在这一建构过程中起了关键的作用。因而本课主要采用了自主探究法、小组协作法,个别地方采用了比较法、归纳法,而教法主要采用了任务驱动法、基于问题的学习、讨论法、讲授法。应该说,整个教学过程比较流畅,基本上都按照教师的教学预想开展教学,学生在教学中能够积极地思考和回答问题,能够学会有效地规划网站的方法,提升了规划能力和审美能力。

点 评

这是一个在借鉴基础上进行创新的优秀案例。说其优秀,是因为每一环节都体现出了设计者的精心、细心。

导入新课部分,由信息集成的一般过程引入,巧妙利用学生已学知识与技能进行迁移,即将信息集成中学习到的规划设计迁移到网站制作中,有利于促进学生在制作作品(包括多媒体与网站制作)中形成规划意识,这也是本次课的核心指向。

网站评价部分,引导学生根据网站分析的结果总结网站评价标准,实现了以评促学、以评导学的目的,在此过程中潜移默化地促进了学生对规划中应注意问题的关注,从而避免了类似问题的出现,以提升规划的效果。

网站规划部分,学生的规划不是空洞的存在,培养规划能力也不是纸上谈兵,因此教学中必须借助各种形式促使“虚”的规划设计落到“实”处,该案例使用的是规划表,也有案例采用了思维导图等方式来实现规划的具体化与可视化。

分组合作部分,作品制作课中学生工作量相对较大,因此分组合作是常见的方式。二维分工方式的采用,既保证所有学生都能经历网站制作,在此过程中形成对网站制作的体验与感悟,也较好关照了学生兴趣爱好等方面的差异。

课堂小结部分,在本次课教学内容的基础上,拓展延伸至人生规划意识的培养。既与教学伊始的设计呼应,又有很大程度的提升。设计者强调的是与该校相关课题的联系,其实,就作品(包括多媒体与网站制作)中的规划部分教学而言,最后提升至人生规划方是此部分的终极追求及应然境界。这一点,当为信息技术教师进行相关内容教学时所借鉴。

整体而言,该案例在设计上思路非常清晰,引领学生由理论认识到实践探索再到理论提升,实现了认识上的螺旋上升,由欣赏分析到具体设计,符合学生认知发展的基本规律,能够较好地达成教学目标。

网页计划范文第3篇

关键词:工作过程;课程设计;情境设计;网页设计

一、研究背景

根据齐鲁网及山东传媒职业学院毕业生岗位调研结果,我校毕业生在网页设计方面适应的岗位主要有网页页面设计、前端网页开发、后台动态网页开发等。

网页页面设计:主要应用Photoshop、Illustrator等图片处理和图形设计工具;

前端网页开发:主要应用Dreamweaver、Notepad++、Editplus等网页编码工具;

后台动态网页开发:主要应用Mysql数据库、PHP动态页面开发工具等。

这些工作岗位要求学生熟悉整个网页设计和开发的工作流程,具备所需的基本知识和操作技能,同时还要有良好的职业道德和团队精神,以适应行业发展需求。为了进一步实现职业院校的人才培养目标,提高职业教育的教学质量,围绕实际的网页设计和开发的工作过程,对《网页综合实训》课程进行改革和开发。

二、课程设计原则和设计依据

设计原则:以学生为主体,提高学生的学习兴趣;以职业岗位任务为导向,组织教学内容;以职业岗位需求为依据,突出职业能力培养;以项目为载体,训练学生职业岗位能力和自学能力。

设计依据:本课程以真实完整的网站开发项目为载体设计教学过程,以网站技术人员的岗位工作任务为依据,设计相应教学工作任务,以这些工作任务为载体设计学习情境。教师带领学生在网络机房完成网站项目的开发设计任务,学生以小组为单位开展工作任务。

三、根据岗位能力要求和专业培养目标,确定课程培养目标

1.岗位能力目标

(1)网页页面设计:要求学生能对网站结构进行规划及功能设计、能利用ps等工具设计制作网页页面效果图;

(2)前端网页开发:能将网页效果图重构为HTML网页、能为网页添加常用的js特效;

(3)后台动态网页开发:能进行网站后台数据库设计;能对常用的动态页面功能模块进行开发。

2.职业素质目标

完成具体工作项目,要求学生能自主学习和查阅资料。通过网络搜索资源,首先通过模仿然后举一反三,自主分析问题、解决问题;完成整个网站开发工作项目,要求学生具备良好的职业道德,能够团结协作共同完成工作任务,重在培养学生的团队合作能力和爱岗敬业精神。

四、根据工作流程,基于工作任务,设计学习情境

1.设计思路

网站开发实际工作任务主要包括网站规划设计、网站前端设计、网站后台开发、运营与维护。网站开发过程中的重要环节为设计与开发,即网站规划设计网站前端设计网站后台开发。遵循实际网站开发流程,本课程主要针对这一阶段设计开发一个实际的网站。

2.学习情境设计

遵循网站开发工作流程,以工作过程为导向,以项目为载体,把本课程设计成以下五大学习情境:(1)网站的整体规划设计;(2)网页设计与实现;(3)网页特效设计与实现;(4)网站后台数据库设计;(5)网站后台功能设计。

3.学习子情境设计

对应工作流程和能力目标,每一个情境又以工作任务为载体细分为若干个子情境,即学习任务。学习子情境要与整个项目的实际工作过程相结合,与每个工作阶段的能力目标相对应。下面以第二大情境――网页设计与实现为例,进行基于工作过程为导向的学习子情境设计与实施。

学习情境二:XX网页设计与实现

子情境设计及主要工作任务:

(1)网页版面设计:规划网页页面内容版块;绘制页面布局线框图;

(2)网页素材的搜索及制作:根据网站主题和风格,利用网络搜索,或利用工具软件制作网页素材;

(3)网页效果图设计与实现:利用ps完成网页设计psd效果图;

(4)HTML网页重构:根据psd网页设计图编写html网页代码。

4.考核评价设计

考核方法:本课程的考核包括平时过程考核和期末结果考核,两者各占一定比例。

考核对象:包括小组团队考核和个人表现考核,且侧重于团队的考核,着重培养学生的团队协作意识。过程考核除了考核团队协作以外,还要对学生个人表现情况进行考核,根据小组分工、工作量和完成质量等对每位学生进行考核。

考核内容:工作状态、项目完成质量、团队合作、完成时间、组织纪律。

考核方式:主要包括现场考核、日常考勤等。

参考文献:

[1]向志华.基于工作过程的网页设计与制作[J].湖北广播电视大

学学报,2012,6(32).

[2]赵文丽.基于工作过程的网页制作技术课程设计[J].软件导刊・教育技术,2012(7).

网页计划范文第4篇

【关键词】

《网页设计》课程是一门实践性、应用性、创新性都很强的学科,知识覆盖范围较广,不只是网页制作知识,图像处理、色彩搭配、动画制作等内容也涵盖在其中,非常适合采用项目化教学方式授课,使学生边学边用。这种方式会比传统的授课方式得到更好的效果。

1 什么是项目化教学

项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力,提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务,要求学生在规定时间内协作完成。项目实践过程中,课程要求的知识和技能得到理解和把握,学生分析问题和解决问题的能力得到提高,与人协调、合作的能力也得到增强,项目结束后原则上应有一件较完整的作品。在项目化教学中,教师带领学生精心挑选项目,指导学生进行具体的项目实施,并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体,通过小组成员之间的团结协作,共同探究并完成项目学习任务,在短期内形成一个比^完整的作品。这种被总结为“以行业为导向,以学生为中心,以能力为本位”的教学模式,使学生学习的积极性被最大程度的调动,每个学生都能尝到成功的喜悦。

项目化教学的特点主要体现在:(1)实践性:项目有针对性和实用性,与学生可能从事的工作密切联系。(2)自主性:学生根据自己的兴趣选择在小组中担任的角色,选择探索和完成任务的方式,选择展示和评价的方式,能够自主、自由地进行学习,学生创造能力得到有效发展。(3)发展性:长期项目与阶段项目相结合,实现教学目标。(4)综合性:多数任务需要运用多门学科以及综合能力。

2 《网页设计》课程的项目设计

项目设计是项目化教学的关键,好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能,并有兴趣参与其中。由于本课程的知识内容涉及较多,并与其他课程有一定的交叉,所以项目分为阶段项目和长期项目。

阶段项目在前期的“理论和案例”教学阶段,该阶段主要通过案例讲授网页设计的基本技巧和方法, 完成学生的基本训练和专业训练。《网页设计》课程的学习内容主要有:网站的规划、网页布局的实现(框架、表格和层)、网页元素的制作(文字、图像、表格、表单、视频、动画等)、网页脚本特效、网站与维护。阶段项目主要依据阶段学习内容设计,包括(1)网站策划书的撰写(2)网站首页与分支页面的版面设计(3)网站 Logo 的设计(4)网站导航条的设计(5)制作明星主页――表格(6)制作花卉网页――框架(7)制作班级网站的主页――层(8)制作班级网站中的注册页(9)弹出窗口与页面动画(10)在页面中添加滚动的文字(11)制作班级网站中的帮助页(12)域名的申请(13)班级网站的优化(14)网站的测试、、更新与管理。该阶段的项目由于比较简单,以学生掌握知识技能为目的,不给学生分组,主要有学生个人完成。

第二阶段是“专题实训”教学阶段,在学生掌握了基本知识技能的基础上,强化应用,强调创新,强调小组组员间的分工合作。我们根据课程特点和学生特点,设计了几个项目可由学生小组任选一个完成。(1)宿舍网站;(2)淘宝网个人网店;(3)某企业网站;(4)本系网站。

3 《网页设计》课程项目化教学的实施

(1)明确项目任务:教师提出任务,同学讨论。项目要要紧密结合教材内容,也要给学生留有想象的空间,以供他们可以利用所学知识来发挥创造。设计项目不能过大,尽量在较短时间内完成整个项目,最终形成的成果应该是一个比较完整的作品。

(2)制定计划:学生制定工作计划,教师审查并给予指导。

(3)实施计划:学生分组及明确分工,合作完成任务。在项目实施的过程中,各个小组结合其自身的项目计划来实施项目。小组成员都必须保证具备团结协作意识,提升工作效率,教师不应该放任自流,而必须进行适当的引导。

(4)考核环节。本课程的考核成绩主要有阶段项目成绩和长期项目成绩两部分组成,各占50%,其中,阶段项目由教师评价,长期项目的成绩包括小组间互评和教师评价两部分,占比为6:4。

(5)归档或应用。将项目化教学的过程记录归档,总结,并应用于新的实践

4 结论与总结

项目化教学不但充分调动了学生学习《网页设计》这门课程的积极性,提高了学生的自信心,而且培养了学生的创新能力、小组协作能力等职业综合能力。这种超越了传统教学模式的教学方法非常适用于《网页设计》课程,值得在教学实践中进一步探索。

【参考文献】

网页计划范文第5篇

1网页的框架设计

根据日化客户的网页设计需求,进行市场调研,了解消费者需求、网页风格定位,初步规划板块结构、设计具有风格独特和整体形象清晰的网站,我们可以把一个复杂的网站设计把大小尺寸、主次模块进行草图划分和分割,划分成相互独立的二级导航,每个二级导航再划分成三级、四级等子栏目的草案。购物电商网站的重点划分应该是产品展示,也可以把日化产品按功能分类变成一级导航重点强调,可以直接展示产品相关信息和图片,让目标消费者迅速找到自己所需商品。其他如企业背景、客户服务都是辅助信息。每个产品的页面规划也尤为重要,麻雀虽小五脏俱全,能够在页面中力求平衡,导航清晰,起到了一个优秀导购员的作用。结构设计规范有序且有章可循,主次关系分明是网站设计的重要前提,结构设计就如同大纲,有了大纲才能对后续设计有整体的认知和把握。在此基础上与客户进行沟通与调整,根据反馈信息,进行协调修改,防止网页设计大功告成却突然结构调动,避免费时费力,尽量做到一步到位。

2网页的版式设计

网页的版式设计和平面设计有很多相似之处,是根据图文、动画、视频等要素有秩序、有机的组织在有限的屏幕空间,并且有一定的视觉导向感,能够使视觉有主次、合理律动地在屏幕中穿梭,并且获得轻松而美的享受。根据客户需求,可以强化页面整体构成设计,为了更好地让产品的功能效用和营销广告能被关注,需将各元素在版式编排中做整体视觉流程策划,根据视觉运动规律来策划,如页面上块面大小、色块的互补等都会引发视觉张力,引发受众亢奋感。在网页设计主页面的设计上,我们的视觉焦点一般在网页中心点偏上的位置,人的视觉对于版面视觉的关注度一般是上部比下部强,左半部比右半部强,才引发了“国”、“同”、“T”“、川”字的网页版式设计,后随着页面元素的强弱大小等相关规律视觉开始进行流动,最后完全吸收网页。例如,百雀羚的电商设计就结合当下和“好声音4”的合作广告和热销产品“年方十八”三生面膜五折热卖等营销广告翻转滚动来表现,其中式的红木柜作为整体网页穿插元素,表现了老国货持久弥新的经典魅力。产品描述中的视觉版式设计和一级页面的版式设计差异较大,产品描述如上图的分支结构一般有十几个小块面构成,如果每个小块面单一的版式设计会引发受众的视觉疲劳,没有耐心看下去,从而无法吸引消费。因此,我们在产品描述版面构成中要注意参考平面设计的方法,可以用直线、曲线、焦点、反复、导向、散点视觉流程,动静结合、刚柔并济、综合使用。

3网页的文字设计

汉字起源于象形文字,它既是字,又是画,自古就有“字画同源”之说。经过长期的发展,汉字由繁到简,由具象到抽象,成为一种规范化的符号。网页的导航条、广告语、网页标题、正文文字都是网页信息的重要组成部分。其中为了区别正文文字,对受众视觉进行传播信息和视觉诱导,导航条和广告语的设计要结合色彩、图形着重设计,文字之间的间距、大小、行距和字体要选择和网站设计风格保持统一性,文字和背景要形成鲜明对比,以便突出文字内容。同时,网页设计具有交互性,文字可以设计成色彩、大小等特效的变化,增加页面的互动性、生动性和可读性,更加良好而准确地表达文字的意义。其他标题文字和正文文字要和谐布局,字号、色彩统一,忌讳色彩繁多每个页面字体不一致。文字的设计和编排的好坏,影响到整个网站设计的品位和整体性。如欧莱雅,其中文字既有与图形设计相结合的层次性,又有阴阳大小虚实变化,其文字的块面信息只有两块,且面积形成鲜明的对比却很好地统一在蓝调子里面,还进行了留白处理,空间感、光感强烈。

4网页的图形设计

在快节奏忙碌的现代生活环境中,广告遍布大街小巷,人们已经无暇一一看广告的文字内容,广告的图形设计也变得很重要。同样,网页设计也进入了读图的时代,电商网页图形设计一方面直接展示产品或相关信息、技术来促使消费者购买,同时也满足消费者审美的心理需求,增加亲切感。产品图片的拍摄质量非常重要,加上后期修图就能够表现非凡品质。摄影图片和素材组合设计在网页中的面积和比重相对于化妆品电商网页来说尤为重要。点线面在网页设计中的需结合得恰到好处。一个汉字、一个按钮、一个标志都是一个点。点的形状、方向、大小、位置、聚集、发散,都能给人带来不同的心理感受。线是点的轨迹,起到强调、分割页面结构,引导视觉流程的作用。不同方向、长度、宽度、形态的线性会给人不同的感受。面的交替使用、合理分割,能使页面产生井然有序的和谐效果。例如,相宜本草(图4)的几套代表性的系列套装就较好的结合了点线面的设计,以线相连,让画面之间有了联系,诱导消费者的视觉自然转移,优惠价的文字突出作为互补色对比,格外耀眼,这个就是点的延伸。圆旁的细虚线使得产品层次更加丰富。

5网页的色彩设计