科技论文海报制作模板

科技论文海报制作模板

科学研究的发表量一直在不断增加，这使得原稿越来越难获得关注。论文内的高质量插图能在提交服务中为您提供帮助，而且在您的论文获得发表后还能吸引读者。学术信息图能帮助使您的发表作品在社交媒体及其他地方产生影响。借助 爱思唯尔Elsevier 的插图服务，您可以将您的想法变成专业插图，帮助您产生影响。

万彩动画大师软件下载：免费获取去水印会员：

首先你要了解你要做多大尺寸的海报，然后拿到素材和文案，再根据你喜欢的版式排版。最后就是配色和设计使画面里的内容表达给观众。

推荐几个超好用的工具，即使是设计小白，也能很轻松地做出高大上的海报：

1、Chuangkit

Chuangkit（）是一款超级强大的在线海报制作神器，我已经用了快三年了，做海报就像做PPT一样简单，只需要把各个元素拖拽到画布上，就可以做出各种逼格满满的海报了。

里面提供了各种各样的素材，海报、画册、传单、邀请函、营销长图、名片......

基本上想要的都能够找到

比如这样的时尚杂志封面：

点击选中元素就可以编辑，还可以像PPT一样随时拖动，操作真的超级小白

还有很多原创的插画和素材可以选择，直接在线就能做出高大上的海报了：

通过拖动，就可以把各种原创元素放进自己的设计中，没有任何版权风险：

这是用平台的原创照片+原创插画组合出来的微信封面图，虽然和Ps大神没法比，但是应付日常使用已经完全足够了：

2、Canva-可画

Canva是一个超级棒的全球设计工具网站，参考网站模板，小白也能做出高逼格的海报。

论文学术海报模板制作

1、首先打开Word文档，把活动所需要的的内容打上去。把标题居中，并且调节合适的字体，字号。

2、调节小标题之间的行距，使其变得更美观，选中全部小标题，点击右键，选中“段落”，如下图所示。

3、再点击“行距”，选择自己需要的行距。

4、为了美观，背景图片不可或缺，点击“页面布局”下的“页面颜色”点击“填充效果”。

5、会弹出一个对话框，点击“图片”，在点击“选择图片”，之后选择合适的图片就完成了。

学术会议的海报一般都用PPT做，做完后告诉打印店老板尺寸即可，根据尺寸收费，打印时即是彩打。

