
<?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>Missing Land</title>
	<atom:link href="http://ninayan.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://ninayan.com</link>
	<description>Ninayan&#039;s dear diaries</description>
	<lastBuildDate>Fri, 18 May 2012 07:19:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
	<!-- Wordpres Counter -->
	<item>
		<title>二十五</title>
		<link>http://ninayan.com/2012/05/18/%e4%ba%8c%e5%8d%81%e4%ba%94/</link>
		<comments>http://ninayan.com/2012/05/18/%e4%ba%8c%e5%8d%81%e4%ba%94/#comments</comments>
		<pubDate>Fri, 18 May 2012 07:18:59 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[碎碎碎念无始无终]]></category>
		<category><![CDATA[私人剧本]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=347</guid>
		<description><![CDATA[一个平平淡淡的生日，对我来说，祝福的导流量是Twitter bot &#62; hi生日提醒 &#62; QQ生日提醒 &#62; facebook生日提醒 &#62; GTalk &#62; renren生日提醒 &#62; 短信。 谢谢各位。 Google的首页着实把我给感动了，“Happy Birthday ninayan!”，这么贴心，这么血性，这也算是登录后的一种增值吧，不是功能或性能方面，而是情感的，也许这就是“为情感设计”的案例一则？ 说起来，二十四岁的最后一个月，正式踏上了漫漫职业旅途，一个发展迅速和泡沫横飞的行业，一个年轻的领域，一个烂大街的职位，无线产品社稷师。说它烂大街，其实还是怀有热情和敬畏。 燃烧吧，小宇宙。]]></description>
			<content:encoded><![CDATA[<p>一个平平淡淡的生日，对我来说，祝福的导流量是Twitter bot &gt; hi生日提醒 &gt; QQ生日提醒 &gt; facebook生日提醒 &gt; GTalk &gt; renren生日提醒 &gt; 短信。</p>
<p>谢谢各位。</p>
<p>Google的首页着实把我给感动了，“Happy Birthday ninayan!”，这么贴心，这么血性，这也算是登录后的一种增值吧，不是功能或性能方面，而是情感的，也许这就是“为情感设计”的案例一则？</p>
<p><img title="Google on birthday" src="http://ninayan.com/wp-content/uploads/2012/05/g.png" alt="" /></p>
<p>说起来，二十四岁的最后一个月，正式踏上了漫漫职业旅途，一个发展迅速和泡沫横飞的行业，一个年轻的领域，一个烂大街的职位，无线产品社稷师。说它烂大街，其实还是怀有热情和敬畏。</p>
<p>燃烧吧，小宇宙。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2012/05/18/%e4%ba%8c%e5%8d%81%e4%ba%94/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>厦门行</title>
		<link>http://ninayan.com/2012/04/03/%e5%8e%a6%e9%97%a8%e8%a1%8c/</link>
		<comments>http://ninayan.com/2012/04/03/%e5%8e%a6%e9%97%a8%e8%a1%8c/#comments</comments>
		<pubDate>Tue, 03 Apr 2012 13:33:20 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[被记录下来的过往]]></category>
		<category><![CDATA[友人帐]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=342</guid>
		<description><![CDATA[第一次，想来也是最后一次，毕业旅行，厦门。 真是一座充满文艺气息的地儿，喜欢环岛路，喜欢海滩，喜欢海浪的声音，喜欢住宿的小清新客栈，喜欢这样什么都不去想的彻彻底底的休息放松。 0329@鼓浪屿 和舍友，玫瑰屋 日光岩风中凌乱君 五只合照 写一张明信片，寄给@iammutex，主题是——那些年，一起牵手又分手的基友（嘛，我好坏…… 0330@幸福之旅客栈 0330@厦大隧道 隧道涂鸦很带感，很多毕业感言，说起来，我们这几只观众，也到了毕业说再见的时候。校园里遍地都是青春的碎片，散场了，那些年的他和她早已不见了身影。 0330@厦大白城海滩 小怪兽大战奥特曼，小怪兽脚底下是不入流的沙堆金字塔…… 真心喜欢这张，手拉手海边漫步，也许年轻时有过类似的憧憬和幻想吧 0331@白城海滩 喜欢在海边听着浪声，安安静静的看日落。 回程时，杭州-南京这一段只有我和22小朋友，聊起过去的很多同学，有人继续读博了，有人出国了，有人经历了一些事情放弃出国，有人小孩都快一岁了……我还记得大一那时在水房门口跟一对好基友说：那以后周五就你俩值班吧。七年过去，水房很早以前就不在了，好基友也早已离开那个校园。 22同学说起美女学姐，厦门建行，刚刚结束10个月的实习，用她自己的话说做了很久的柜台小妹，朝九晚五，她说，当年的热情真的找不回来了，也曾经无数次幻想如果当时选择度娘，现在生活会是什么样。也许她送给我的那句“奋斗吧孩纸”，也是对曾经的那个自己说的吧。 每一次告别，都可能是永别，也许有那么一天，自己能飞去杭州或重庆喝上某两只的喜酒，这是火车停在杭州南站时心里的念想。]]></description>
			<content:encoded><![CDATA[<p>第一次，想来也是最后一次，毕业旅行，厦门。</p>
<p>真是一座充满文艺气息的地儿，喜欢环岛路，喜欢海滩，喜欢海浪的声音，喜欢住宿的小清新客栈，喜欢这样什么都不去想的彻彻底底的休息放松。</p>
<p>0329@鼓浪屿</p>
<p><a title="C360_2012-03-29-14-12-20 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895815070/"><img src="http://farm8.staticflickr.com/7087/6895815070_0ca118e014.jpg" alt="C360_2012-03-29-14-12-20" width="333" height="500" /></a></p>
<p>和舍友，玫瑰屋</p>
<p><a title="IMG_7692 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895668436/"><img src="http://farm8.staticflickr.com/7078/6895668436_e9b12afa1e.jpg" alt="IMG_7692" width="500" height="375" /></a></p>
<p>日光岩风中凌乱君</p>
<p><a title="IMG_2705 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/7041762605/"><img src="http://farm8.staticflickr.com/7073/7041762605_4a907d0132.jpg" alt="IMG_2705" width="500" height="375" /></a></p>
<p>五只合照</p>
<p><a title="IMG_2675 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895655846/"><img src="http://farm8.staticflickr.com/7266/6895655846_682a4746f7_c.jpg" alt="IMG_2675" width="500" height="375" /></a></p>
<p><a title="IMG_2632 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895664256/"><img src="http://farm8.staticflickr.com/7108/6895664256_0275bff799.jpg" alt="IMG_2632" width="500" height="375" /></a></p>
<p><a title="IMG_7786 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895669702/"><img src="http://farm8.staticflickr.com/7212/6895669702_72a2bbd92e.jpg" alt="IMG_7786" width="500" height="375" /></a></p>
<p>写一张明信片，寄给<a href="http://weibo.com/iammutex" target="_blank">@iammutex</a>，主题是——那些年，一起牵手又分手的基友（嘛，我好坏……</p>
<p>0330@幸福之旅客栈</p>
<p><a title="IMG_2726 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895657378/"><img src="http://farm8.staticflickr.com/7072/6895657378_f868a0a80c.jpg" alt="IMG_2726" width="500" height="375" /></a></p>
<p>0330@厦大隧道</p>
<p><a title="IMG_2770 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895658070/"><img src="http://farm8.staticflickr.com/7048/6895658070_d8f98e8c8e.jpg" alt="IMG_2770" width="500" height="375" /></a></p>
<p>隧道涂鸦很带感，很多毕业感言，说起来，我们这几只观众，也到了毕业说再见的时候。校园里遍地都是青春的碎片，散场了，那些年的他和她早已不见了身影。</p>
<p>0330@厦大白城海滩</p>
<p><a title="IMG_2804 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895659226/"><img src="http://farm8.staticflickr.com/7121/6895659226_c0c42da070.jpg" alt="IMG_2804" width="500" height="375" /></a></p>
<p><a title="IMG_2806 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/7041756053/"><img src="http://farm8.staticflickr.com/7272/7041756053_9f2d6b49c7.jpg" alt="IMG_2806" width="500" height="375" /></a></p>
<p>小怪兽大战奥特曼，小怪兽脚底下是不入流的沙堆金字塔……</p>
<p><a title="IMG_2870 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895661704/"><img src="http://farm8.staticflickr.com/7089/6895661704_73bda1474d.jpg" alt="IMG_2870" width="500" height="375" /></a></p>
<p>真心喜欢这张，手拉手海边漫步，也许年轻时有过类似的憧憬和幻想吧</p>
<p><a title="IMG_2819 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/7041756623/"><img src="http://farm8.staticflickr.com/7179/7041756623_ab2efaeb20.jpg" alt="IMG_2819" width="500" height="375" /></a></p>
<p>0331@白城海滩</p>
<p><a title="IMG_7900 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/6895670646/"><img src="http://farm8.staticflickr.com/7247/6895670646_239f9e979c.jpg" alt="IMG_7900" width="375" height="500" /></a></p>
<p>喜欢在海边听着浪声，安安静静的看日落。</p>
<p><a title="IMG_7924 by 小言君, on Flickr" href="http://www.flickr.com/photos/ninayan/7041767593/"><img src="http://farm8.staticflickr.com/7190/7041767593_5002976a7e.jpg" alt="IMG_7924" width="500" height="375" /></a></p>
<p>回程时，杭州-南京这一段只有我和22小朋友，聊起过去的很多同学，有人继续读博了，有人出国了，有人经历了一些事情放弃出国，有人小孩都快一岁了……我还记得大一那时在水房门口跟一对好基友说：那以后周五就你俩值班吧。七年过去，水房很早以前就不在了，好基友也早已离开那个校园。</p>
<p>22同学说起美女学姐，厦门建行，刚刚结束10个月的实习，用她自己的话说做了很久的柜台小妹，朝九晚五，她说，当年的热情真的找不回来了，也曾经无数次幻想如果当时选择度娘，现在生活会是什么样。也许她送给我的那句“奋斗吧孩纸”，也是对曾经的那个自己说的吧。</p>
<p>每一次告别，都可能是永别，也许有那么一天，自己能飞去杭州或重庆喝上某两只的喜酒，这是火车停在杭州南站时心里的念想。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2012/04/03/%e5%8e%a6%e9%97%a8%e8%a1%8c/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>再见了南理工</title>
		<link>http://ninayan.com/2012/03/15/%e5%86%8d%e8%a7%81%e4%ba%86%e5%8d%97%e7%90%86%e5%b7%a5/</link>
		<comments>http://ninayan.com/2012/03/15/%e5%86%8d%e8%a7%81%e4%ba%86%e5%8d%97%e7%90%86%e5%b7%a5/#comments</comments>
		<pubDate>Thu, 15 Mar 2012 12:04:42 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[被记录下来的过往]]></category>
		<category><![CDATA[私人剧本]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=338</guid>
		<description><![CDATA[基础实验楼422，三年前在这里通过了本科毕业答辩，今天，依旧是在这里，通过了研究生毕业答辩。下午答辩小组的老师们对12位同学说：祝贺大家都通过答辩顺利毕业。那一刻，突然有种说不出的感受，三年前从未体会到，这就是毕业。 天气配合的恰到好处，走在雨里才让我想起，在北京的一年中我已经忘记了南京的下雨天。这次是真的毕业了，真的要对这个学校说再见了，真的要对自己最好的六年光阴说再见了。 大三时的某个吃饭时间，走在四号门的外面，大声宣布以后要去北京。转眼四年过去了，终于实现了那时的念想，听众剩下自己一个。突然被问起，被祝贺，反而成了感伤的催化剂。 真是太久了，很多记忆已经模糊不清，也许它们本就应该被今天这场雨全部冲走吧。 再见了南理工。]]></description>
			<content:encoded><![CDATA[<p>基础实验楼422，三年前在这里通过了本科毕业答辩，今天，依旧是在这里，通过了研究生毕业答辩。下午答辩小组的老师们对12位同学说：祝贺大家都通过答辩顺利毕业。那一刻，突然有种说不出的感受，三年前从未体会到，这就是毕业。</p>
<p>天气配合的恰到好处，走在雨里才让我想起，在北京的一年中我已经忘记了南京的下雨天。这次是真的毕业了，真的要对这个学校说再见了，真的要对自己最好的六年光阴说再见了。</p>
<p>大三时的某个吃饭时间，走在四号门的外面，大声宣布以后要去北京。转眼四年过去了，终于实现了那时的念想，听众剩下自己一个。突然被问起，被祝贺，反而成了感伤的催化剂。</p>
<p>真是太久了，很多记忆已经模糊不清，也许它们本就应该被今天这场雨全部冲走吧。</p>
<p>再见了南理工。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2012/03/15/%e5%86%8d%e8%a7%81%e4%ba%86%e5%8d%97%e7%90%86%e5%b7%a5/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>任务转场设计</title>
		<link>http://ninayan.com/2012/03/01/mission-transition/</link>
		<comments>http://ninayan.com/2012/03/01/mission-transition/#comments</comments>
		<pubDate>Thu, 01 Mar 2012 08:35:04 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[杂物箱里边也有宝]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=331</guid>
		<description><![CDATA[设计应用、界面或者任何类型的结构化内容时，必须确保用户到达一个新页面或进入新状态时清楚地知道自己从哪里来。界面之间，或是内容之间的转场过渡应当是自然的，并且要在终端上实测各种交互效果和速度，从而在一个更高更广的视角看待转场体验，若太快，会让人感觉出了故障或过于跳跃不连贯；而若太慢，会让人产生挫败感。 事实上，在一天之中，我们时时刻刻都会面对从一种状态到另一种状态的转变过程。很多时候，我们感觉不到它们的存在，但是一旦它们消失了，我们就会意识到它们真的存在。好的转场设计能有效增强用户体验，反之，糟糕的设计会损害体验。 何为转场 根据定义，转场是指“从一种形态到另一种的过渡和转换”。我们在上文中提到，我们总是在无意识地经历一次次转场。好的转场设计能够引导用户快速明了的从状态A过渡到B。 转场在界面设计中很常见，在电影制作和产品设计中也是同样。在产品设计中，转场由触摸、移动或对产品其他物理操作触发；在界面设计中，转场由应用或网页界面之间的浏览、切换行为触发。好的转场设计应当让用户清楚地知道自己身处何处。 转场实例 原文中作者给出电影、界面设计、产品工业设计等各方面的实例，其中包括我们熟悉的iPhone的设置界面、chrome的标签设计、path的交互、iPhone的包装盒、Macbook Pro的呼吸灯等，文字、图片、视频等丰富媒体展现，建议直接猛击此处查看原文。（要看视频记得翻墙） 转场设计为什么重要 作为设计师，我们在内容的易发现性、易阅读性和视觉友好性方面不懈努力。不过，随着技术的发展，终端和系统的性能不断提升，用户可以轻易地获取内容，再加上触屏的发展以及手势操作越来越受关注，在这样的背景下，为提升体验，我们需要让我们的用户在使用我们的应用时始终明了自己的处境，而转场设计在这中间起着重要作用。 目前网站们以“网页”的形式承载内容，通过点击网页中的链接访问其指向的页面，在页面切换的过程中几乎没有过渡，不过现在可以在网页中引入一些美观的转场效果——例如使用jQuery ScrollTo——但是这些效果在一定意义上来说显得冗余，如连接耗时长、多余的任务请求以及需要使用JavaScript定义切换速度。 转场设计最佳实践 转场设计有很多方法，这里给出一些通用建议。 在点击、触摸或滑动时避免停顿硬件性能限制是客观存在的事实，但是由硬件引起的停顿远远不到1秒，测试你的应用以确保不会出现长时间停顿。 进行实测测试转场效果一定要在真实环境中进行——尤其是对移动应用而言，因为在移动应用的使用情境下，用户往往投入更少的时间和注意力在导航上。请在超市或车上测试你的应用，此外，要进行压力测试。 不重新发明轮子一般而言，建议在设计时遵循操作系统的规范，因为使用用户不熟悉的转场形式可能会造成困扰。当然，不要停止创新——不过要考虑标准和规范。 保持前瞻目前我们与应用的交互形式包括点击、触摸、滑动、语音，此外，手势很可能是今后的一种趋势，因此在当前的设计中需要考虑。如果今后用户可以使用不限于手指或鼠标的方式操作屏幕，我们就要考虑交互过程的速度和步调——例如，任务切换的速度要和用户使用手势操作的速度保持一致。想像一下，当你尽全力投掷网球，而网球只飞出一点点距离时，你会感到多么沮丧。如果我们的设计中转场步调不当，用户就会有类似的挫败感。 结论 优秀的转场应当是在用户无意识中发生的，它能够帮助用户明白自己从哪里来和到哪里去，并且过程应当是平滑和快速的。不当的停顿会对用户体验造成损害，因为这可能让用户感觉什么地方出了错。当用户在多屏之间切换时，若屏幕卡死一两秒，用户就会感觉应用停止响应了。这是我们在设计中应当避免的。 延伸阅读： Mark Coleran’s showreel出色地展示了影视中的界面和交互设计。 “CSS Easing Animation Tool” Matthew Lein测试CSS动画和转场效果的在线工具 “Touch-Optimized Web Framework for Smartphones and Tablets” jQuery项目组为当前流行的手机平台设计的基于HTML5的UI框架 “How to Use jQuery to Make Slick Page Transitions” Dave Gamache为你的网站做最后的润色，这可能是普通产品与优秀产品的差距所在。 原文链接 Mission Transition, Mark Cossey]]></description>
			<content:encoded><![CDATA[<p><img src="http://ninayan.com/wp-content/uploads/2012/03/mission-transition-new-v3.jpg" alt="" /></p>
<p>设计应用、界面或者任何类型的结构化内容时，必须确保用户到达一个新页面或进入新状态时<strong>清楚地知道自己从哪里来</strong>。界面之间，或是内容之间的转场过渡应当是自然的，并且要在终端上实测各种交互效果和速度，从而在一个更高更广的视角看待转场体验，若太快，会让人感觉出了故障或过于跳跃不连贯；而若太慢，会让人产生挫败感。</p>
<p>事实上，在一天之中，我们时时刻刻都会面对从一种状态到另一种状态的转变过程。很多时候，我们感觉不到它们的存在，但是一旦它们消失了，我们就会意识到它们真的存在。好的转场设计能有效增强用户体验，反之，糟糕的设计会损害体验。</p>
<h3>何为转场</h3>
<p>根据定义，转场是指“从一种形态到另一种的过渡和转换”。我们在上文中提到，我们总是在无意识地经历一次次转场。好的转场设计能够引导用户快速明了的从状态A过渡到B。</p>
<p>转场在界面设计中很常见，在电影制作和产品设计中也是同样。在产品设计中，转场由触摸、移动或对产品其他物理操作触发；在界面设计中，转场由应用或网页界面之间的浏览、切换行为触发。好的转场设计应当让用户清楚地知道自己身处何处。</p>
<h3>转场实例</h3>
<p>原文中作者给出电影、界面设计、产品工业设计等各方面的实例，其中包括我们熟悉的iPhone的设置界面、chrome的标签设计、path的交互、iPhone的包装盒、Macbook Pro的呼吸灯等，文字、图片、视频等丰富媒体展现，建议直接<a href="http://uxdesign.smashingmagazine.com/2012/02/28/mission-transition/" target="_blank">猛击此处</a>查看原文。（要看视频记得翻墙）</p>
<h3>转场设计为什么重要</h3>
<p>作为设计师，我们在内容的易发现性、易阅读性和视觉友好性方面不懈努力。不过，随着技术的发展，终端和系统的性能不断提升，用户可以轻易地获取内容，再加上触屏的发展以及手势操作越来越受关注，在这样的背景下，为提升体验，我们需要让我们的用户在使用我们的应用时始终明了自己的处境，而转场设计在这中间起着重要作用。</p>
<p>目前网站们以“网页”的形式承载内容，通过点击网页中的链接访问其指向的页面，在页面切换的过程中几乎没有过渡，不过现在可以在网页中引入一些美观的转场效果——例如使用<a href="http://demos.flesler.com/jquery/scrollTo/" target="_blank">jQuery ScrollTo</a>——但是这些效果在一定意义上来说显得冗余，如连接耗时长、多余的任务请求以及需要使用JavaScript定义切换速度。</p>
<h3>转场设计最佳实践</h3>
<p>转场设计有很多方法，这里给出一些通用建议。</p>
<ul>
<li><strong>在点击、触摸或滑动时避免停顿</strong><br />硬件性能限制是客观存在的事实，但是由硬件引起的停顿远远不到1秒，测试你的应用以确保不会出现长时间停顿。</li>
<li><strong>进行实测</strong><br />测试转场效果一定要在真实环境中进行——尤其是对移动应用而言，因为在移动应用的使用情境下，用户往往投入更少的时间和注意力在导航上。请在超市或车上测试你的应用，此外，要进行压力测试。</li>
<li><strong>不重新发明轮子</strong><br />一般而言，建议在设计时遵循操作系统的规范，因为使用用户不熟悉的转场形式可能会造成困扰。当然，不要停止创新——不过要考虑标准和规范。</li>
<li><strong>保持前瞻</strong><br />目前我们与应用的交互形式包括点击、触摸、滑动、语音，此外，手势很可能是今后的一种趋势，因此在当前的设计中需要考虑。如果今后用户可以使用不限于手指或鼠标的方式操作屏幕，我们就要考虑交互过程的速度和步调——例如，任务切换的速度要和用户使用手势操作的速度保持一致。想像一下，当你尽全力投掷网球，而网球只飞出一点点距离时，你会感到多么沮丧。如果我们的设计中转场步调不当，用户就会有类似的挫败感。</li>
</ul>
<h3>结论</h3>
<p>优秀的转场应当是在用户<strong>无意识中</strong>发生的，它能够帮助用户明白自己从哪里来和到哪里去，并且过程应当是平滑和快速的。不当的停顿会对用户体验造成损害，因为这可能让用户感觉什么地方出了错。当用户在多屏之间切换时，若屏幕卡死一两秒，用户就会感觉应用停止响应了。这是我们在设计中应当避免的。</p>
<p>延伸阅读：</p>
<ul>
<li><a href="http://vimeo.com/1563485" target="_blank">Mark Coleran’s showreel</a><br />出色地展示了影视中的界面和交互设计。</li>
<li>“<a href="http://matthewlein.com/ceaser/" target="_blank">CSS Easing Animation Tool</a>” Matthew Lein<br />测试CSS动画和转场效果的在线工具</li>
<li>“<a href="http://jquerymobile.com/" target="_blank">Touch-Optimized Web Framework for Smartphones and Tablets</a>” jQuery项目组<br />为当前流行的手机平台设计的基于HTML5的UI框架</li>
<li>“<a href="http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/" target="_blank">How to Use jQuery to Make Slick Page Transitions</a>” Dave Gamache<br />为你的网站做最后的润色，这可能是普通产品与优秀产品的差距所在。</li>
</ul>
<h3>原文链接</h3>
<p><a href="http://uxdesign.smashingmagazine.com/2012/02/28/mission-transition/" target="_blank">Mission Transition</a>, Mark Cossey</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2012/03/01/mission-transition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>移动网页设计中的常见错误</title>
		<link>http://ninayan.com/2012/02/25/common-mobile-web-design-mistakes/</link>
		<comments>http://ninayan.com/2012/02/25/common-mobile-web-design-mistakes/#comments</comments>
		<pubDate>Sat, 25 Feb 2012 07:41:49 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[杂物箱里边也有宝]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[移动互联网]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=322</guid>
		<description><![CDATA[随着移动互联网的高速增长与网页设计的持续发展，设计师们须能够设计适合移动设备浏览的网页，在这个问题上，最严重的错误莫过于自认为“我的用户不会在移动设备上浏览我的网站”。 移动互联网的发展是大势所趋，每一个网站都可能拥有来自移动设备的访问，应当尽早做好准备。 然而，只是意识到这一点还不够，在设计过程中仍然会犯很多错误，首先认清这些错误才能在项目中有效避免。 移动网页设计中常见错误梳理如下。 错误一，没有考虑移动设备屏幕的宽度 以iPod为例，很多很多网站在移动设备上是这样的： 你应当了解，为了使HTML网页能够适应各种尺寸的屏幕，页面上的元素理应拥有最大宽度。 上图中，左边的网页（整体）能够适应各种宽度的屏幕，而页面上的元素则不然。右边的网页没有为多种屏幕宽度设计，导致其元素（在小屏幕上）看起来很小很小。即使为body元素设定了小数值宽度（如320px），网页的可读性亦很差。 （我看上面两个网页性质差不多……） 其实，在网页&#60;head&#62;内加入一行简单的HTML代码即可解决这个问题： &#60;meta id=&#8221;meta&#8221; name=&#8221;viewport&#8221;content=&#8221;width=device-width; initial-scale=1.0&#8243; /&#62; 这一小小的细节，配合各元素的版式设计，可以很好地提升移动浏览的体验。 错误二，要求用户填写长表单 即使是在PC上，填写表单也会是一件很麻烦的事情，在移动终端上则更加令人感觉乏味。为移动设备设计web表单是一项复杂的任务，要专注于为用户设计尽可能简单的表单，不可向用户索取过多。 要为表单元素设定输入类型，以保证该元素聚焦时，键盘能呈现合适的状态。例如，把输入类型设置为“number”，聚焦时就会默认出现数字键盘，而非字母键盘。 错误三，忽视了内容的再组织 移动网页设计时需要考虑从大屏幕到小屏幕的内容组织，类似打印PC网页时要考虑内容的再组织。移动设备的小屏幕对网页空间和焦点区域的限制比PC上更加突出。 Luke Wroblewski的“Design for mobile first”为我们提供了一些参考，其不鼓励我们分别为PC页面和移动页面产出两套内容。移动网页设计团队应意识到，当某些内容在PC版就没必要出现时，它们还有出现在移动页面上的必要吗？ 几乎可以确定，页面中用于装饰或填充空白的内容迟早会被移除，既然如此，为何不从最开始就只提供必要的内容？ 在这个过程中会暴露一些其他常见的错误和问题。 错误四，无理由移除内容和功能 修订内容是繁琐的过程，而紧张的排期可能会迫使其快速完成。这往往导致错误的移除内容和功能——实际上，这种移除是近乎随机的。 编辑与策划内容之前，需要进行深入的分析。要对已有内容进行评审，区分哪些有价值且能契合用户期望，哪些只是用来装饰或填充空白。 阅读Kristina Halvorson的《Content Strategy for the Web》以更好地理解生产和编辑内容的策略。书中涵盖了从基础内容策略到评审编辑物料的各种细节。 错误五，忽略了手指的大小和限制 我们面对电脑时，使用鼠标完成各种精确的点击操作，我们能轻易点击一个16*16px的图标。 然而，手机用户需要使用手指完成点击——一根手指并不很细。 苹果认为44像素是最小的可触击尺寸（精确来说，是44*30px），并在其各产品中加以应用。 除了元素的尺寸，各元素间的间隔空间常被忽略。试想一份选项列表，各项前有一个radio按钮，且项与项之间行高为0，那么用户一定会选错，即使他们耐心操作。为什么我们要如此将事情复杂化呢？ 在手机设计中确定标准尺寸这件事情上，Luke Wroblewski可能比任何人研究地更加深入（Touch Target Sizes），他针对多种平台提出推荐的标准。根据Windows Phone的UI和交互向导，元素之间标隔的最小尺寸应为8像素。 错误六，页面加载时间长：大图 大的图片文件一直是网页设计中的问题，而在移动网页设计中则更是一项挑战，因为移动设备本身性能有限，当它们同时处理多个数据传输任务时，页面加载时间将被拉得更长（这往往取决于网络连接的类型）。 图片优化在移动网页设计中仍然非常重要。 错误七，页面加载时间长：图片过多 过多小图片对加载速度的影响堪比一张大图。 当设计师尝试将网页设计的形似智能手机原生app，比如类似iOS的顶部和按钮的渐变和圆角，这一点就尤为突出。 这一错误会引出另一个常见错误… 错误八，没有利用CSS3和HTML5特性 [...]]]></description>
			<content:encoded><![CDATA[<p>随着移动互联网的高速增长与网页设计的持续发展，设计师们须能够设计适合移动设备浏览的网页，在这个问题上，最严重的错误莫过于自认为“我的用户不会在移动设备上浏览我的网站”。</p>
<p>移动互联网的发展是大势所趋，每一个网站都可能拥有来自移动设备的访问，应当尽早做好准备。</p>
<p>然而，只是意识到这一点还不够，在设计过程中仍然会犯很多错误，首先认清这些错误才能在项目中有效避免。</p>
<p>移动网页设计中常见错误梳理如下。</p>
<h3>错误一，没有考虑移动设备屏幕的宽度</h3>
<p>以iPod为例，很多很多网站在移动设备上是这样的：</p>
<p><img src="http://ninayan.com/wp-content/uploads/2012/02/img01.jpg" alt="" /></p>
<p>你应当了解，为了使HTML网页能够适应各种尺寸的屏幕，页面上的元素理应拥有最大宽度。</p>
<p>上图中，左边的网页（整体）能够适应各种宽度的屏幕，而页面上的元素则不然。右边的网页没有为多种屏幕宽度设计，导致其元素（在小屏幕上）看起来很小很小。即使为body元素设定了小数值宽度（如320px），网页的可读性亦很差。<br />
（我看上面两个网页性质差不多……）</p>
<p>其实，在网页&lt;head&gt;内加入一行简单的HTML代码即可解决这个问题：</p>
<blockquote><p>&lt;meta id=&#8221;meta&#8221; name=&#8221;viewport&#8221;content=&#8221;width=device-width; initial-scale=1.0&#8243; /&gt;</p></blockquote>
<p>这一小小的细节，配合各元素的版式设计，可以很好地提升移动浏览的体验。</p>
<p><img src="http://ninayan.com/wp-content/uploads/2012/02/img02.jpg" alt="" /></p>
<h3>错误二，要求用户填写长表单</h3>
<p>即使是在PC上，填写表单也会是一件很麻烦的事情，在移动终端上则更加令人感觉乏味。为移动设备设计web表单是一项复杂的任务，要专注于为用户设计尽可能简单的表单，不可向用户索取过多。</p>
<p>要为表单元素设定输入类型，以保证该元素聚焦时，键盘能呈现合适的状态。例如，把输入类型设置为“number”，聚焦时就会默认出现数字键盘，而非字母键盘。</p>
<h3>错误三，忽视了内容的再组织</h3>
<p>移动网页设计时需要考虑从大屏幕到小屏幕的内容组织，类似打印PC网页时要考虑内容的再组织。移动设备的小屏幕对网页空间和焦点区域的限制比PC上更加突出。</p>
<p>Luke Wroblewski的“Design for mobile first”为我们提供了一些参考，其不鼓励我们分别为PC页面和移动页面产出两套内容。移动网页设计团队应意识到，当某些内容在PC版就没必要出现时，它们还有出现在移动页面上的必要吗？</p>
<p>几乎可以确定，页面中用于装饰或填充空白的内容迟早会被移除，既然如此，为何不从最开始就只提供必要的内容？</p>
<p>在这个过程中会暴露一些其他常见的错误和问题。</p>
<h3>错误四，无理由移除内容和功能</h3>
<p>修订内容是繁琐的过程，而紧张的排期可能会迫使其快速完成。这往往导致错误的移除内容和功能——实际上，这种移除是近乎随机的。</p>
<p>编辑与策划内容之前，需要进行深入的分析。要对已有内容进行评审，区分哪些有价值且能契合用户期望，哪些只是用来装饰或填充空白。</p>
<p>阅读Kristina Halvorson的《<a href="http://www.contentstrategy.com/" target="_blank">Content Strategy for the Web</a>》以更好地理解生产和编辑内容的策略。书中涵盖了从基础内容策略到评审编辑物料的各种细节。</p>
<h3>错误五，忽略了手指的大小和限制</h3>
<p>我们面对电脑时，使用鼠标完成各种精确的点击操作，我们能轻易点击一个16*16px的图标。</p>
<p>然而，手机用户需要使用手指完成点击——一根手指并不很细。</p>
<p>苹果认为44像素是<a href="http://answers.oreilly.com/topic/1691-what-is-the-optimal-size-of-an-iphone-touch-target/" target="_blank">最小的可触击尺寸</a>（精确来说，是44*30px），并在其各产品中加以应用。</p>
<p>除了元素的尺寸，各元素间的间隔空间常被忽略。试想一份选项列表，各项前有一个radio按钮，且项与项之间行高为0，那么用户一定会选错，即使他们耐心操作。为什么我们要如此将事情复杂化呢？</p>
<p>在手机设计中确定标准尺寸这件事情上，Luke Wroblewski可能比任何人研究地更加深入（<a href="http://www.lukew.com/ff/entry.asp?1085" target="_blank">Touch Target Sizes</a>），他针对多种平台提出推荐的标准。根据Windows Phone的UI和交互向导，元素之间标隔的最小尺寸应为8像素。</p>
<h3>错误六，页面加载时间长：大图</h3>
<p>大的图片文件一直是网页设计中的问题，而在移动网页设计中则更是一项挑战，因为移动设备本身性能有限，当它们同时处理多个数据传输任务时，页面加载时间将被拉得更长（这往往取决于网络连接的类型）。</p>
<p>图片优化在移动网页设计中仍然非常重要。</p>
<h3>错误七，页面加载时间长：图片过多</h3>
<p>过多小图片对加载速度的影响堪比一张大图。</p>
<p>当设计师尝试将网页设计的形似智能手机原生app，比如类似iOS的顶部和按钮的渐变和圆角，这一点就尤为突出。</p>
<p><img src="http://ninayan.com/wp-content/uploads/2012/02/img03.jpg" alt="" /></p>
<p>这一错误会引出另一个常见错误…</p>
<h3>错误八，没有利用CSS3和HTML5特性</h3>
<p>很多图片可以使用HTML5和CSS3替代，并且在这一点上（智能）手机浏览器比PC浏览器更具优势，因为前者往往都是基于<a href="http://www.webkit.org/" target="_blank">webkit</a>内核，因此都支持HTML5和CSS3。</p>
<p>何不利用这一特性进行改进呢？HTML5的&lt;canvas&gt;，加上CSS3中能定义基础样式的新特性，如渐变和圆角，可以减少图片的使用。这是减少网页加载时间的主要途径。</p>
<p>关于网页中的图片暂时说到这里。其实，使用过多的图片并不是破坏移动网页设计的唯一因素，当然也不是拖慢加载时间的唯一因素。</p>
<h3>错误九，页面加载时间长：外部引用过多</h3>
<p>这种情况主要表现为对框架的引用。事实上，自从出现了一些好用的AJAX框架，如jQuery和MooTools，这种现象已经越来越普遍了。jQuery开发者还发布了移动增强版jQuery Mobile。</p>
<p>这些框架让设计工作简便了很多，设计者却不考虑重度依赖它们的后果。你一定见到过这样的&lt;head&gt;区域：</p>
<p><img src="http://ninayan.com/wp-content/uploads/2012/02/img06.jpg" alt="" /></p>
<p>别忘了还有jQuery Mobile的引用：</p>
<p><img src="http://ninayan.com/wp-content/uploads/2012/02/img05.jpg" alt="" /></p>
<p>在头部的每一个引用都要向服务器发起连接，这样就如同加载图片一样，让页面加载变得很慢。</p>
<p>将多个引用文件合并可以解决这个问题。你本可以使用一个大的引用文件，何必要拆开成很多小脚本分别引用呢？你甚至还需要重新评估一下到底哪些是必须的，又有哪些可以不依赖复杂的框架，而是自己直接解决的。</p>
<h3>错误十，页面加载时间长：缺乏清晰的传达机制</h3>
<p>移动网站中，常有一些行为的加载相对花费更多的时间。如果你花点功夫对加载速度做出优化，情况有时候并不会很糟糕。最重要的事情是，在一些必须的加载过程中，如何增加用户的耐性。</p>
<p>解决方法是设计得尽可能透明，要让用户在任何时候都<strong>清楚发生了什么</strong>。当页面正在加载时，要清楚地告知用户当前状态。</p>
<p>千万不要低估了一句简单的文案“Loading…”的力量。</p>
<h3>错误十一，没有设定桌面图标</h3>
<p><img src="http://ninayan.com/wp-content/uploads/2012/02/img04.jpg" alt="" /></p>
<p>没有人会喜欢创建在桌面的web app图标长成上图中左边截图中的模样，相比之下，deviantART（右边截图中）的图标明显更有吸引力，且被点击的概率更大。</p>
<p>用户几乎不会阅读标题文字，若桌面上摆满了除标题外没有任何区分度的应用图标，更何况长标题的中间部分会被截断并使用…代替，如上图所示，根本很难让人得知这些应用谁对谁。</p>
<p>事实上，为web app设定桌面图标很简单。首先创建一个158*158px的PNG格式图标，然后将下面的代码加入&lt;head&gt;中：</p>
<blockquote><p>&lt;link rel=&#8221;apple-touch-icon&#8221; href=&#8221;images/icon.png&#8221; /&gt;</p></blockquote>
<p>这行代码简单实用，并且，它同样适用于Android手机。你甚至不需要特别制作高亮和圆角，iPhone会自动生成。</p>
<h3>错误十二，非响应式的</h3>
<p>响应式网页设计可以解决全部这些问题，虽然实现起来有一定困难，但是做好了就会有收益。Ethan Marcotte最近写了一本书（<a href="http://www.abookapart.com/products/responsive-web-design" target="_blank">Responsive Web Design</a>）专门介绍之，如果你希望深入了解响应式设计的细节，推荐你阅读此书。</p>
<p>响应式设计是说，无论容器的尺寸如何，页面设计都能够很好地适应。它涉及到栅格化和图片对页面尺寸的自适应性。</p>
<p>你也可以阅读Marcotte的<a href="http://www.alistapart.com/articles/responsive-web-design/" target="_blank">detailed introduction to responsive design</a>进行进一步了解。</p>
<h3>原文链接</h3>
<p><a href="http://www.webdesignerdepot.com/2012/02/common-mobile-web-design-mistakes/" target="_blank">Common mobile web design mistakes</a>, Pamela Rodríguez</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2012/02/25/common-mobile-web-design-mistakes/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>0215</title>
		<link>http://ninayan.com/2012/02/15/0215/</link>
		<comments>http://ninayan.com/2012/02/15/0215/#comments</comments>
		<pubDate>Wed, 15 Feb 2012 11:24:37 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[碎碎碎念无始无终]]></category>
		<category><![CDATA[私人剧本]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=319</guid>
		<description><![CDATA[时光在流逝，生活在继续。]]></description>
			<content:encoded><![CDATA[<p>时光在流逝，生活在继续。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2012/02/15/0215/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>2011——记于12.24</title>
		<link>http://ninayan.com/2011/12/27/2011/</link>
		<comments>http://ninayan.com/2011/12/27/2011/#comments</comments>
		<pubDate>Tue, 27 Dec 2011 14:18:47 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[被记录下来的过往]]></category>
		<category><![CDATA[私人剧本]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=316</guid>
		<description><![CDATA[今年的平安夜，在天津，表哥结婚，大喜之日。此刻小言君正乘着G104向天津南站进发，北方城市的城市加湿器在努力得生产白雾，这些大烟囱一样的设施，是去北京之后才知道，也许北方城市更可能见到圣诞老人吧。 按照列车表的时间，36分钟之后我会踏上天津南的站台。窗外阳光大好，小nano在唱着《every time you kissed me》。 熟悉的前奏在记忆中来自一块怀表，同样是阳光大好的午后，舍友说她觉得潘多拉之心很好看。明年毕业之后，曾经304，现在410的四只就要去不同的城市工作了，上海、广州、杭州、北京。 2011，这一年有四分之三的时间在北京。1月奇谈内测，2月忙碌passport，3月第一次经历项目上线，虽然当时只是很简单的帐号中心。4月奇谈上线，奇艺一周年。5月回了一次学校，导师刚好出差，没照上面。6月底体验了一次填绩效，突然感觉一个Q一晃而过到底做了些什么呢？很多计划里的事情没能推进，线上又多做了不少中途杀出的需求，再之后在制定Q3计划的时候，第一次严肃地意识到，快要回学校了。7月初的数据说，学生放假了，于是暑期活动开始了，伴随着的，还有一次又一次聚在会议室讨论——改版。8月开始投入改版设计，直到9月9号，整理SVN，上传相关文件，清理机器数据，留下工牌，准备回校。 在这段时间里收获了哪些呢，诸如执行力，诸如先做到有再做到精，诸如各种界面反馈和ie6，诸如直觉和数据……各种前辈分享了太多的经验，大家都在摸索中前行，作为一只产品fresher，前路漫漫。写到这里，突然想到《拖延心理学》中这句话—— 30岁是一个重大的分水岭。过了30，你不再是一个怀着许多未来梦想的年轻人了，你被期待着在自己的潜能上有所表现。 心想着，也许今后的5年就要把一生都决定了，顿生焦虑。 回到9月，校招让我成功地拖延了毕业论文这件事，直到10月底。11月开始逼迫自己中断了几乎一切娱乐活动和休息日，写论文，终于熬到了临近提交的日子。 妈妈见到了传说中的@iammutex，好像一切都很自然，奶奶笑成一朵花地叫他“小李”，以及在婚宴酒席，新娘给我们下达了“加油”的指令，真好。 2011，感谢江郎，感谢奇谈团队，感谢奇艺，感谢导师，感谢实验室的同学们，感谢校招时给过帮助和关心的各位前辈，感谢校招时的各位面试官。 2012，也要加油。]]></description>
			<content:encoded><![CDATA[<p>今年的平安夜，在天津，表哥结婚，大喜之日。此刻小言君正乘着G104向天津南站进发，北方城市的城市加湿器在努力得生产白雾，这些大烟囱一样的设施，是去北京之后才知道，也许北方城市更可能见到圣诞老人吧。</p>
<p>按照列车表的时间，36分钟之后我会踏上天津南的站台。窗外阳光大好，小nano在唱着《every time you kissed me》。</p>
<p><embed src="http://www.xiami.com/widget/0_1769157449/singlePlayer.swf" type="application/x-shockwave-flash" width="257" height="33" wmode="transparent"></embed></p>
<p>熟悉的前奏在记忆中来自一块怀表，同样是阳光大好的午后，舍友说她觉得潘多拉之心很好看。明年毕业之后，曾经304，现在410的四只就要去不同的城市工作了，上海、广州、杭州、北京。</p>
<p>2011，这一年有四分之三的时间在北京。1月奇谈内测，2月忙碌passport，3月第一次经历项目上线，虽然当时只是很简单的帐号中心。4月奇谈上线，奇艺一周年。5月回了一次学校，导师刚好出差，没照上面。6月底体验了一次填绩效，突然感觉一个Q一晃而过到底做了些什么呢？很多计划里的事情没能推进，线上又多做了不少中途杀出的需求，再之后在制定Q3计划的时候，第一次严肃地意识到，快要回学校了。7月初的数据说，学生放假了，于是暑期活动开始了，伴随着的，还有一次又一次聚在会议室讨论——改版。8月开始投入改版设计，直到9月9号，整理SVN，上传相关文件，清理机器数据，留下工牌，准备回校。</p>
<p>在这段时间里收获了哪些呢，诸如执行力，诸如先做到有再做到精，诸如各种界面反馈和ie6，诸如直觉和数据……各种前辈分享了太多的经验，大家都在摸索中前行，作为一只产品fresher，前路漫漫。写到这里，突然想到《拖延心理学》中这句话——</p>
<blockquote><p>30岁是一个重大的分水岭。过了30，你不再是一个怀着许多未来梦想的年轻人了，你被期待着在自己的潜能上有所表现。</p></blockquote>
<p>心想着，也许今后的5年就要把一生都决定了，顿生焦虑。</p>
<p>回到9月，校招让我成功地拖延了毕业论文这件事，直到10月底。11月开始逼迫自己中断了几乎一切娱乐活动和休息日，写论文，终于熬到了临近提交的日子。</p>
<p>妈妈见到了传说中的<a href="http://weibo.com/iammutex" target="_blank">@iammutex</a>，好像一切都很自然，奶奶笑成一朵花地叫他“小李”，以及在婚宴酒席，新娘给我们下达了“加油”的指令，真好。</p>
<p>2011，感谢江郎，感谢奇谈团队，感谢奇艺，感谢导师，感谢实验室的同学们，感谢校招时给过帮助和关心的各位前辈，感谢校招时的各位面试官。</p>
<p>2012，也要加油。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2011/12/27/2011/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fate/Zero ep.11 聖杯問答</title>
		<link>http://ninayan.com/2011/12/11/fatezero-ep-11-%e8%81%96%e6%9d%af%e5%95%8f%e7%ad%94/</link>
		<comments>http://ninayan.com/2011/12/11/fatezero-ep-11-%e8%81%96%e6%9d%af%e5%95%8f%e7%ad%94/#comments</comments>
		<pubDate>Sun, 11 Dec 2011 07:09:19 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[仞利天没有D伯爵]]></category>
		<category><![CDATA[Fate]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=303</guid>
		<description><![CDATA[Saber和Rider，两个时代的帝王对话。 Rider：正因为我们是暴君，所以才是英雄。但是，Saber哟，对于自己统治的结果感到后悔的王，那只是个昏君。比暴君还要不堪。 Saber：亚历山大，继承者因你而亡，你创下的帝国也分裂成三部分而终结，你对于这个结果，不感到任何悔恨吗。 Rider：没有。如果是因为朕的决断，跟随朕的随从们靠自己的生命而铸成的结局的话，那么毁灭也是注定的。我会悼念，也会流泪，但绝对不会后悔，更不会想去颠覆，那种愚蠢的行为，简直是对和朕一起创下那个时代的所有人的侮辱。 Saber：会赞颂毁灭之美的只是一介武夫。不保护无力之人怎么行。正确的统治，正确的治理，这才是王应该做的吧。 Rider：那么，你这个王就是“正确”的奴隶了。 Saber：那也好，为理想而献身的才是王。 Rider：那不能叫人生。 Saber：身为王治理国家的话，就不能奢望人生。征服王，只是为了自己的私欲，而追求圣杯的你是无法理解的，为了满足贪欲而成为霸王的你。 Rider：无欲的王还不如个摆设。Saber哟，你说要为理想而献身吧，那么当年的你一定是个清廉且圣洁的人吧，一定有着高贵并不可亲近的姿态吧。但是啊，名为殉教的荆棘之路，到底有谁会憧憬啊，有谁会急切地梦想成为王。 Rider：所谓的王，比谁都要强欲，比谁都要豪快，比谁都要易怒，包含着清浊，享受着人的边缘。正因为这样臣民才会羡慕王，被王所折服。以骑士之道为荣誉的王啊，确实你所主张的正义和理想，能够一时拯救国家，拯救臣民，但是啊，只是被拯救的家伙们最终会怎么样，你该不会不知道吧。 Rider：你只拯救了臣民，却没能引导他们，没能展示出王的欲望，舍弃了迷失道路的臣民，只是独自一人以清廉的姿态，为自己小气的美好理想而焦虑而已。所以你不是个称职的王。不是为了你自己，而是为了别人，被所谓的王的偶像所束缚的，一个小姑娘罢了。 Rider：Saber还有Archer哟，这就是宴席上最后的问题，王到底是不是孤高的。 Saber：身为王的话，就只能孤高。 Rider：不行啊，你一点都不明白。对于你，朕现在就在这里，让你看看真正的王是什么样子的。 Rider：这里是朕率领军队驰骋过的大地，和朕同甘共苦的勇士们，平等地在心中印下的景色，能把这个世界，这个景观重新复原，正因为这是我们所有人心中的景色。看吧，我那无数的军队，肉体虽已毁灭，灵魂则作为英灵被世界所留住，即便如此仍效忠于朕的传说中的勇士们啊，和他们的牵绊才是我的至宝，我的王道，是亚历山大引以自豪的最强宝具，王的军势Ionioi Hetairoi。 所谓的王，就是指比谁都要活得鲜烈，让众人为之倾倒的人，集所有勇者的羡慕于一身，作为道标而站立起来的人才算是王。所以，王不应该是孤高的，王的伟大志愿，应该是所有臣民的民心所指。 Rider：Saber，朕不承认你是个王。小姑娘啊，差不多该从你那可怜的梦想里醒过来吧，否则总有一天，你会失去身为英雄的最低限的骄傲。你所谓的王的梦想，只是一种诅咒。]]></description>
			<content:encoded><![CDATA[<p>Saber和Rider，两个时代的帝王对话。</p>
<p>Rider：正因为我们是暴君，所以才是英雄。但是，Saber哟，对于自己统治的结果感到后悔的王，那只是个昏君。比暴君还要不堪。</p>
<p>Saber：亚历山大，继承者因你而亡，你创下的帝国也分裂成三部分而终结，你对于这个结果，不感到任何悔恨吗。</p>
<p>Rider：没有。如果是因为朕的决断，跟随朕的随从们靠自己的生命而铸成的结局的话，那么毁灭也是注定的。我会悼念，也会流泪，但绝对不会后悔，更不会想去颠覆，那种愚蠢的行为，简直是对和朕一起创下那个时代的所有人的侮辱。</p>
<p>Saber：会赞颂毁灭之美的只是一介武夫。不保护无力之人怎么行。正确的统治，正确的治理，这才是王应该做的吧。</p>
<p>Rider：那么，你这个王就是“正确”的奴隶了。</p>
<p>Saber：那也好，为理想而献身的才是王。</p>
<p>Rider：那不能叫人生。</p>
<p>Saber：身为王治理国家的话，就不能奢望人生。征服王，只是为了自己的私欲，而追求圣杯的你是无法理解的，为了满足贪欲而成为霸王的你。</p>
<p>Rider：无欲的王还不如个摆设。Saber哟，你说要为理想而献身吧，那么当年的你一定是个清廉且圣洁的人吧，一定有着高贵并不可亲近的姿态吧。但是啊，名为殉教的荆棘之路，到底有谁会憧憬啊，有谁会急切地梦想成为王。</p>
<p>Rider：所谓的王，比谁都要强欲，比谁都要豪快，比谁都要易怒，包含着清浊，享受着人的边缘。正因为这样臣民才会羡慕王，被王所折服。以骑士之道为荣誉的王啊，确实你所主张的正义和理想，能够一时拯救国家，拯救臣民，但是啊，只是被拯救的家伙们最终会怎么样，你该不会不知道吧。</p>
<p>Rider：你只拯救了臣民，却没能引导他们，没能展示出王的欲望，舍弃了迷失道路的臣民，只是独自一人以清廉的姿态，为自己小气的美好理想而焦虑而已。所以你不是个称职的王。不是为了你自己，而是为了别人，被所谓的王的偶像所束缚的，一个小姑娘罢了。</p>
<p>Rider：Saber还有Archer哟，这就是宴席上最后的问题，王到底是不是孤高的。</p>
<p>Saber：身为王的话，就只能孤高。</p>
<p>Rider：不行啊，你一点都不明白。对于你，朕现在就在这里，让你看看真正的王是什么样子的。</p>
<p>Rider：这里是朕率领军队驰骋过的大地，和朕同甘共苦的勇士们，平等地在心中印下的景色，能把这个世界，这个景观重新复原，正因为这是我们所有人心中的景色。看吧，我那无数的军队，肉体虽已毁灭，灵魂则作为英灵被世界所留住，即便如此仍效忠于朕的传说中的勇士们啊，和他们的牵绊才是我的至宝，我的王道，是亚历山大引以自豪的最强宝具，王的军势Ionioi Hetairoi。 所谓的王，就是指比谁都要活得鲜烈，让众人为之倾倒的人，集所有勇者的羡慕于一身，作为道标而站立起来的人才算是王。所以，王不应该是孤高的，王的伟大志愿，应该是所有臣民的民心所指。</p>
<p>Rider：Saber，朕不承认你是个王。小姑娘啊，差不多该从你那可怜的梦想里醒过来吧，否则总有一天，你会失去身为英雄的最低限的骄傲。你所谓的王的梦想，只是一种诅咒。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2011/12/11/fatezero-ep-11-%e8%81%96%e6%9d%af%e5%95%8f%e7%ad%94/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>G14&amp;D319</title>
		<link>http://ninayan.com/2011/12/11/g14d319/</link>
		<comments>http://ninayan.com/2011/12/11/g14d319/#comments</comments>
		<pubDate>Sat, 10 Dec 2011 17:13:41 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[仞利天没有D伯爵]]></category>
		<category><![CDATA[乱感]]></category>
		<category><![CDATA[小说]]></category>
		<category><![CDATA[私人剧本]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=296</guid>
		<description><![CDATA[冬天午后阳光温暖，铁轨哐当哐当，车窗外有好看的山，就这么不知不觉喜欢上了坐着火车一路往北。 春宴。男女感情那么苍白，逗号句号变得那么陌生。合上书，关闭一扇门，门的另一边是一位叫做安妮宝贝的写作者。 羽。一年多之后，都几乎忘记了云荒的世界设定，忘了空桑、沧流帝国、慕士塔格雪山这些名词。无意中看见羽系列，延续镜的关于云荒的不老传说，关于那个“君生我未生，我生君已老”的破军和女剑圣之间孽缘。焕儿焕儿，慕湮慕湮，你们可有休止。跳进这个坑，只因为其中的“龙”，那个鲛人，据说像极了九百年前的苏摩。苏摩苏摩，是镜系列中最喜欢的角色，是对云荒最深的最后的印象。而纳闷的是继镜系列仿佛互成倒影的双城，到羽系列的诸如水镜、六人等等之类，圣传的身影从四姑娘的幻城绵延到了月姐的云荒。最难过的是预言中竟也要有“暗星”字眼出没，不由自主想到最爱的孔雀——圣传里的，不是云荒这位大和尚。 北京南站。中关村。熟悉的100号楼。欧美汇新开的米线店。 以及，爱贴心海报，我们，爱奇艺。转眼夏秋已过，多了很多陌生的面孔，自己也成陌生人。 那天的战线拉得挺长，从豆捞到玛琳娜再到KTV，深深的感到，某位同学有这样的一群兄弟，真的很幸福，感情上的小失意，总会过去。 九州。捧着kindle边体验边看完缥缈录，从第一次接触缥缈录，已经一年了，没想到却是坑外有坑，看到最后那句“历史对于某些人已经结束，而对于另一些人，只是刚刚开始”，哭笑不得。可是后来还是把缥缈录和镜系列推荐给了舍友。 铁甲钢拳。它救了他的命，他们给了它新的生命意义。最后那一刻，眼泪哗啦啦。 实验。说起来忙活了一下午，某些人四行代码就搞定了……还有那句“叔叔给你配”，感动的扑噜扑噜的。顺便提一句，“以管理员身份运行”彻底把我打败了…… 又见北京南站。春宴和羽交替陪伴度过六个半小时，一路上想着“我在火车上”，莫名的幸福感无限。]]></description>
			<content:encoded><![CDATA[<p>冬天午后阳光温暖，铁轨哐当哐当，车窗外有好看的山，就这么不知不觉喜欢上了坐着火车一路往北。</p>
<p>春宴。男女感情那么苍白，逗号句号变得那么陌生。合上书，关闭一扇门，门的另一边是一位叫做安妮宝贝的写作者。</p>
<p>羽。一年多之后，都几乎忘记了云荒的世界设定，忘了空桑、沧流帝国、慕士塔格雪山这些名词。无意中看见羽系列，延续镜的关于云荒的不老传说，关于那个“君生我未生，我生君已老”的破军和女剑圣之间孽缘。焕儿焕儿，慕湮慕湮，你们可有休止。跳进这个坑，只因为其中的“龙”，那个鲛人，据说像极了九百年前的苏摩。苏摩苏摩，是镜系列中最喜欢的角色，是对云荒最深的最后的印象。而纳闷的是继镜系列仿佛互成倒影的双城，到羽系列的诸如水镜、六人等等之类，圣传的身影从四姑娘的幻城绵延到了月姐的云荒。最难过的是预言中竟也要有“暗星”字眼出没，不由自主想到最爱的孔雀——圣传里的，不是云荒这位大和尚。</p>
<p>北京南站。中关村。熟悉的100号楼。欧美汇新开的米线店。</p>
<p>以及，爱贴心海报，我们，爱奇艺。转眼夏秋已过，多了很多陌生的面孔，自己也成陌生人。</p>
<p><a href="http://www.flickr.com/photos/ninayan/6487352407/" title="IMAG0150 by 小言君, on Flickr"><img src="http://farm8.staticflickr.com/7173/6487352407_6a64801a0e_z.jpg" width="361" height="542" alt="IMAG0150"></a></p>
<p>那天的战线拉得挺长，从豆捞到玛琳娜再到KTV，深深的感到，某位同学有这样的一群兄弟，真的很幸福，感情上的小失意，总会过去。</p>
<p>九州。捧着kindle边体验边看完缥缈录，从第一次接触缥缈录，已经一年了，没想到却是坑外有坑，看到最后那句“历史对于某些人已经结束，而对于另一些人，只是刚刚开始”，哭笑不得。可是后来还是把缥缈录和镜系列推荐给了舍友。</p>
<p>铁甲钢拳。它救了他的命，他们给了它新的生命意义。最后那一刻，眼泪哗啦啦。</p>
<p>实验。说起来忙活了一下午，某些人四行代码就搞定了……还有那句“叔叔给你配”，感动的扑噜扑噜的。顺便提一句，“以管理员身份运行”彻底把我打败了……</p>
<p>又见北京南站。春宴和羽交替陪伴度过六个半小时，一路上想着“我在火车上”，莫名的幸福感无限。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2011/12/11/g14d319/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>无题</title>
		<link>http://ninayan.com/2011/11/04/%e6%97%a0%e9%a2%98/</link>
		<comments>http://ninayan.com/2011/11/04/%e6%97%a0%e9%a2%98/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 17:05:34 +0000</pubDate>
		<dc:creator>小言君</dc:creator>
				<category><![CDATA[碎碎碎念无始无终]]></category>
		<category><![CDATA[乱感]]></category>
		<category><![CDATA[奇谈]]></category>
		<category><![CDATA[所谓回忆]]></category>
		<category><![CDATA[私人剧本]]></category>

		<guid isPermaLink="false">http://ninayan.com/?p=283</guid>
		<description><![CDATA[近来情绪很是低落，一方面是全职写论文的苦闷，一方面是这个11月。 去年的这个时候我住在五棵松，每天10点才从欧美汇大厦出来，晚上11点左右从一号线的五棵松站走出来，望天上有好多好多的星星，心情愉快。回到住处洗洗弄弄就坐在床上看书，同学看c++，我在看交互设计精髓，认认真真做了不少笔记，一年后，却是与交互设计无缘，决心产品一抹黑走到底，握拳加油努力朝江蜀黍所谓的复合型养成目标爬行。 其实大概也就是把前些天在twitter一连串的话搬过来做个简单记录。 有时候走在路上就帕啦啦掉眼泪，马上就是11月8号了，所以说大家一定都还记得北沙滩上的胜利饭店。奇谈封闭开发一周年了，去年的前些天我在面试的电话里认识了领我入行的江蜀黍，去年的这些天我在会议室里认识了可爱的奇谈技术团队，去年的过些天我在胜利饭店度过了有些辛苦又很是愉快的一个半月。那是我看着从无到有的第一个产品，那是我用整颗心爱过疼过的产品，那也是把@iammutex送到我面前的产品。 她叫奇谈。 “过去的这一年，我在为奇谈奋斗。真好，真幸福，谢谢奇艺。” 是的，各种各样的原因，说再见。抹一抹眼泪，到底还是舍不得，不知是为了最原始的想看着带着她能更好的心情，还是对那种气息的留念，那是属于奇谈的，属于过去这一年的。没有办法简简单单的撒手，再安安然然的投身主站，所以离开，辜负了丫头的一番心意。 本以为找个地方说出来会舒服些，找twitter，找iammutex，最后找到这里，却发现倾诉没有用。 看不到星空了，也进不到那个5层会议室了。]]></description>
			<content:encoded><![CDATA[<p>近来情绪很是低落，一方面是全职写论文的苦闷，一方面是这个11月。</p>
<p>去年的这个时候我住在五棵松，每天10点才从欧美汇大厦出来，晚上11点左右从一号线的五棵松站走出来，望天上有好多好多的星星，心情愉快。回到住处洗洗弄弄就坐在床上看书，同学看c++，我在看交互设计精髓，认认真真做了不少笔记，一年后，却是与交互设计无缘，决心产品一抹黑走到底，握拳加油努力朝江蜀黍所谓的复合型养成目标爬行。</p>
<p>其实大概也就是把前些天在twitter一连串的话搬过来做个简单记录。</p>
<p>有时候走在路上就帕啦啦掉眼泪，马上就是11月8号了，所以说大家一定都还记得北沙滩上的胜利饭店。奇谈封闭开发一周年了，去年的前些天我在面试的电话里认识了领我入行的江蜀黍，去年的这些天我在会议室里认识了可爱的奇谈技术团队，去年的过些天我在胜利饭店度过了有些辛苦又很是愉快的一个半月。那是我看着从无到有的第一个产品，那是我用整颗心爱过疼过的产品，那也是把<a href="http://weibo.com/iammutex" target="_blank">@iammutex</a>送到我面前的产品。</p>
<p>她叫奇谈。</p>
<p>“过去的这一年，我在为奇谈奋斗。真好，真幸福，谢谢奇艺。”</p>
<p>是的，各种各样的原因，说再见。抹一抹眼泪，到底还是舍不得，不知是为了最原始的想看着带着她能更好的心情，还是对那种气息的留念，那是属于奇谈的，属于过去这一年的。没有办法简简单单的撒手，再安安然然的投身主站，所以离开，辜负了丫头的一番心意。</p>
<p>本以为找个地方说出来会舒服些，找twitter，找iammutex，最后找到这里，却发现倾诉没有用。</p>
<p>看不到星空了，也进不到那个5层会议室了。</p>
]]></content:encoded>
			<wfw:commentRss>http://ninayan.com/2011/11/04/%e6%97%a0%e9%a2%98/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
