交互设计范例(3篇)

交互设计范文

关键词：网络互交广告设计

网络互交广告设计是利用网站上的广告横幅、文本链接和多媒体等方式，在互联网刊登或广告，最后通过网络传递到互联网用户的一种高科技的，使得广告可以快速运作的一种新型方式。报纸、杂志、电视、广播是传统的四大传播媒体，比起传统的传播媒体，近年来广告备受欢迎。网络互交广告设计因其具有交互性、速度快、范围广、容量大等优点，以及具有得天独厚的优势，逐渐被广大商家和消费者所接受。网络互交广告设计的市场以惊人的速度不断增长，发挥的效用越来越重要，俨然成为继传统四大媒体之后，兴起的第五大媒体[1]。

一、网络互交广告的历史背景及起源

信息产业急速发展，极大程度地改变人们的生活生产，同时，也对传统的广告媒体产生深远的影响。以Internet为传播媒介的网络互交广告不断渗入到企业发展中，逐渐成了当今欧、美发达国家的最热门的广告形式。目前，我国的网络互交广告媒介中的广告创意与设计的相关理论研究虽然正处于起步时期，但是，我国广告公司和客商开始涉足网络广告，为我国的新型网络互交广告提供了新空间。网络互交广告设计具有交互性、速度快、范围广、容量大等优点，逐渐被广大商家和消费者所接受。无论广告公司还是营销厂商，在目前的阶段，在改变营销传播方法及选取媒体的方式上都面临极大的机遇，也面临极大的挑战。我们发展适当的新型媒体战略时，首先应该考虑到很多变数，比如市场的范围、信息的性质、消费者的购买心态、预算标准、竞争战略、媒体本身的基本性质等。媒体计划的宗旨是将网络互交广告的广告经费效率发挥到极致，有合理的到达率、频度和连续性的分量等。

网络互交广告源于1994年的美国。网络版的hotwired，以及其主页上开始有广告Banner是广告史上里程碑式的标志，网络互交广告设计让网络开发商与服务商看到了一条光明的新型广告的发展道路。与此同时，我国IT业界也于1997―1998年期间，逐渐意识到网络互交广告的明朗前景，网络互交广告不断出现在我国网站中。目前，网络互交广告设计已成为各大网站的建设目标，比如，类似于国际知名网站Netscape等早已成了网络互交广告设计之门，在中国，也有很多网站奋起直追，向网络互交广告设计之门的方向不断前进，比如搜狐、新浪网等大型网站，网络互交广告的设计引领了互联网络互交广告发展的新方向[2]。

二、网络互交广告的主要形式

网络互交广告的主要形式大致可以划分为九种：网幅广告、文本链接广告、电子邮件广告、赞助、与内容相结合的广告、插播式广告（弹出式广告）、richmedia、其他新型广告和来电付费广告。目前，网络交互广告中比较流行的交互方式有鼠标交互式、键盘交互式、摄像头&麦克交互。网幅广告通常指的以flash等格式，进行建立的图像文件，网幅广告的定位是在网页中大多用来表现广告的内容，同时网幅广告具有结合使用java等语言使其产生交互性的特点，使其可以使用shockwave等插件工具增强表现力。文本链接广告指的是以一排文字作为一个广告，点击选项之后可以直接进入相应的广告页面。文本链接互交广告最大的特点是对浏览者干扰最少，效果不错。电子邮件广告的特点是针对性强、费用低廉，且广告内容不受限制[3]。电子邮件互交广告可以针对具体某一个人发送特定的广告，是其他网上互交广告所不能及的。赞助式网络互交广告比传统的网络广告能给予广告主更多的选择，其最大的特点就是广告多样性。广告与内容的结合是赞助式广告的一种具体形式。插播式广告也被称为弹出式广告，它是以一种访客在请求登录网页时强制插入一个广告页面或弹出广告窗口的方式进行的。它的广告有各种不同的尺寸，互动程度也不同，例如从静态的到全部动态的形式是都存在的。插播式广告的出现之前没有任何征兆，肯定会被浏览者所看到。相比而言，它能表现更多、更精彩的广告内容。其一般指使用浏览器插件或其他脚本语言、java语言等编写的，同时具有复杂视觉效果和交互功能的网络互交广告设计。