问题一：我要学习海报，怎么做啊 海报设计制作的步骤 海报设计制作的步骤 小草图 首先准备一些与海报画幅同一比例的缩小画纸，一般只有1／8~1／4大小。这种缩小比例的小图称之为小草图，因为其面积较小，海报设计师或专门的编排设计师就有条件试作多幅编排方案，有时候多达20幅、30幅不等。用这些小草图试征求旁人的意见，从中选出数张较好的，依此作为进一步参考。小草图主要表现整体构图效果，而不必表现各构成要素的种种细节。 设计草图 从小草图中选定二三张放大至海报画幅原大，并注意画幅中各种细节的安排及表现手法，这种图样被称之为设计草图。它一般要表示出标题、插图等的粗略效果，正文则采用划直线的方式代表字数和段落，直线与直线之间的距离代表着字的大小。应该注意的是，设计草图虽是广告制作的实验品，但却是个重要阶段。有些小草图放大至设计草图后，效果上即有了显著变化，甚至失去了画面平衡。这时须对放大的稿子再作调整，重新安排画面各构成要素的比例、大小、位置、色彩、形态等。另外，这些设计草图看上去仍然非常潦草，但广告设计师或有经验的广告主却能够从中相当满意地想象出成品广告的模样。 通过电脑设计草图已是快速而有效的方法。 从数张设计草图中选定一张作为最后方案，然后做设计正稿。随着电脑图形图像技术的发展，在海报设计中，电脑图文制作已渐渐替代手工正稿制作。 海报中最基本的一种尺寸是30英寸×20英寸(508×762mm)，相当于国内对开纸大小，依照这一基本标准尺寸，按照纸张开度又发展出其他标准尺寸，如全开、四开、八开。常用的尺寸是大度的四开和对开。此外，一些超大型的海报常用于车站的墙面广告和户外广告，有的长达数米。 海报多数是用制版印刷方式制成，供在公共场所和商店内外张贴，DTP技术的熟练运用可以创作出精美的海报广告。当然，也有一些出于临时性目的的海报，不用印刷，只以手绘完成，此类海报属POP性质，如商品临时降价优惠、有奖销售；通知展销会、交易会；时装表演或文艺演出等。这种即兴手绘式海报，主要靠水粉颜料或记号笔等绘制，有时用即时贴代替，大多以手绘美术字为主，有时兼有插图，且较随意、快捷，它不及印刷海报构图严谨。优点是：传播信息及时，成本费用低，制作简便。但随着电脑图文制作技术的发展，这种手绘方式也渐渐被取代。高效快捷的电脑辅助图文设计，以大幅面彩色打印机输出常常用于制作要求较高而批量较少的大型海报广告，比如橱窗和灯箱里的海报广告。 -------------------------------------------------------------------------------- 问题二：如何制作海报 想学简单的PS 1、打开PS，新建一空白文档，背景色设置为白色，文档大小根据实现需要来定义。 2、接着选择一张可作为底图的图片并打开，利用“移动工具”将该图片移动到当前文档界面中，以创建“图层1”，然后按“Ctrl+T”对其大小和位置进行调整。 3、接着点击“图层”面板中的“添加图层蒙板”按钮，为当前图层添加蒙板。然后选择“渐变填充工具”为其填充“黑白”渐变。 4、接着再打开一张可作为底图的图片，同时为其应用蒙板和渐变填充。并调整其透明度，使其看起来略显暗一些。 5、再插入一张图片，由于该图片有背景，因此选择“魔术棒工具”，将背景选中并删除掉。然后设置其“图层混合模式”为“强光”。 6、然后选择“文字工具”，输入与探险主题相关的内容，如“Secret Advertuers”，设置文字的形状，并应用样式，参数如图。 7、新建一图层，按“Ctrl+Alt+Shift+E”创建盖印图层。执行“滤镜”→“艺术效果”→“海报边缘”。 8、接着再执行“滤镜”→“锐化”→“USM锐化”，参数及效果如图。 9、最后再加入一些文字性的描述信息，并应用相关样式。最终效果如图。 问题三：科学海报资料咋做 这问题问的也忒大了，跟问你做菜怎么做一样，没人回答的，沉了吧 问题四：怎样用photoshop制作一个医学相关海报 工具/原料 photoshop软件 相关图片素材 方法/步骤 首先，需要安装photoshop，然后打开该软件, 新建一张像素为2532*3401（像素根据所需）像素的空白文档。 去中国素材网或者百度图片搜索，找到相关需要的素材，将素材图片拉进文档，对图片进行变形（按住 Ctrl+T 快捷键或者 编辑》变形），使其适应大小。 新建空白文档，在文档中编辑好相关的文字，复制文字，调整顺序以及位置，对文字图片进行排版。 4 按照Ctrl+shift+alt+E, 盖印图层，点击保存为web所用格式，导出之后，一张海报就制作完成了。 问题五：一学一做海报怎么设计？ 先看下别人同类型的海报，多参考几张，取长补短。在制作自己的。 问题六：制作大学海报的详细步骤 我说的是手绘的 首先买纸 买海报纸 79cm*109cm的 有黑白两种 一般时 用一张 竖着使 这是最基本的 颜料 一般使广告色 便宜 还有马克笔 一般短时间的海报 用马克笔方便 画的时候 首先确定你要画的主题是什么 然后要打小样 就是在纸上大概画出图 哪写字 写什么 哪画画 画什么 都想好 然后在海报纸写 按照小样画 标题处写上写标题 下面就写你活动后者要宣传的具体内容 字体 少而突出的字 用pop字吧 网上有 去查查 也有书 如果要长时间画海报 就买几本这方面的书 总有用得着的时候 其实 海报不用拘泥于一种格式去画 不同的内容 可以用不同的格式 像这个 你就标题写“新老生交流活动展板”把什么政治 学习 生活的内容写上 找空地 画些花边 或是找块大点的地 画个什么 花草树木 卡通人物 都可以 看你的内容是什么 就配合画什么 基本就是这些吧 给你张 看一下 这是最基本的 有点压了 应该是长的 （提醒你，你说给你发邮箱里，邮箱呢…………） 问题七：用什么苹果软件制作学术海报 本来没有，勉强可以用iWeb做做排版，这个是默认安装的。推荐用Adobe Indesign或PrintFolio套装，AI或QuarkXPress也可以作为备选。Mac默认只提供面向个人的基础软件，设计类还是得自行安装。 问题八：大学社团的海报是怎么做出来的 有技术的可以自己做，用PS等等绘图，在网上寻找一些素材。 没技术的就找美工咯~ 当然大学社团中一般都有来自各个专业的学生，大多数社团里面都有有这个技术或者是这个专业的学生，一般都是自己制作。 希望能帮到你~满意请采纳谢谢~ 问题九：学术会议海报(poster)一般用什么软件制作的？ 15分 学术会议的海报一般都用PPT做，做完后告诉打印店老板尺寸即可，根据尺寸收费，打印时即是彩打。

