人仔 个人网站

引言

iPhone对应用程序(app)制定了3个标准的模板：导航控制器、页签控制器、模态视图与表视图控制器。文章介绍了这3个标准模板，它们拥有各自的优缺点。对每个标准模板列举了3个不同的应用例子。在面对不同信息的结构，无法完全使用这3个标准模板去规范所有产品特性。而目前有一些产品已经超越了标准模板的体验，创造了更多好的体验的方法。

原文: iPhone Application UI Design Patterns

阅读全文

信息图形设计概述—信息的形式化表达系列一

引言

布林

分享/翻译

设计的核心是通过图形图像，文字符号等形式系统正确且高效的表达（传递）信息。

本文的初衷旨在对表达信息所采用的交互与视觉原理，方法进行详尽的讨论与研究。由于该主题涉及诸多领域， 一篇blog短文恐怕只够写成概述。为了能够较为深入的讨论这一信息组织的形式化体系，故将讨论分系列进行，本文是第一篇。引译国外的一篇介绍信息图形化的文章做个概念的普及，为全系列做开篇铺垫，接下来我们将通过分享与文章，一起来探讨下列的话题！

1.了解信息的概念、结构（信息的三层次意义）及性质；

2.理解与认识用于表达信息的形式系统。图像、图形及高度抽象化的文字与符号（数学符号演化史）及形式演化的驱动因素；

3.通过构建与现实世界的认知模型（现实世界－心理世界－柏拉图理想世界）及系列法则（格式塔原理-先天因素），关注人对信息及其结构的认知过程与原理。理解对一定量抽象的信息的组织法则（表达信息单元间的关联，并列，因果，包含，递进顺序，趋势，重要度及相互关系）与图形化需求的动机；

4.了解跨区域人群的文化认同（后天因素），了解人群的兴趣点以提升信息表现形式的趣味性；

5.对表达工具的讨论，通过对信息内部含义的挖掘，通过外在形式的表达（如颜色，形状，位置，大小，频率／速度，方向，质感等）形成受众的预感知，提升理解的效率；

6.简单的介绍哥德尔定理及相关的哲学论点，了解现实世界信息的复杂性与表达的限制。以求在有限的条件下创作更加有效的表达与组织形式的思考方式。

…

原文作者：Anders Ross
原文：InfoGraphic Designs: Overview, Examples and Best Practices
阅读全文

什么是信息架构

信息架构的主要任务是为信息与用户认知之间搭建一座畅通的桥梁。是信息直观表达的载体。通俗点，信息架构就是研究信息的表达和传递。信息架构不仅仅是设计信息的组织结构。─摘自百度

为什么需要信息架构

打开Qzone，个性化的风格，很酷炫的效果已经是它陈年传播的口碑。web2.0，SNS这一系列的新潮名词融入了Qzone以后，现在看到的，似乎会让人迷惑…

“我感觉QQ空间好乱”─经常有网友这么说

“在自己的空间，可以看到有主页、日志… 个人中心，在个人中心下面，可以玩一些应用、游戏… 当我去看朋友的空间时，我想知道他在玩什么游戏，他用了什么应用，这个时候，我开始迷路…”─亲身体会

这或许就是信息架构不清晰，它会让用户越来越难以理解，而在使用Qzone的过程中，会觉得越来越难复杂。

是什么反应了信息架构混乱：

1.导航信息结构不清晰
Qzone导航上的“更多”，是展示主人的更多导航内容，但实际上是“主人使用的应用”。

2.个人中心信息界面复杂
个人中心、应用列表、信息中心之间的关系，已经让用户无法理解。个人中心到底该有什么？

这是目前最容易看到的问题。那么Qzone，它是怎样一个信息架构？尝试对Qzone进行一次分析，整理并建立一个清晰的信息架构，或许可以看出问题的所在。

阅读全文

小白的6w公里… 需要进行一次大保养… 正所谓勤保养，才不会有意外。

作为一个平民，4S店那些几千几千的保养费是完全无法接受的，所以自行跑了几趟地方买了需要保养的配件（*）；

这次保养也充分了解车的消化系统结构，其实只是一件很简单的事情…

·更换机油*

·更换波箱油*

·更换刹车油*

·清洗油路

·更换火嘴*

·发动机内部清洗

·检查水箱水、检查皮带、底盘、悬挂、刹车系统、四轮定位、四轮动力平衡

阅读全文

来自mppark的一个有趣的形象创建工具。

mppark

最后保存的照片：

“使用自然的语言来表达页面信息。这是一个设计界面交互细节的方法。界面表达的要求是：清晰，明确，简洁，得体。想象着用面对面的交流来传达信息，再将面对面的传达变为书面表达，再用界面语言翻译书面表达。除了思路，我们还需要必备的原则、常用的表达方式和具体操作步骤。” ——自然语言法

自然语言处理是一门科学，而我不是科学家。

在浏览网页中，经常会遇到很多不寻常的表达方式，而终归清晰、明确的表达方式才是最大众化的。

对于“自然语言”的表达方式，一直都是在不断探索、总结、归纳，组织一个互联网的措辞库。

而目前渐渐有了简单的小结论：

…
用户互动行为：
1.交流行为（评论、回复）
1.1.针对文本输入框，有提交按钮的，提交按钮统一为“发表”
1.2.针对一篇日志、一张照片等，用户间的交流行为统一为“评论”
1.3.针对“评论”内容，用户间的交流行为统一为“回复”

2.操作行为
3.等等等等
…

“真实的第六感不是常人没有的感官天生功能。每个人都与生俱来具有第六感！所谓的第六感，就是人类除了听觉.视觉.嗅觉.触觉.味觉，的第六感“心觉”。此外所有地球上的人类应该都还具有第七感和第八感！”—摘自百度百科

下面是一段关于 “Pattie Maes at TED 第六感装置演示”

youku播放器

Shop Composition 采用了“滑动式的导航”方案，取代了传统的网页导航思路。

阅读全文

英文能力有限，看大部分英文网站，都会比较吃力，而不得不经常关注一些国外的网站获取一些有用的信息。

Google在线翻译解决了这个问题，大部分网页翻译后的结果看起来还是不错的。

让翻译网页随时随刻都使用，我把它放在了浏览器的书签工具栏！

使用方法

Firefox 专用

或者

右键添加到收藏夹

阅读全文

期待了很久，终于上线啦！

再来一句呐喊：“终于上线laaaaaaaaaaaaaaaaaaaaaaaaaaaaar！”

不知道放什么图，来张全家福  … >v<

·在此要特别感谢 ivane 童鞋的强力技术支持，才可以让人仔打开百叶窗，看到外面的阳光~
·当然也为 pufen 童鞋一贯以来的技术尝试在宣告失败后，仍然奋勇支援，虽然最后没用上什么成品~
·king 同志的即时技术支援!
·而 indigo 同志为我创造的一个不会被河蟹的空间表示衷心感谢，感谢 (mt) Media Temple！
·感谢 W3C、感谢HTML5、感谢CSS、感谢wp(WordPress)、感谢php、感谢mysql、感谢jQuery、感谢Macromedia fireworks(自从你们失踪后我还一直支持)、感谢Editplus、感谢windows 7！
·当然，感谢星海名城物业管理中心、房东顾女士提供的一个宁静的工作环境！
·还有南山供电局的每月1000元电费单、上行速度超慢的6M中国电信ADSL！

最后，诚挚地感谢访问我网站的您，希望您会愿意订阅！

阅读全文