三、技术发展下网络交互广告设计应对策略

随着社会的进步与科技的发展，为了更好地适应社会的发展需求，我们要在技术发展下逐步探索出一些网络交互广告设计应对策略。

1.网络互交广告与传统的广告相结合，强化广告宣传的效果。加强网络互交广告的创新。增强网络广告的互交性，网络广告的最大优势就是其具有的互交性，它的主要特点是强调受众对广告活动的参与和控制，同时由于其具有复杂的视觉效果和互交功能，在广告表现形式上更具有多样性，更能为大众所接受。

2.达到更好的收听效果。比如，可以增加网络带宽，开发新的信息处理技术等，以便强化网络互交广告的视听效果。适当采用弹出式的广告，并且充分发挥搜索引擎广告的作用，提高网络广告的针对性。使用时段广告，减少广告投放的盲目性，节省广告费用。

3.利用网络互交广告的互交性管理客户关系，全面评估网络互交广告的作用。信息技术飞速发展，信息网络已经不断渗透到生产生活中，网络广告互交设计同样如此。网络时代，网络互交广告设计应该采取相应的策略。然而，创新和发展是必要的条件。网络互交广告设计发展的前提是随着时间的不断变化，紧紧抓住时展的脉搏，运用创新的意识，以信息网络为平台很好地促进网络互交广告设计的发展。

参考文献：

[1]袁媛.事论网络广告市场发展趋势――回望“非典”[J].湖北社会科学，2004（08）.

交互设计范文篇2

关键词：互通立交；高速公路；景观；安全；方案比选

Abstract:interchangeisoneofthemainroadcrossthemainway,especiallyhighwayoneoftheimportantstructures,correctlygrasptheinterchangesdesignelements,choosetheinterchanges,accurateapplicationtechnicalindicators,toensuredrivingsafetyandservicelevel,reducehighwayconstructioninvestment,savingland,improvehighwaylandscapeeffectiscrucial.Combinedwiththespecificdesignexample,thispaperdiscussestheproblemsthatshouldbepaidattentiontointhedesignofurbaninterchanges.

Keywords:interchanges,Thehighway;Landscape;Safety;Schemeisselected

中图分类号：TU984文献标识码：A

城市互通立交设计的一般原则

城市互通立交的布设应综合考虑交通量、城市总体规划、建设项目的使用功能及其在路网中的地位，并结合地形、地物、经济等因素合理确定，使互通立交达到经济、合理、快捷、安全、舒适的高标准要求。一般设计原则如下：

注重交通分析与组织，解决好各主要交通流方向通行，做好立交方案选型。

设计不仅要满足功能的要求，还要体现出合理性、安全性和经济性，既便于近期建设，又要充分考虑到与远期的结合，使项目能适应未来交通发展需求。

妥善处理好立交与地形、地物的关系，做好立交各层次关系分析。

设计方案应充分考虑施工期间的交通组织和保障道路正常通行，且尽量减少对周边群众的影响。

贯彻城市设计理念，力求设计达到与城市风貌的融合，体现现代化城市的时代气息，注重立交景观与周边环境的协调。

城市互通式立交设计方案概况

（一）设计背景

马尾大桥项目起点为在建环岛路（螺洲大桥至动车南站）的延伸段，道路起点接环岛路设计终点。主线高架桥起点K0+000接环岛路主路机动车道K6+100，地面辅道接环岛路辅道K6+100。

