﻿<?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>Shimu design - 设计&#38;产品&#38;前端&#38;wordpress &#187; mobile</title>
	<atom:link href="http://www.shimuuu.com/tag/mobile/feed" rel="self" type="application/rss+xml" />
	<link>http://www.shimuuu.com</link>
	<description>诗沐的设计博客和作品集。提供网页设计/开发/用户体验咨询/wordpress博客主题设计等服务。记录网页设计&#38;开发教程，发布wordpress主题。</description>
	<lastBuildDate>Wed, 28 Jul 2010 02:39:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mobile concept UI design</title>
		<link>http://www.shimuuu.com/portfolio/draware-mobile-concept-ui-design</link>
		<comments>http://www.shimuuu.com/portfolio/draware-mobile-concept-ui-design#comments</comments>
		<pubDate>Fri, 23 Apr 2010 12:22:42 +0000</pubDate>
		<dc:creator>shimu</dc:creator>
				<category><![CDATA[portfolio]]></category>
		<category><![CDATA[网站及界面设计]]></category>
		<category><![CDATA[concept design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.shimuuu.com/?p=708</guid>
		<description><![CDATA[<img class="alignnone" src="http://farm5.static.flickr.com/4020/4542890305_991aa07d33_m.jpg" alt="Draware mobile concept UI design " width="100" height="92" />]]></description>
			<content:encoded><![CDATA[<p>这是我在本科毕业设计时做的一个项目，期间包括调研、概念设计、交互设计、视觉设计，动画设计。是做得比较完整的一个流程。项目最初的想法是延伸多点触摸技术来预言一下未来手机的人机交互。具体的设计过程可以看我的系列文章：<a href="#"></a></p>
<ul class="mycarousel">
<li><img class="alignnone" src="http://farm5.static.flickr.com/4020/4542925867_00059c3b84.jpg" alt="idle"  height="400" /></li>
<li><img class="alignnone" src="http://farm5.static.flickr.com/4005/4542926615_d521380d86.jpg" alt="call"  height="400" /></li>
<li><img class="alignnone" src="http://farm5.static.flickr.com/4060/4543558140_320f7a0907.jpg" alt="call history" height="400" /></li>
<li><img class="alignnone" src="http://farm5.static.flickr.com/4011/4543558472_a51b4d62d1.jpg" alt="message" height="400" /></li>
<li><img class="alignnone" src="http://farm5.static.flickr.com/4013/4542928027_faabf5a668.jpg" alt="music" height="400" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.shimuuu.com/portfolio/draware-mobile-concept-ui-design/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Draware概念手机界面的flash演示</title>
		<link>http://www.shimuuu.com/blog/draware-concept-mobile-ui-flash</link>
		<comments>http://www.shimuuu.com/blog/draware-concept-mobile-ui-flash#comments</comments>
		<pubDate>Thu, 22 Apr 2010 16:41:29 +0000</pubDate>
		<dc:creator>shimu</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[诗沐作品]]></category>
		<category><![CDATA[concept design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[visual]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[手机]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[界面]]></category>
		<category><![CDATA[视觉]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.shimuuu.com/?p=720</guid>
		<description><![CDATA[以下flash是我毕业设计的项目：Draware手机界面概念设计的flash动画演示。之前有录成视频上传到优酷上，不过不是很清晰，质量搓。现在直接把flash放上来。由于直接放上来没办法让AS代码生效，所以只能分开来看每一段了（本来是衔接在一起的）。p.s.最好全屏看～
之前有写过记录这个手机界面概念设计过程的系列网志（还没完成全部），已完成两篇：Draware手机界面设计和设计系列：Draware是怎么炼成的（1）。如果你感兴趣可以订阅我的博客，我会尽早完成这个系列网志，到时就能在RSS中看到。


界面演示一：idle
界面演示二：dile
界面演示三：call history
界面演示四：message center
界面演示五：webr

类似的网志，挑你喜欢的看：

设记系列：Draware手机界面设计
设计系列：Draware是怎么炼成的（1）
易用且轻量级的交互设计
从需求到功能再到实现
网页设计师也该关注页面性能


]]></description>
			<content:encoded><![CDATA[<p>以下flash是我毕业设计的项目：Draware手机界面概念设计的flash动画演示。之前有录成视频上传到优酷上，不过不是很清晰，质量搓。现在直接把flash放上来。由于直接放上来没办法让AS代码生效，所以只能分开来看每一段了（本来是衔接在一起的）。p.s.最好全屏看～</p>
<p>之前有写过记录这个手机界面概念设计过程的系列网志（还没完成全部），已完成两篇：<a href="http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design-brief" title="Draware手机界面设计">Draware手机界面设计</a>和<a href="http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design" title="设计系列：Draware是怎么炼成的（1）">设计系列：Draware是怎么炼成的（1）</a>。如果你感兴趣可以<a href="http://www.shimuuu.com/blog/feed" title="订阅我的博客">订阅我的博客</a>，我会尽早完成这个系列网志，到时就能在RSS中看到。</p>
<p><span id="more-720"></span></p>
<p>
<a href="http://www.shimuuu.com/wp-content/uploads/2010/04/idle-opt.swf">界面演示一：idle</a><br />
<a href="http://www.shimuuu.com/wp-content/uploads/2010/04/dial-opt.swff">界面演示二：dile</a><br />
<a href="http://www.shimuuu.com/wp-content/uploads/2010/04/call-history.swf">界面演示三：call history</a><br />
<a href="http://www.shimuuu.com/wp-content/uploads/2010/04/message-center.swf">界面演示四：message center</a><br />
<a href="http://www.shimuuu.com/wp-content/uploads/2010/04/web-opt">界面演示五：webr</a>
</p>
<p><strong>类似的网志，挑你喜欢的看：</strong>
<ul class="similar-posts">
<li><a href="http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design-brief" rel="bookmark" title="07/27/2009">设记系列：Draware手机界面设计</a></li>
<li><a href="http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design" rel="bookmark" title="08/06/2009">设计系列：Draware是怎么炼成的（1）</a></li>
<li><a href="http://www.shimuuu.com/blog/interaction-design-easy-to-use-and-light-weight" rel="bookmark" title="05/10/2010">易用且轻量级的交互设计</a></li>
<li><a href="http://www.shimuuu.com/blog/%e4%bb%8e%e9%9c%80%e6%b1%82%e5%88%b0%e5%8a%9f%e8%83%bd%e5%86%8d%e5%88%b0%e5%ae%9e%e7%8e%b0" rel="bookmark" title="07/31/2009">从需求到功能再到实现</a></li>
<li><a href="http://www.shimuuu.com/blog/web-designer-should-focus-on-page-speed" rel="bookmark" title="06/12/2010">网页设计师也该关注页面性能</a></li>
</ul>
<p><!-- Similar Posts took 61.979 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.shimuuu.com/blog/draware-concept-mobile-ui-flash/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>设记系列：Draware手机界面设计</title>
		<link>http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design-brief</link>
		<comments>http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design-brief#comments</comments>
		<pubDate>Mon, 27 Jul 2009 15:06:20 +0000</pubDate>
		<dc:creator>shimu</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[诗沐作品]]></category>
		<category><![CDATA[concept design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://iamfrompluto.cn/?p=20</guid>
		<description><![CDATA[毕业设计前前后后做了两三个月，从最开始的概念，到icon，到整个界面场景，然后深入到细节，最后做很麻烦的动画。
虽然有相当多的瑕疵，不过还算是比较完整。最大的收获应该是实现了自己的一些交互的想法，在视觉上也有了突破。
不过实际而言，研究并没有进行到很深的一个程度，限于精力和时间吧，对于draw这个动作的细化还只是在比较表面的阶段。
先给大家看看最后的poster和swf动画：


动画原来是几个swf串联起来的，虽然体积小，但是需要摆好几个swf在上面，所以录影了,画质有些下降- -大家将就点吧。记得戴上耳机，里面有音效的～
点击观看：
类似的网志，挑你喜欢的看：

设计系列：Draware是怎么炼成的（1）
Draware概念手机界面的flash演示
易用且轻量级的交互设计
网页设计师也该关注页面性能
网页设计(web design)和用户界面设计(UI design)


]]></description>
			<content:encoded><![CDATA[<p>毕业设计前前后后做了两三个月，从最开始的概念，到icon，到整个界面场景，然后深入到细节，最后做很麻烦的动画。</p>
<p>虽然有相当多的瑕疵，不过还算是比较完整。最大的收获应该是实现了自己的一些交互的想法，在视觉上也有了突破。</p>
<p>不过实际而言，研究并没有进行到很深的一个程度，限于精力和时间吧，对于draw这个动作的细化还只是在比较表面的阶段。<span id="more-20"></span></p>
<p>先给大家看看最后的poster和swf动画：</p>
<p><a href="http://iamfrompluto.cn/wp-content/uploads/2009/07/poster.jpg"><img class="size-full wp-image-35 alignnone" title="poster" src="http://iamfrompluto.cn/wp-content/uploads/2009/07/poster.jpg" alt="poster" width="567" height="1134" /></a><br />
<!--more--><br />
动画原来是几个swf串联起来的，虽然体积小，但是需要摆好几个swf在上面，所以录影了,画质有些下降- -大家将就点吧。记得戴上耳机，里面有音效的～</p>
<p>点击观看：</p>
<p><embed src='http://player.youku.com/player.php/sid/XMTA4NTA1MDM2/v.swf' quality='high' width='480' height='400' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'></embed><strong>类似的网志，挑你喜欢的看：</strong>
<ul class="similar-posts">
<li><a href="http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design" rel="bookmark" title="08/06/2009">设计系列：Draware是怎么炼成的（1）</a></li>
<li><a href="http://www.shimuuu.com/blog/draware-concept-mobile-ui-flash" rel="bookmark" title="04/23/2010">Draware概念手机界面的flash演示</a></li>
<li><a href="http://www.shimuuu.com/blog/interaction-design-easy-to-use-and-light-weight" rel="bookmark" title="05/10/2010">易用且轻量级的交互设计</a></li>
<li><a href="http://www.shimuuu.com/blog/web-designer-should-focus-on-page-speed" rel="bookmark" title="06/12/2010">网页设计师也该关注页面性能</a></li>
<li><a href="http://www.shimuuu.com/blog/web-design-and-ui-design" rel="bookmark" title="05/14/2010">网页设计(web design)和用户界面设计(UI design)</a></li>
</ul>
<p><!-- Similar Posts took 423.298 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.shimuuu.com/blog/design-series-draware-concept-mobile-ui-design-brief/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
