<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>交典创艺 交互设计 &#187; 作品</title>
	<atom:link href="http://spotlightor.com/works/feed/" rel="self" type="application/rss+xml" />
	<link>http://spotlightor.com</link>
	<description>始终专注于提供高品质的交互体验，仅此而已</description>
	<lastBuildDate>Thu, 02 Feb 2012 04:59:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>2012交典创艺龙年新春贺卡</title>
		<link>http://spotlightor.com/works/2012-newyear-card/</link>
		<comments>http://spotlightor.com/works/2012-newyear-card/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 16:53:58 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1495</guid>
		<description><![CDATA[PreviousNext 2012交典创艺龙年新春贺卡 借着龙年春节的契机，我们决定第二次挑战在浏览器中表现中国龙，这一次我们有信心让他变得更漂亮也更有趣。 简介 三年前在制作工作室第一个Flash主页的时候，我们首次尝试在浏览器中去表现一条三维的中国龙——时隔三年，技术发展了，我们团队的实力也增强了，再加上龙年春节这样一个大好契机，我们决定让这条龙涅磐重生，以更加华丽的形象配合一段简单有趣的游戏体验为大家送去交典创艺的新春祝福。 挑战 我们只有三天的时间进行设计和制作，并且还需要设置一个合理而有趣的游戏过程，让用户能够度过一段美好的时光，并收到我们送给他的祝福。 解决方案 根据此前做Flash主页的经验我们在第一天便顺利完成了龙的动态模拟程序，此后经过反复地试玩我们发现控制龙作出各种各样的姿态是一个非常有趣的体验过程。抓住这一要点，我们将祝福的吉祥话与龙的不同姿态进行配对，每当用户控制龙作出某一特定姿态便可以看到我们预先设置的祝福话语以及绚烂的烟花——当然，我们还编造了一个“传说故事”来让这个游戏过程更加合理也更加有趣。 您可以访问以下网址进行体验： http://spotlightor.com/happynewyear/2012/ © 管理员 for 交典创艺 交互设计, 2012. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/BGEFX64r/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BGEFvQJU/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BGEG3I2M/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BGEFhPLS/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BGEFQIRv/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BGEFJxTE/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BGEFp3DZ/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BGEFaZ7E/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>2012交典创艺龙年新春贺卡</h3>
<div class="excerpt">借着龙年春节的契机，我们决定第二次挑战在浏览器中表现中国龙，这一次我们有信心让他变得更漂亮也更有趣。</div>
<h4>简介</h4>
<p>三年前在制作<a title="交典创艺第一版Flash主页" href="http://spotlightor.com/lab/flash/dragon" target="_blank">工作室第一个Flash主页</a>的时候，我们首次尝试在浏览器中去表现一条三维的中国龙——时隔三年，技术发展了，我们团队的实力也增强了，再加上龙年春节这样一个大好契机，我们决定让这条龙涅磐重生，以更加华丽的形象配合一段简单有趣的游戏体验为大家送去交典创艺的新春祝福。</p>
<h4>挑战</h4>
<p>我们只有三天的时间进行设计和制作，并且还需要设置一个合理而有趣的游戏过程，让用户能够度过一段美好的时光，并收到我们送给他的祝福。</p>
<h4>解决方案</h4>
<p>根据此前做Flash主页的经验我们在第一天便顺利完成了龙的动态模拟程序，此后经过反复地试玩我们发现控制龙作出各种各样的姿态是一个非常有趣的体验过程。抓住这一要点，我们将祝福的吉祥话与龙的不同姿态进行配对，每当用户控制龙作出某一特定姿态便可以看到我们预先设置的祝福话语以及绚烂的烟花——当然，我们还编造了一个“传说故事”来让这个游戏过程更加合理也更加有趣。</p>
<p>您可以访问以下网址进行体验：<br />
<a href="http://spotlightor.com/happynewyear/2012/">http://spotlightor.com/happynewyear/2012/</a></p>

		<p id="wpjam_video_1" style="text-align: center;"><embed src="http://player.youku.com/player.php/sid/XMzQ1NTMxNTA4/v.swf" allowFullScreen="true" quality="high" width="640" height="440" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p>
		<script type="text/javascript">
			var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/ipad/i)){
				document.getElementById('wpjam_video_1').innerHTML='<video id="youku-html5-player-video" width="640" height="396" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMzQ1NTMxNTA4/type/mp4/v.m3u8"></video>';
			}else if(ua.match(/iphone/i)){
				document.getElementById('wpjam_video_1').innerHTML='<video id="youku-html5-player-video" width="240" height="180" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMzQ1NTMxNTA4/type/mp4/v.m3u8"></video>';
			}
		</script>
	
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2012. |
<a href="http://spotlightor.com/works/2012-newyear-card/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/2012-newyear-card/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>国博观众体验区</title>
		<link>http://spotlightor.com/works/national-museum-interactive-exhibition-hall/</link>
		<comments>http://spotlightor.com/works/national-museum-interactive-exhibition-hall/#comments</comments>
		<pubDate>Thu, 20 Oct 2011 04:46:17 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1569</guid>
		<description><![CDATA[PreviousNext 国博观众体验区 活的名画，颠覆艺术，我是传奇 简介 挑战 解决方案 © 管理员 for 交典创艺 交互设计, 2011. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/BHS0puCl/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BHPJGYsk/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>国博观众体验区</h3>
<div class="excerpt">活的名画，颠覆艺术，我是传奇</div>
<h4>简介</h4>
<h4>挑战</h4>
<h4>解决方案</h4>
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2011. |
<a href="http://spotlightor.com/works/national-museum-interactive-exhibition-hall/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/national-museum-interactive-exhibition-hall/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>孙中山纪念堂多媒体展项</title>
		<link>http://spotlightor.com/works/sunwen-memorial-hall/</link>
		<comments>http://spotlightor.com/works/sunwen-memorial-hall/#comments</comments>
		<pubDate>Wed, 17 Aug 2011 08:29:12 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1662</guid>
		<description><![CDATA[PreviousNext 孙中山纪念堂多媒体展项 如何在有限的空间内展示孙中山先生的生平与足迹？采用多媒体展示手段使得信息量得以完整保留，并且允许观众各取所需，有选择地进行浏览。 © 管理员 for 交典创艺 交互设计, 2011. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/BI0ZWDIz/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0ZYmDo/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0ZXfGp/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>孙中山纪念堂多媒体展项</h3>
<div class="excerpt">如何在有限的空间内展示孙中山先生的生平与足迹？采用多媒体展示手段使得信息量得以完整保留，并且允许观众各取所需，有选择地进行浏览。</div>
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2011. |
<a href="http://spotlightor.com/works/sunwen-memorial-hall/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/sunwen-memorial-hall/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>APU形象大使</title>
		<link>http://spotlightor.com/works/i-love-apu/</link>
		<comments>http://spotlightor.com/works/i-love-apu/#comments</comments>
		<pubDate>Thu, 07 Jul 2011 08:17:58 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1659</guid>
		<description><![CDATA[PreviousNext APU形象大使 你爱APU吗？不管你爱不爱，反正电脑前面一站就能立刻化身APU形象大使，这样智能的APU怎能不叫人喜爱？ © 管理员 for 交典创艺 交互设计, 2011. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/BI0X7pU6/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0X6M2s/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>APU形象大使</h3>
<div class="excerpt">你爱APU吗？不管你爱不爱，反正电脑前面一站就能立刻化身APU形象大使，这样智能的APU怎能不叫人喜爱？</div>
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2011. |
<a href="http://spotlightor.com/works/i-love-apu/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/i-love-apu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>比亚迪e6发现之旅</title>
		<link>http://spotlightor.com/works/byd-e6-voyage-of-discovery/</link>
		<comments>http://spotlightor.com/works/byd-e6-voyage-of-discovery/#comments</comments>
		<pubDate>Thu, 16 Dec 2010 04:10:47 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1327</guid>
		<description><![CDATA[PreviousNext 比亚迪e6发现之旅 文章内容正在完善中。 © 管理员 for 交典创艺 交互设计, 2010. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/BI0zjn1a/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0zp9UQ/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0zmJlm/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0zdpJd/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0zaPWn/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0zomQ6/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0zfnlY/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/BI0zh3Q7/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>比亚迪e6发现之旅</h3>
<p>文章内容正在完善中。</p>
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2010. |
<a href="http://spotlightor.com/works/byd-e6-voyage-of-discovery/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/byd-e6-voyage-of-discovery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>今日数字美术馆</title>
		<link>http://spotlightor.com/works/today-art-online-vr-gallery/</link>
		<comments>http://spotlightor.com/works/today-art-online-vr-gallery/#comments</comments>
		<pubDate>Fri, 10 Sep 2010 09:08:30 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1285</guid>
		<description><![CDATA[PreviousNext 今日数字美术馆 虚拟漫游并不是一个新鲜的概念，但却仍有巨大的空间来创造新意。此次将今日美术馆的艺术展搬上网络三维平台对我们而言是一次很好的机会，我们从交互功能以及用户体验细节这两个方面入手去打造我们心目中的高品质“虚拟漫游”体验。 我们的角色 交典创艺根据美术馆的需求以及网上虚拟艺术展目前的情况提供了一份详细的交互设计建议书，并据此完成了今日数字美术馆网上展示平台的设计制作。我们非常高兴此次有机会尝试一些新的交互形式和操作方法，也很感谢馆长对我们的信任。 应用环境 今日数字美术馆分为线上和线下两个展示平台：任何一个用户只要能够上网就可以通过今日数字美术馆的网站访问此次网上艺术展，访问网址如下： http://www.vramoc.com/cp/china/web.html 同时，在今日美术馆的实体展馆内也会放置数字美术馆的展示平台供参观者自由体验。 需求与挑战 今日美术馆作为国内VR艺术领域的先驱，很早便已开始网上虚拟艺术展览方面的探索和实践，此次希望借艺术家陈平网上个展“如歌似梦”的机会一鼓作气打造一套“今日数字美术馆”三维网络展示平台，为以后更多的网络艺术展打下坚实的基础，因而“艺术”、“网络”、“平台”便成为了本项目的核心关键词——在本项目中，我们既需要通过设计满足“艺术”对设计感的需求，也需要通过扎实的技术开发为“网络”“平台”化应用提供优化而具备扩展性的软件后台。 解决方案 提到艺术展，我们经常会联想到“品位”、“优雅”、“安静”、“思考”等关键词，它们可以从某一个层面反映出我们漫步美术馆内欣赏艺术展时的状态和心境，在进行界面和操作体验设计时我们便希望能够在虚拟艺术展中满足人们这种对观看艺术展的“心理预期”。 在界面方面我们通过简洁的设计使得各个界面元素与艺术馆整体的视觉风格相统一，并且尽可能地削弱它们对整个画面的影响，在满足用户操作需求的同时为他们提供开阔而干净的视野，尽情享受艺术作品与展馆空间的魅力。 在操作体验方面我们着重强调的是“过渡”：行走移动、视角旋转、界面元素的出现隐藏，几乎任何一个细节都伴随着平滑的加速与减速过程，毫无生硬之感，而每一种漫游模式之间的视角切换也都通过摄像机的移动来完成，整个切换过程一气呵成，我们希望通过这一系列平滑的过渡来为用户提供一个始终如一的、安静而优雅的观赏心情。 针对网络平台应用我们进行了大幅度的优化，除了对图像、音频等资源进行合理的压缩外，视频也全部采用流媒体播放的形式从而大幅减少了用户一次需要下载的文件量。不过即便如此，等待内容的下载依然是不可回避的一件事，我们特意设计了一个三维的加载界面以及一个小小的互动，使用户能够预先了解展览的主题和内容，同时不至于太过无聊。 合作伙伴 今日美术馆 © 管理员 for 交典创艺 交互设计, 2010. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/ArNqyVqe/custom.jpg" alt="外景" /><img src="http://pic.yupoo.com/spotlightor/ArNqCJKu/custom.jpg" alt="进入展馆" /><img src="http://pic.yupoo.com/spotlightor/ArNqGGb1/custom.jpg" alt="观画模式" /><img src="http://pic.yupoo.com/spotlightor/ArNqlLHO/custom.jpg" alt="第二部分展区" /><img src="http://pic.yupoo.com/spotlightor/ArNqnABR/custom.jpg" alt="三维预载场景" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>今日数字美术馆</h3>
<div class="excerpt">虚拟漫游并不是一个新鲜的概念，但却仍有巨大的空间来创造新意。此次将今日美术馆的艺术展搬上网络三维平台对我们而言是一次很好的机会，我们从交互功能以及用户体验细节这两个方面入手去打造我们心目中的高品质“虚拟漫游”体验。</div>
<h4>我们的角色</h4>
<p>交典创艺根据美术馆的需求以及网上虚拟艺术展目前的情况提供了一份详细的交互设计建议书，并据此完成了今日数字美术馆网上展示平台的设计制作。我们非常高兴此次有机会尝试一些新的交互形式和操作方法，也很感谢馆长对我们的信任。</p>
<h4>应用环境</h4>
<p>今日数字美术馆分为线上和线下两个展示平台：任何一个用户只要能够上网就可以通过<a href="http://vramoc.com/">今日数字美术馆的网站</a>访问此次网上艺术展，访问网址如下：</p>
<p><a class="url_link" href="http://www.vramoc.com/cp/china/web.html">http://www.vramoc.com/cp/china/web.html</a></p>
<p>同时，在今日美术馆的实体展馆内也会放置数字美术馆的展示平台供参观者自由体验。</p>
<h4>需求与挑战</h4>
<p>今日美术馆作为国内VR艺术领域的先驱，很早便已开始网上虚拟艺术展览方面的探索和实践，此次希望借艺术家陈平网上个展“如歌似梦”的机会一鼓作气打造一套“今日数字美术馆”三维网络展示平台，为以后更多的网络艺术展打下坚实的基础，因而“艺术”、“网络”、“平台”便成为了本项目的核心关键词——在本项目中，我们既需要通过设计满足“艺术”对设计感的需求，也需要通过扎实的技术开发为“网络”“平台”化应用提供优化而具备扩展性的软件后台。</p>
<h4>解决方案</h4>
<p>提到艺术展，我们经常会联想到“品位”、“优雅”、“安静”、“思考”等关键词，它们可以从某一个层面反映出我们漫步美术馆内欣赏艺术展时的状态和心境，在进行界面和操作体验设计时我们便希望能够在虚拟艺术展中满足人们这种对观看艺术展的“心理预期”。</p>
<p>在界面方面我们通过简洁的设计使得各个界面元素与艺术馆整体的视觉风格相统一，并且尽可能地削弱它们对整个画面的影响，在满足用户操作需求的同时为他们提供开阔而干净的视野，尽情享受艺术作品与展馆空间的魅力。</p>
<p>在操作体验方面我们着重强调的是“过渡”：行走移动、视角旋转、界面元素的出现隐藏，几乎任何一个细节都伴随着平滑的加速与减速过程，毫无生硬之感，而每一种漫游模式之间的视角切换也都通过摄像机的移动来完成，整个切换过程一气呵成，我们希望通过这一系列平滑的过渡来为用户提供一个始终如一的、安静而优雅的观赏心情。</p>
<p>针对网络平台应用我们进行了大幅度的优化，除了对图像、音频等资源进行合理的压缩外，视频也全部采用流媒体播放的形式从而大幅减少了用户一次需要下载的文件量。不过即便如此，等待内容的下载依然是不可回避的一件事，我们特意设计了一个三维的加载界面以及一个小小的互动，使用户能够预先了解展览的主题和内容，同时不至于太过无聊。</p>
<h4>合作伙伴</h4>
<p>今日美术馆</p>
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2010. |
<a href="http://spotlightor.com/works/today-art-online-vr-gallery/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/today-art-online-vr-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>海尔卡萨帝发布会增强现实展项</title>
		<link>http://spotlightor.com/works/haier-casarte-mixar-local/</link>
		<comments>http://spotlightor.com/works/haier-casarte-mixar-local/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 15:58:01 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1260</guid>
		<description><![CDATA[PreviousNext 海尔卡萨帝发布会增强现实展项 真正“跃然纸上”的卡萨帝产品系列，不言而喻的科技魅力。 我们的角色 我们作为公众活动日增强现实展示内容的供应商，与嘉利公关紧密合作共同完成创意设计工作以及现场的实施，并负责三维产品以及视觉特效内容的制作。 应用环境 公众活动日在上海正大广场举行，距离东方明珠塔仅一街之隔，目标人群为海尔的高端用户，为其3天。 需求与挑战 我们需要在不到一个月的时间内完成卡萨帝厨电系列、法式、意式、六门冰箱的亮相内容制作，还包括这套产品展示区内的增强现实展品，我们不仅要保障内容制作顺利完成，更需要确认现场实施的准确无误。 解决方案 我们利用现场免费派送的产品宣传图卡作为增强现实媒介，使用卡片正面产品特性展示图作为增强现实识别的目标图案，既保留了卡片设计的美观与信息传达的功能性，也兼顾了识别的准确性，即使在现场使用蓝色环境灯的情况下依然可以准确识别。 为了使观众在游览过程中能够更为直观快捷的了解增强现实展品的操作方法以及展示效果，每个展台前都有模特耐心地为大家进行演示，并免费派送产品宣传卡给观众。最终这项工作被证实具有非常良好的演示教学效果，毕竟再图文并茂的操作说明也比不上一个真人为您现场演示。 合作伙伴 嘉利公关 © 管理员 for 交典创艺 交互设计, 2010. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/552749c4ed85/custom.jpg" alt="制造关注" /><img src="http://pic.yupoo.com/spotlightor/191599c5bd31/custom.jpg" alt="多门新鲜" /><img src="http://pic.yupoo.com/spotlightor/745989c5bd22/custom.jpg" alt="嘉宾体验" /><img src="http://pic.yupoo.com/spotlightor/176209c5bd0a/custom.jpg" alt="嘉宾体验" /><img src="http://pic.yupoo.com/spotlightor/019889c5bcf4/custom.jpg" alt="物联网冰箱" /><img src="http://pic.yupoo.com/spotlightor/053389c5bccc/custom.jpg" alt="模特演示" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></div>
<h3>海尔卡萨帝发布会增强现实展项</h3>
<div class="excerpt">真正“跃然纸上”的卡萨帝产品系列，不言而喻的科技魅力。</div>
<h4>我们的角色</h4>
<p>我们作为公众活动日增强现实展示内容的供应商，与嘉利公关紧密合作共同完成创意设计工作以及现场的实施，并负责三维产品以及视觉特效内容的制作。</p>
<h4>应用环境</h4>
<p>公众活动日在上海正大广场举行，距离东方明珠塔仅一街之隔，目标人群为海尔的高端用户，为其3天。</p>
<h4>需求与挑战</h4>
<p>我们需要在不到一个月的时间内完成卡萨帝厨电系列、法式、意式、六门冰箱的亮相内容制作，还包括这套产品展示区内的增强现实展品，我们不仅要保障内容制作顺利完成，更需要确认现场实施的准确无误。</p>
<h4>解决方案</h4>
<p>我们利用现场免费派送的产品宣传图卡作为增强现实媒介，使用卡片正面产品特性展示图作为增强现实识别的目标图案，既保留了卡片设计的美观与信息传达的功能性，也兼顾了识别的准确性，即使在现场使用蓝色环境灯的情况下依然可以准确识别。<br />
<img src="http://spotlightor.com/html/wp-content/uploads/casarte-card-wulian.jpg" alt="识别卡样图" title="识别卡样图" width="640" height="433"/></p>
<p>为了使观众在游览过程中能够更为直观快捷的了解增强现实展品的操作方法以及展示效果，每个展台前都有模特耐心地为大家进行演示，并免费派送产品宣传卡给观众。最终这项工作被证实具有非常良好的演示教学效果，毕竟再图文并茂的操作说明也比不上一个真人为您现场演示。</p>
<h4>合作伙伴</h4>
<p>嘉利公关</p>

		<p id="wpjam_video_2" style="text-align: center;"><embed src="http://player.youku.com/player.php/sid/XMjI1MTg2ODYw/v.swf" allowFullScreen="true" quality="high" width="640" height="440" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p>
		<script type="text/javascript">
			var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/ipad/i)){
				document.getElementById('wpjam_video_2').innerHTML='<video id="youku-html5-player-video" width="640" height="396" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMjI1MTg2ODYw/type/mp4/v.m3u8"></video>';
			}else if(ua.match(/iphone/i)){
				document.getElementById('wpjam_video_2').innerHTML='<video id="youku-html5-player-video" width="240" height="180" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMjI1MTg2ODYw/type/mp4/v.m3u8"></video>';
			}
		</script>
	
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2010. |
<a href="http://spotlightor.com/works/haier-casarte-mixar-local/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/haier-casarte-mixar-local/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bitone增强现实产品展示</title>
		<link>http://spotlightor.com/works/bitone-mixar-local-ar-showreel/</link>
		<comments>http://spotlightor.com/works/bitone-mixar-local-ar-showreel/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 09:08:02 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1239</guid>
		<description><![CDATA[PreviousNext Bitone增强现实产品展示 最有新意的车展派送小礼品，点选鼠标垫即可查阅产品服务的展示视频。 我们的角色 我们与新意互动（Bitone）密切合作，使用Mixar Local增强现实技术将他们提供的三维动画模型与视频整合为一个增强现实产品展示作品。 应用环境 在2010北京国际车展期间，新意互动的展位会现场派送鼠标垫，用户拿到后可以在现场提供的电脑前感受增强现实带来的震撼体验，也可以回家后通过网站下载该增强现实软件进行体验。 需求与挑战 客户需要用户可以通过点击鼠标垫实现选择观看不同产品介绍视频的功能，我们需要灵活运用Mixar Local增强现实技术实现这一复杂的交互功能并为用户提供顺畅的观赏体验。 解决方案 用户拿到的鼠标垫从表面看来与一般的鼠标垫并没有什么不同，但放置于电脑屏幕前便会透过摄像头看到三维机器人出现在鼠标垫之上，当用户点击鼠标垫下方不同的按钮，机器人会以各种姿态各种动画出现于鼠标垫之上，分别展示相应的产品介绍视频。 使用鼠标垫这一展示媒介最大的好处是用户易于保存，并且由于其实用的功能性使得它更有可能被用户长时间保存，从而使用户反复体验增强现实内容的几率更大，从而获得更好的推广效果。 合作伙伴 新意互动 © 管理员 for 交典创艺 交互设计, 2010. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/238969befa4e/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/937199befa4f/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/551619befa51/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>Bitone增强现实产品展示</h3>
<div class="excerpt">最有新意的车展派送小礼品，点选鼠标垫即可查阅产品服务的展示视频。</div>
<h4>我们的角色</h4>
<p>我们与新意互动（Bitone）密切合作，使用Mixar Local增强现实技术将他们提供的三维动画模型与视频整合为一个增强现实产品展示作品。</p>
<h4>应用环境</h4>
<p>在2010北京国际车展期间，新意互动的展位会现场派送鼠标垫，用户拿到后可以在现场提供的电脑前感受增强现实带来的震撼体验，也可以回家后通过网站下载该增强现实软件进行体验。</p>
<h4>需求与挑战</h4>
<p>客户需要用户可以通过点击鼠标垫实现选择观看不同产品介绍视频的功能，我们需要灵活运用Mixar Local增强现实技术实现这一复杂的交互功能并为用户提供顺畅的观赏体验。</p>
<h4>解决方案</h4>
<p>用户拿到的鼠标垫从表面看来与一般的鼠标垫并没有什么不同，但放置于电脑屏幕前便会透过摄像头看到三维机器人出现在鼠标垫之上，当用户点击鼠标垫下方不同的按钮，机器人会以各种姿态各种动画出现于鼠标垫之上，分别展示相应的产品介绍视频。</p>
<p>使用鼠标垫这一展示媒介最大的好处是用户易于保存，并且由于其实用的功能性使得它更有可能被用户长时间保存，从而使用户反复体验增强现实内容的几率更大，从而获得更好的推广效果。</p>
<h4>合作伙伴</h4>
<p>新意互动</p>

		<p id="wpjam_video_3" style="text-align: center;"><embed src="http://player.youku.com/player.php/sid/XMTkyODkwMzA4/v.swf" allowFullScreen="true" quality="high" width="640" height="440" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p>
		<script type="text/javascript">
			var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/ipad/i)){
				document.getElementById('wpjam_video_3').innerHTML='<video id="youku-html5-player-video" width="640" height="396" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMTkyODkwMzA4/type/mp4/v.m3u8"></video>';
			}else if(ua.match(/iphone/i)){
				document.getElementById('wpjam_video_3').innerHTML='<video id="youku-html5-player-video" width="240" height="180" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMTkyODkwMzA4/type/mp4/v.m3u8"></video>';
			}
		</script>
	
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2010. |
<a href="http://spotlightor.com/works/bitone-mixar-local-ar-showreel/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/bitone-mixar-local-ar-showreel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>自然•人 RB•G</title>
		<link>http://spotlightor.com/works/rg-b/</link>
		<comments>http://spotlightor.com/works/rg-b/#comments</comments>
		<pubDate>Sun, 25 Jul 2010 06:13:04 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1150</guid>
		<description><![CDATA[交典创艺创作的投影互动装置作品“自然•人 RB•G”参展798首届多媒体艺术节，该展览于7月18日在798艺术区创意广场金属库展馆开展。]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/094769b062e0/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/450729b0646e/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/293729b0646f/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/003779b06472/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/849109b06474/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/052039b06476/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/056949b0626e/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/938179b06287/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/990859b0629b/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<p>北京798艺术区首届多媒体艺术节于7月18日在798创意广场金属库开展，影像、动画、装置是此次展览的主角。此次展览的主题为“人造风景”，为此我们特意创作了一个投影互动装置作品“自然•人 RB•G”。</p>
<p>这个作品在创作过程中进行了如下假设：假如将自然比拟为颜色，而人在其中则只能代表一部分色彩，但现在人类强大的力量使得他们在某种程度上可以与自然相抗衡，因此在作品中将自然界的平衡以中国的阴阳平衡理论来展示，用R（红）和B（蓝）分别代表阴阳，而人在作品中以G（绿）出现，独立的绿色通道体现人的力量。当人在作品前运动时，便会干扰到平衡，将绿色通道引入原本的红蓝色彩世界，一方面会创造瑰丽的景象，但自然的平衡也会被轻易打破。在平衡打破后，人离去，平衡又会慢慢恢复，仿佛一切从未发生。</p>

		<p id="wpjam_video_4" style="text-align: center;"><embed src="http://player.youku.com/player.php/sid/XMTkyMzQ1ODky/v.swf" allowFullScreen="true" quality="high" width="640" height="440" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p>
		<script type="text/javascript">
			var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/ipad/i)){
				document.getElementById('wpjam_video_4').innerHTML='<video id="youku-html5-player-video" width="640" height="396" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMTkyMzQ1ODky/type/mp4/v.m3u8"></video>';
			}else if(ua.match(/iphone/i)){
				document.getElementById('wpjam_video_4').innerHTML='<video id="youku-html5-player-video" width="240" height="180" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMTkyMzQ1ODky/type/mp4/v.m3u8"></video>';
			}
		</script>
	
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2010. |
<a href="http://spotlightor.com/works/rg-b/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/rg-b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>海尔卡萨帝新品发布会</title>
		<link>http://spotlightor.com/works/haier-casarte-product-release-meeting/</link>
		<comments>http://spotlightor.com/works/haier-casarte-product-release-meeting/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 09:31:16 +0000</pubDate>
		<dc:creator>管理员</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1245</guid>
		<description><![CDATA[PreviousNext 海尔卡萨帝新品发布会 一场令人目不暇接的增强现实发布会，尽显海尔卡萨帝品牌的科技魅力。 我们的角色 我们作为增强现实发布内容的供应商，与嘉利公关紧密合作共同完成创意设计工作以及现场的实施，并负责三维场景以及视觉特效内容的制作，感谢独立音乐人张智为发布环节所做的配音。 应用环境 此次发布活动在上海正大广场举行，距离东方明珠塔仅一街之隔，目标人群为海尔的高端用户。 需求与挑战 我们需要在不到一个月的时间内完成卡萨帝厨电系列、法式、意式、六门冰箱的亮相内容制作，还包括一套产品展示区内的增强现实展品，我们不仅要保障内容制作顺利完成，更需要确认现场实施的准确无误，这才是现场发布活动中最为至关重要的。 解决方案 魔方作为整场发布会的主视觉形象象征着海尔白家电系列以及其高端子品牌卡萨帝，我们在产品亮相过程的开始与结束部分分别通过三维魔方的聚合、爆炸与再聚合来呼应主视觉形象。 依次登场的厨电、法式、意式、六门冰箱各自拥有独特的出场动画以及嵌入式厨房场景，将厨电的一体化、法式的浪漫风情、意式的高贵优雅、六门的精准控温形象地呈现在观众面前。 其后飞入舞台的用户照片墙以及世界用户分布图充分体现了卡萨帝厨电在世界范围内的影响力。 面对大量的制作内容以及有限的工期，从三维、平面设计到交互程序开发的完备团队配置使得我们可以达到极高的工作效率，并且更易于监控整个作品的质量，从而确保了项目的进度。 合作伙伴 嘉利公关 © 管理员 for 交典创艺 交互设计, 2010. &#124; 原文地址 文章标签： 文章转载请注明出处与原作者]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/634849befdb2/custom.jpg" alt="意式冰箱登场" /><img src="http://pic.yupoo.com/spotlightor/442349befdb5/custom.jpg" alt="卡萨帝厨电系列" /><img src="http://pic.yupoo.com/spotlightor/136969befdb9/custom.jpg" alt="法式冰箱与厨房环境相组合" /><img src="http://pic.yupoo.com/spotlightor/498609befdbe/custom.jpg" alt="六门冰箱精准控温" /><img src="http://pic.yupoo.com/spotlightor/767489befdc4/custom.jpg" alt="世界各地海尔卡萨帝的用户" /><img src="http://pic.yupoo.com/spotlightor/169629befdc7/custom.jpg" alt="本场发布会的主题——魔方" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>海尔卡萨帝新品发布会</h3>
<div class="excerpt">一场令人目不暇接的增强现实发布会，尽显海尔卡萨帝品牌的科技魅力。</div>
<h4>我们的角色</h4>
<p>我们作为增强现实发布内容的供应商，与嘉利公关紧密合作共同完成创意设计工作以及现场的实施，并负责三维场景以及视觉特效内容的制作，感谢独立音乐人张智为发布环节所做的配音。</p>
<h4>应用环境</h4>
<p>此次发布活动在上海正大广场举行，距离东方明珠塔仅一街之隔，目标人群为海尔的高端用户。</p>
<h4>需求与挑战</h4>
<p>我们需要在不到一个月的时间内完成卡萨帝厨电系列、法式、意式、六门冰箱的亮相内容制作，还包括一套产品展示区内的增强现实展品，我们不仅要保障内容制作顺利完成，更需要确认现场实施的准确无误，这才是现场发布活动中最为至关重要的。</p>
<h4>解决方案</h4>
<p>魔方作为整场发布会的主视觉形象象征着海尔白家电系列以及其高端子品牌卡萨帝，我们在产品亮相过程的开始与结束部分分别通过三维魔方的聚合、爆炸与再聚合来呼应主视觉形象。</p>
<p>依次登场的厨电、法式、意式、六门冰箱各自拥有独特的出场动画以及嵌入式厨房场景，将厨电的一体化、法式的浪漫风情、意式的高贵优雅、六门的精准控温形象地呈现在观众面前。</p>
<p>其后飞入舞台的用户照片墙以及世界用户分布图充分体现了卡萨帝厨电在世界范围内的影响力。</p>
<p>面对大量的制作内容以及有限的工期，从三维、平面设计到交互程序开发的完备团队配置使得我们可以达到极高的工作效率，并且更易于监控整个作品的质量，从而确保了项目的进度。</p>
<h4>合作伙伴</h4>
<p>嘉利公关</p>

		<p id="wpjam_video_5" style="text-align: center;"><embed src="http://player.youku.com/player.php/sid/XMzQ3MjgxODE2/v.swf" allowFullScreen="true" quality="high" width="640" height="440" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></p>
		<script type="text/javascript">
			var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/ipad/i)){
				document.getElementById('wpjam_video_5').innerHTML='<video id="youku-html5-player-video" width="640" height="396" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMzQ3MjgxODE2/type/mp4/v.m3u8"></video>';
			}else if(ua.match(/iphone/i)){
				document.getElementById('wpjam_video_5').innerHTML='<video id="youku-html5-player-video" width="240" height="180" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XMzQ3MjgxODE2/type/mp4/v.m3u8"></video>';
			}
		</script>
	
<hr />
<p><small>© 管理员 for <a href="http://spotlightor.com">交典创艺 交互设计</a>, 2010. |
<a href="http://spotlightor.com/works/haier-casarte-product-release-meeting/">原文地址</a>
<br/>
文章标签：<br/>
</small></p>
<p>文章转载请注明出处与原作者</p>]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/haier-casarte-product-release-meeting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