本项目作为东部新城与东北向高速路网直接对接的主通道，作为城市环路的切向线，终点与机场高速相接。主线过江需与东西方向对接，经交通量分析，需设置枢纽型互通立交才可满足要求。以区域路网来看，设置立交被交叉路有福泉高速、南江滨大道、机场二期、福马路、北江滨大道。由于南江滨大道是景观路；机场高速下德大桥与快安地块高差为60米，无条件设置互通立交；北江滨大道是景观路，且闽江通航道离北江滨路仅100米。因此，设置互通立交区域选择在福泉高速和福马路，并设置组合型匝道与机场二期高速对接。

（二）北岸互通式立交区域设计条件

1、北岸立交承担功能

过境功能：与机场高速、城区方向沟通，分流三环线流量；为三环线东南切线，对接高速路网。

到发功能：沟通两岸（东部新城--马尾新城）的快速通道；周边区域与快速路系统的沟通。

2、道路条件

（1）机场高速公路二期是福州市中心城区出入长乐机场便捷通道；主要技术标准如下：

①公路等级：六车道高速公路；

②计算行车速度：100km/h；

③路基宽度：33.5米（桥涵与路基同宽）。

（2）国道104线（福马路）为汽车专用道，为双向四车道，远期城市主干道。主要技术标准如下：

①公路等级：一级公路；

②计算行车速度：80km/h；

③路基宽度：23米（桥涵与路基同宽）

（3）本工程作为城市快速路的重要组成部分，应优先保证过境交通，根据交通分析，对立交流向分级为：

一级：马尾大桥与福马路的互通；

二级：马尾大桥与机场高速（城区方向）的连接。

三级：马尾大桥与北江滨的互通。（方案比选）

四级：马尾大桥与机场高速（沈海高速方向）的连接。（方案比选）

（三）方案比选

北互通方案：半定向+定向匝道组合型立交方案

该方案立交主线上跨福马铁路及福马路，在福马路设置互通立交，共设置匝道8条，对福马路进行拓宽改造，其设计平面图和效果图分别见图1和图2。

图1方案一平面布置图

图2北互通方案效果图

对该节点各部分功能的实现解析如下：

（1）马尾大桥—机场高速（福州城区）对接：设置Z、Y分离式路基使得两个方向对接，双向2车道，最小平曲线半径1500，最大纵坡4%。

（2）马尾大桥—福马路（马尾隧道）：立交设置A（定向）、B（半定向）匝道使得两个方向对接，马尾隧道远期拓宽为双向8车道，近期与现状双向4车道衔接，作好近远期结合。该方向交通量较大，匝道宽度设置12米，各匝道单向2车道+硬路肩，最小平曲线半径120，最大纵坡4%。

（3）马尾大桥—福马路（快安片区）：立交设置E（定向）、G（半定向）匝道使得两个方向对接，福马路远期拓宽为双向6车道，匝道宽度设置10米，各匝道单向2车道，最小平曲线半径130，最大纵坡4.87%。

（4）福马路（马尾隧道）—机场高速（福州城区）：立交设置F（半定向）、H（定向）匝道使得两个方向对接。F匝道起于C匝道，单向单车道，并入A匝道后与马尾隧道相接。H匝道起与B匝道，并与D匝道合并进入主线。两条匝道宽度设置8.5米，各匝道单向1车道，最小平曲线半径110，最大纵坡4.87%。

（5）北江滨路—机场高速（福州城区）：立交设置C、D（组合）匝道使得两个方向对接。由于C设置10米，单向2车道，D匝道设置8.5米，单向1车道，匝道最小平曲线半径105，最大纵坡5.0%。

（6）北江滨路—福马路（快安片区）：一个方向利用D、G匝道合并交通流，使得该方向连接。另外一个方向利用区域路网连接。

（7）东部新城-北江滨：设置人行天桥使快安片区的非机动车及行人能够上大桥。车流先进入福马路，再通过路网转换。

2、北岸接线与机二高速衔接方案