动态海报制作论文格式模板

1.第一，先进入图小白的网站。 2. 接下来选择页面上方的【GIF动图】，这里的GIF动图可不是表情包动图，而是动态海报。 3. 进入后，我们会看到有很多的动态海报（不用点击就能预览效果，都是动态的），涉及很多方面，比如有招聘海报、美食宣传、新品发布等等，可以在这里面搜寻你所需要的模板。 4. 选择适合的模板后，就进入了制作页面。 5.在这个页面中，可以点击模板中的文字、图片进行替换；也可以点左边栏素材区，进行自由的更改，添加装饰、更改排版等。 6. 待替换更改完成后，就可以保存下载了。

动态海报脚本如下://打开模式对话框function doselectuser(txtid){ strfeatures=”dialogwidth=500px;dialogheight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no”; var url,strreturn; url=””; strreturn=(url,,strfeatures); }//返回模式对话框的值function okbtn_onclick(){var commstr=; ; () ;}全屏幕打开 ie 窗口var winwidth= ;var winheight=;(“”,”surveywindow”,”toolbar=no,width=”+ winwidth +”,height=”+ winheight +”,top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statusbars=yes”);break//脚本中中使用xmlfunction initialize() { var xmldoc var xsldoc xmldoc = new activexobject() = false; xsldoc = new activexobject() = false; (“”) (“”)

动画脚本书写方法一、讲解动画脚本书写方法幻灯片 •素材、课件、教学资源、教学软件之间的关系 1、素材完成某个教学环节所需要的资料。 媒体类型文字、图片、声音...

