2010的开始1+

2010-02-15 2:02

2010 - 用心工作 快乐生活

春节回了一趟老家,18:00 – 21:30的高速上,我又从灾难中获得重生。大家都说我活着绝对是一个奇迹!经历了人生第一次能见度不到10米的大雾,第一次感觉路不再坑坑洼洼,我对着muimui说:“我的家乡是霉丽的骸殡层屎─汕头”。

阅读全文

iPhone应用程序设计范例2 +

2010-02-06 1:01

iPhone apps

引言

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

原文: iPhone Application UI Design Patterns

阅读全文

组成我们的世界是“信息”2 +

2010-01-26 19:19

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

组成我们的世界是“信息”

引言

sith布林

分享/翻译

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

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

1.了解信息的概念结构(信息的三层次意义)及性质

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

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

Untitled-2

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

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

Untitled-1

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

原文作者:Anders Ross
原文:InfoGraphic Designs: Overview, Examples and Best Practices

阅读全文

Qzone设计大揭秘-它是怎样一个信息架构2 +

2009-12-19 2:02

tesion

什么是信息架构

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

为什么需要信息架构

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

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

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

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

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

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

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

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

阅读全文

小白6WKM的秘密14 +

2009-09-14 0:00

L1100525

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

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

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

·更换机油*

·更换波箱油*

·更换刹车油*

·清洗油路

·更换火嘴*

·发动机内部清洗

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

阅读全文

mp change 创建形象

2009-09-08 18:18

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

mppark

mppark

最后保存的照片:

1252404511_933047768

自然语言

2009-08-28 14:14

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

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

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

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

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


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

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

第六感2 +

2009-08-19 17:17

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

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

youku播放器

youku播放器

创意商店

2009-08-19 16:16

snap

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

阅读全文

让阅读视野更宽阔1+

2009-08-14 0:00

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

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

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

使用方法

中文(简体)

Firefox 专用

示意

或者

中文(简体)

右键添加到收藏夹

阅读全文

第 3 页,共 4 页1234

人仔

1985.9

从事互联网设计工作

订阅

微博

Google的朋友们