根据项目交通量预测，如不拓建马尾隧道，机场高速二期路段上，马尾区（东）至东部新城（南）交通量为1472pch/h，南-东为1471pch/h，两个区域间在目前通道基础上需要增加车流通道。从现有条件来看，一是在机二高速上与北岸互通通过匝道对接，二是马尾隧道（福马路）扩容，增加新隧道，将现有马尾隧道双向四车道改建成双向八车道。

经过分析研究，北岸立交顺接机场二期方案有以下3个方案：

方案一：该方案直接与机二高速福州方向对接，不设置南-东（东部新城-沈海高速）对接匝道。

方案二：该方案需在现有下德大桥拼宽匝道作为加减速车道，增加2条迂回约2.5Km匝道与Z、Y两条匝道（互通与城区方向衔接匝道）对接。增加北岸立交至机场高速东方向交通。

方案三：该方案在现有收费站空间上设置小型立交，增加北岸互通至机场高速（右拐）、机场高速北岸互通（左拐)立交功能。

综合比较：方案1～3均可以满足马尾大桥与机二高速福州方向的对接，方案2～3虽然能满足马尾大桥与机二高速沈海高速的对接，但实施的难度大。

本阶段设计拟推荐方案一，东部新城往机场二期高速东方向可以采用拓建福马路马尾隧道来解决南-东的交通问题。下阶段设计，考虑优化线形，预留南-东的匝道布置空间。

3、北岸接线与北江滨衔接方案

由于闽江通航道离北岸防洪提较近，使得北岸接线标高在30～35，高差约23米左右（见图3主线与北江滨纵断面图）。为克服高差，北岸接线与北江滨衔接匝道路线长需保证550m以上，由现场地形来看，可供布设匝道地块有限。

图3主线与北江滨纵断面图

4、方案比选结果

北岸互通区前期经过方案设计竞赛，并前3名方案的优点，经过优化论证，并将优化后的方案再次经过方案论证评审，最终确定北岸立交总体方案。

三、城市互通立交设计的难点及思考

（一）立交选型

城市大型立交枢纽选型的难点在于在狭小的城区内利用有限的用地范围进行布线来解决多路互通问题，可利用的立交类型有环形、全定向型、复合式3种，各自特点如下：

1、环形立交

环形立交是解决多路互通最简单直接的立交形式，特别适合旧路网中环形平交改建为立交。我国许多城市都采用这一类型。但大型立交枢纽连结的道路多为城市快速干道或主干道，小半径环道无法提供较大的通行能力和较高的行车速度，增大半径又会增大占地面积因此不适合于城市大型立交枢纽。

2、全定向型立交

这一类立交的优点是路线短捷，行车功能好，占地少。缺点是空间层次多，桥跨结构物多，造价昂贵。适合于连接五路或五路以下快速干道的城市大型立交。

3、复合式立交

复合式立交由两个或多个三路或四路立交构成，三路立交和四路立交按正常选型方法选型，适合于六路及六路以上的大型立交。本文介绍的五里店立交就是这一型式。其优点是布局灵活，结构可紧凑可分散;主次分明，交通量大的匝道采用定向或半定向型式，交通量小的匝道采用非定向式。缺点是分散布局时占地大，车辆绕行距离长。

（二）景观设计

虽然道路美学、桥梁美学的研究已持续多年，但立交的美学要求不是二者简单的结合，更不是现在重视的单一的绿化或园林设计。城市大型立交枢纽的标志性要求和园林绿化设计只是其景观综合设计的一部分，景观视线诱导、立交使用者的动态视觉效果都是应考虑的内容。另外，景观综合设计如何与方案设计协调，也是较难解决的问题。

（三）立交方案设计综合评价

这也是一个经过长期研究但仍未彻底解决的问题。难点在于评价指标种类繁多，不易综合评定。同时未考虑景观综合设计的评价。笔者认为，在当前的评价方法中，模糊综合评判法较适合于城市大型立交枢纽的方案设计评价。一是因为模糊评判综合评价是一个多级综合评价，可以根据各影响因素的影响程度计算得各级因素的权重。这符合城市大型立交方案设计的要求；二是立交景观设计评价的指标，如尺度感、节律感、色质感等都属于定性指标，可以用模糊评判矩阵加以量化，再予以评价。当然，具体方法还需更详尽的探讨。