你好，朋友 希望我的回答对你有帮助。望采纳，谢谢老板 故事脚本又称故事板，或故事画纲，是指企业宣传片创意完成阶段，借助美术手段对企业宣传片创意所做的效果创意图，是企业宣传片分镜脚本视觉化的产物。通常情况下，导演在拿到剧本后，会在正式拍前安排美术人员根据剧本中的场景和剧情绘制出一幅幅单独的画面，用来表现实拍时所需的镜头数。企业宣传片拍摄时，导演会根据画面进行分段拍摄。 故事板的绘制使于企业宣传片创意人员整理构思，使自己的概念能够得到初步落实。通过绘制的画面并配以文字，创作人员将想法表达出来，以便对企业宣传片创意进一步斟酌和完善。企业宣传片创意必须取得客户的认可。但是仅仅凭口头向客户叙述企业宣传片脚本的内容与表现是不容易被理解的。连环画式的画面加文字说明，有助于客户对创意情节的理解。可以说故事板是企业宣传片成型阶段与客户沟通的最佳手段，同时根据故事板，客户也可以对企业宣传片摄制所需的经费预算有一个感性认识。企业宣传片故事板的主要内容：1、客户名称和产品名称；2、企业宣传片的长度以及每个镜头的时间；3、镜头画面及其文字说明；4、镜头声音的文字描述；5、镜头的拍摄方式与组接方式；6、特殊要求及其他注意事项。和场记板需要写清楚场次等信息一样，故事板上也要标注上镜头运用方式、时长、对白、所需的特效等等，方便导演、摄影师、演员等在企业宣传片开拍前对场景的镜头有一个全面细致的了解。故事板作为一种直观简单的方式，能很好地解释企业宣传片导演的意图。在某种意义上说，故事板就是一个可视的剧本，而故事板绘制者也就是“平面的导演”。企业宣传片脚本一方面是创意概念的文字化，另一方面是创意概念的视觉化。要把创意场景有声有色地描绘出来。故事板的绘制，要求每幅画面都要合乎创意的逻辑和视听语言的逻辑，能完整表现企业宣传片创意的内容。故事板是广告创意的翻版，它必须突出企业宣传片的主题，能够按企业宣传片创意的要求来完成。企业宣传片文字脚本的结构由开头、中间展开、结尾的主要内容，篇幅较大。下面分别介绍。(一)开头部分。开头在企业宣传片中占有很重要的地位，它的作用是吸引观众的注意力，引起观众的兴趣。开头部分不宜过长，通过几个镜头、几句解说就点出主题。常用的方法有：1、开门见山，直接进入正题。2、提出问题，形成悬念这种方法带有启发性，思考性。3、安排序幕，烘托气氛这种开头的方法也是常用的方法，它的作用是通过要表达和说明的问题，引出主题，给观众造成深刻印象。(二)中间展开部分这是企业宣传片的主要内容，是全片的重点和中心，不管采用哪种，都要做到以下几点：1、循序渐进，逐步深入。即不断提出问题，解决问题，按一定的逻辑顺序，逐步深入地去揭示问题。2、层次溃楚，段落分明。必要时可用字幕的标题分隔，让人很容易理解各层次及其联系，每一个层次可用几个段落来表达，每个段落表达一个问题，段落与段落之间又要相互联系。3、详略得当，快慢适宜。内容表述的详略，直接关系到对主题的体现，详略得当能使全片中心明确、重点突出、结构紧凑，为此重点内容部分要详写，相关的其他问题则要略写。4、过渡自然，前后照应。过渡是指上下文之间的衔接转换、镜头组接中的内容过度后内容的关照呼应。过渡一般是指各层次、段落之间的过渡和转换中(三)结尾部分。结尾是企业宣传片制作的有机组成部分。结尾的方法有以下几种：(1)总结全片，点题。(2)提出问题，发人深省。好的结尾要做到简洁有力总之，开头、中间、结尾是企业宣传片文字脚本的一个有机整体结构，头要开得好，尾也要收得好，主题展开部分更应丰富多彩。企业宣传片脚本中写画面要注意以下几点：1、运用电视语言写画面。电视画面是一种特殊语言，它同文字语言、口头语言一样，也遵循语法、逻辑。它既能准确地反映现实世界，又能表达思想、情感文字语言的基本单位是词，画面语言的基本单位是镜头，即连续拍摄的一段画面。通过把一个个画面组接起来，形成镜头组，能通顺地说明一个现象、一个情节或一个事件。因此，在写文字脚本时，脑子里必须装满镜头，并且时刻考虑好根据信息表达的系统性、逻辑性，安排好画面的组接、段落的转场。只有这样，才能发挥电视手段的动态表达的特长。2、画面的形象描述要具体、准确。画面上的内容是什么就写什么，不能似是而非，描述的时候不能过于简单，让人看不明白。对于人们不熟悉的事物，要从表到里、从近到远、从大到小，对其形状、大小、位置、颜色、质地以及声音等一一作具体的描述。最好再故上一件大家熟悉的东西加以比较。对常见的事物则可以寥寥数笔，使人看懂即可。3、画面的写法一般采用叙述、描写和说明，必要时可用绘图表示。4、画面设计要掌握好节奏。企业宣传片的节奏形成，虽没有故事片的电影、电视剧那么复杂，但会受画面上物体的运动速度、摄像机运动的快侵，以及切换形式、视频剪辑技巧、音乐、音响等因素的影响。在设计画面时，要充分考虑这些因素，既不能把节奏设计得过快，让人目不暇接；也不能缓慢拖拉，使观众感到厌倦，产生反感。5、设计的画面内容是能拍摄到的。历史上出现过的事件和现象，没有留下影像资料，或者受现有摄影摄像设备条件或视频制作技术限制无法实现拍摄，如航拍某地区的鸟瞰，这时可考虑用模型或动画代替。另外摄影摄像还会受经费的制约，如果经费不足，也可考虑用现有的视听资料代替。6、画面设计与解说词要配合。每一个画面或一组画面，要配上一段相应的解说词，不要错位。企业宣传片脚本的四项功能：1、记录、修改和完善企业宣传片创意情节；2、企业宣传片画面内容和声音的文字描述通常要参考分镜头脚本美工绘制提供方便；3、可以当作企业宣传片计时的依据。按照分镜头脚本的情节，可以计算时间长度，以便多删少补；4、作为和客户沟通的工具。为了提高效率，企业宣传片创意先成之后，往往把创意的分镜头脚本用传真或电子邮件发给客户，让他们进行筛选，再把他们认为不错的企业宣传片分镜头脚本用故事板的形式画比来。企业宣传片分镜头脚本的写作，需要用生动形象的语言把创意按照场景的顺序描绘出来，以便对未来企业宣传片进行具体形象的勾勒。企业宣传片分镜头脚本的写作应符合以下要求：1、必须具备时间观念。对整个企业宣传片的时间长度以及每个场景都要有个精确的估算。2、必须具有画面感。文字要求形象化和画面感，阅读后应能浮现文字所描述的相应画面和动作。因此文字必须干净简洁，避免过多修饰性的文学语言。3、需要附上简洁的创意说明。包括为什么要这样设计，能够产生什么样的效果，最大的焦点在哪里等。企业宣传片分镜头脚本的写作与电影故事片的剧本写作类似，有多种写作格式：第一种格式将视觉部分和听觉部分结合在一起，依照时间顺序对每个场景逐一描述。第二种格式分为画面和声音两部分。画面部分对图像中的场景依照时间顺序进行文字描述，声音部分也是依照时间顺序对每个场景的旁白、对话、音乐和音效进行标明。第三种格式分为场景、内容、旁白和画面参考。相比第二种格式，多了场景的具体描述和供客户参考的图片。其实，这于种格式只是有些简单一些，有些详细—些，并无本质的区别，关键是为了运用，为了让客户明白你的创意，能看到创意的视觉效果。到底采用哪种格式，和文案的个人习惯有关，如果想简略一点，可用第一种，如果想表达得很详细，可以用第二种。