（四）地面平交系统与桥梁布设方案结合

一般来说，城市互通立交宜设置为三层，其中第一层为地面辅道和慢行交通流组成的地面平交系统，第二、三层为直行方向主线和被交叉路上跨桥，其余联系匝道介于第二、三层间。由于互通立交层次高，主线及匝道桥梁桥墩密布，地面平交系统设计，需要充分合理利用桥下空间，尽可能减小桥墩对地面系统的干扰，保证地面系统各转向交通流顺畅行驶，减小桥墩对地面交通流视线的干扰，必要时，可对桥梁布跨或者桥墩型式进行适当调整。

结语

综上，城市互通立交设计需要考虑的因素较多，如何确定互通立交型式，使互通立交的功能充分发挥，尤为重要。设计时需坚持多方案比选的原则，最终确立合理的工程方案，确保互通立交各转向交通流行驶顺畅、便捷、高效。同时注重桥梁选型与景观绿化设计，突显时代气息，体现城市风貌。

参考文献

[1]王华.探讨城市互通立交设计的特点[J].工程与建设，2009.4.

[2]朱兆芳.城市互通立交设计技术发展回眸与创新[J].城市道桥与防洪，2008.6.

交互设计范文

文字作为视觉传达设计的主要元素之一，在信息发达的网站时代，多变的字体设计带给了人们丰富的视觉效果。交互作品中最为基本的实际元素就是文字，文字能够以直观的方式把皮影元素体现在网页中。在文字的设计上应考虑到皮影戏的历史特性，要尽量避免现代风格强烈的字体，而且要尽量选择具有浓厚的中国特色、典雅质朴的字体设计。此外，文字的排版也能够表现皮影的特色，是提高界面艺术效果的重要措施，让文字排版贴合皮影的历史性质，使页面设计流露出古典感。图形在网站中是必不可少的元素。皮影角色的脸部往往只有侧面而没有正面，一般采用的是半侧面造型。所以在图片的设计上，可选取带有皮影风格的图片或图案对页面进行装饰，使皮影风格在页面的设计中能够生动地体现出来。网页的整体风格影响到浏览者对于设计的整体感受，《中国皮影戏》交互网站考虑到皮影戏的历史特性，因此在页面的色彩风格上富有浓厚的中国古典特色以体现中国的传统文化。为了体现皮影的风格，页面的整体色彩设计主要以古典黄为主，不仅给人以稳重统一的感觉，还富有中国特色。

二、交互作品《中国皮影戏》的交互设计与软件实现

在这个项目中，组员共同探讨了将中国皮影戏的人物动静态表现与页面相互关联的交互设计和软件实现话题。笔者遵循交互网站页面的设计规范，页面按钮实现了交互设计，同一个页面中使用的选择按钮实现效果相同，通过指针弹起和点击时的不同效果实现页面切换命令，其中还将页面的图片进行了按钮链接，真正实现交互网站图文并茂。做交互设计时遇到的最棘手的问题就是每个页面的按钮链接。首页的链接有六个，二级页面的链接按照展示的内容制作。以首页的表演形式为例，点击首页表演形式按钮，按F9键跳出动作面板，在影片剪辑控制里面双击“onrelease”，然后在“浏览器/网络”里双击loadMovieNum，然后在括号里面英文状态下输入｛“biaoyanxingshi.swf”，1｝，这样首页链接到表演形式的二级页面就完成了。其他的链接步骤都一样，只是输入的链接名称不一样。要注意的是，要把所有要链接的文件名以英文命名，而且要放在同一个文件夹里。在链接网页页面时候，三级页面的返回是链接到上一级页面即二级页面，二级页面返回到一级页面，首页链接也一样，都是通过一级一级的链接完成，所有的链接都是在Flash中完成的。

三、结语