论文答辩海报制作模板免费

毕业答辩PPT模板免费下载

链接:

站长之家——免费PPT模板瑞普PPT论坛——专业PPT论坛(部分免费，高质量)

office软件就有自带

您好楼主，您可以进入这以下4个网站，里边有很多模版可以下载，你可以按照自己的要求筛选，望采纳，谢谢：

您这个问题是我在2016-10-15 00:26回答的，您到现在都还没采纳呢，老个，神坑啊~~~（但是，你会发现，我答案是2017年6月2日 提交的，那是因为2017年6月2日 是我最后一次修改答案的时间，显示的日期是最后修改的日期，而不是首次提交答案的日期。）

而且，不知道为什么竟然还有人点  拇指向下  。有意思。

一定要采纳哦。这个是好东西。留着，收藏起来，这是一个很好的习惯。

网页制作技术论文模板

这方面的毕业设计主要是要通过软件设计出来一个网站，然后再结合你设计的网站写论文。

为了增加网页的吸引力和可理解性，以及互动性，网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文，供大家参考。

网页设计毕业论文摘要

摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。

网页设计毕业论文内容

关键词:Flash动画 网页设计 应用研究

随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。

1Flash的运用及特点

MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。

2Flash动画在网络设计中的应用

在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。

3结语

综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。

网页设计毕业论文文献

[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.

[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.

网页设计毕业论文内容

当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用 方法 ，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。

1两个关键概念：响应式网页设计与原型

响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用J•R•安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。

2建构响应式网页设计的原型

建构原型一般采用心理模拟法，它包含三个步骤：

(1)响应式网页设计活动的功能分析;

(2)响应式网页设计活动的结构分析;

(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用