• 翻看一下近些年来用户界面的视觉设计你一定会发现“写实风格”正逐步变成主流。我们所使用的电脑越来越强劲,速度越来越快,设计师们也有了更多的发挥空间。为了增加细节,我们已经可以使用3D效果、阴影、透明甚至一些物理特性来修饰界面。这其中有些效果能显著改善可用性,比如阴影能够更好地帮助用户区别激活与非激活状态的窗口、iPhone系统中的丰富但有效的动画效果也能极大减少用户的学习成本。

    但在其他方面,这些新技术对可用性却未必作出了多少贡献。图形用户界面基本上就是一堆符号,大部分按钮、图标以及其他控件只是指代了某些概念或某个想法,比如齿轮图标并不意味着一个齿轮,他只是告诉你点击之后可以进行软件的设置。越多的细节和越高的写实性会让用户的关注焦点脱离这些概念。

    在此推荐大家读一下Scott McCloud的 《Understanding Comics》,和GUI无关,但是每个设计师读过之后肯定都有受益  :D

    最左边的图显然是个特定的男士,而右边那个笑脸形象几乎能指代任何一个人。从这个例子看得出来,如果为了表达一个概念而使用隐喻,那视觉上的细节就必须减少。而事实上实际场合中我们所使用的界面控件一般不会去指代一个特定的东西。

    当然,细节也不能太少,保证必要的识别性肯定是前提,至少要让用户看得出这是什么东西:

    左边这个是人脸,右边这个你就很难分清楚是蛋还是球了。

    接下来我们再来看看电脑上的实际例子,一个代表“主页”的图标:

    从左到右,我们看到从一间特定的房子到广义上的Home概念的变化,细节越多,越难搞清楚其指代的概念

    同样的,细节也不能过少,去掉窗子和烟囱之后这个Home图标就变得像一个 ⇧按键了。

    让我们用一个并不太科学的图表来说明问题:

    图表上的数值并不是来自实际测试中的数据,我只是想说明优秀的GUI设计应该出现在曲线的中间部分,视觉上只需要保证足够而不花哨的细节就可以了。

    那什么样的细节是恰当的,什么样的细节是会让用户分心的呢?

    左边这个按钮太过写实,不适合放到界面当中,而右边的只有一个边框,也很难激起用户的点击欲望。

    对于这个开关来说也是一样,过度的细节让左边这个按钮看起来就是一张照片而很难认为是界面的一部分。

    合理地运用阴影、渐变等细节,让用户既能分辨得出这个元素又能不分心于图形上的效果能够帮助我们打造美观而可识别的界面。

    例外情况

    当然也有一个领域是特别的,那就是程序图标,只用来指代你的程序。

    Coda的树叶图标不是指代树叶,而是用丰富的细节、形状和颜色特征让用户一眼就看出这是Coda的叶子。而Acorn这个图形编辑软件也正如他的名字所表现的,使用了一个橡果来作为程序图标。在这种场合,我们需要表现的只是一个特定程序而不是广义的概念,最终目的就是把图标和软件的品牌、价值直接联系起来,让用户一看就知道。所以程序图标可供设计师发挥的空间就很大了。

    结论

    就像开头所说,图形用户界面就是一堆符号,而符号的精髓就是简洁。让用户快速准确地读懂符号以及其背后的含义是我们每个GUI设计师的重要责任,过多华而不实的写实性只能在可用性上带来明显的问题。

    在设计中增加细节的目的不是让界面和图标看起来像照片那样真实,而是提高识别性,帮助用户更好地和各种控件进行交互操作。

     


  • 未必需要知道迎客松代表着什么,是一处有自我姿态的风景而已。

    吹一篇有关相册的博,居然被弹出窗口警告有敏感词汇??真是滑稽。无奈,我被博客大巴当成了一个论政和低俗的人了。
    已经把该改用拼音的字都改成注音了,该加个“-”的都加“-”了,再改连神都不能看明白了……

    图片来自flickr。放弃使用bababian相册,一个用了不到一个月并让我失望非常的相册服务。

  •  

     

     

    扫黄打非的时候不会被河蟹吧?本人可没有煽动儿童犯罪,没有诱导未成年人,没有败坏道德,没有违反裆的政策方针;图片没有露性器官,没有露点。只是以图片的方式在描述教育的真谛。

    借此征集广告语,广大网友可以投稿,声明无稿费!!
    突然想起了一些歌词:
    ……爱从后面来……
    ……让人安全的爱……
    ……有爱马上体验……
    ……你的爱在口中满溢……
    ……爱留在你的脸上……

     

    尊重宪法,拒绝跨省。

     

     

  • 被网络

    Tag:

    2010-01-13

    这年头的网络太让人岔气。贵国的网络自动门是装狗眼的,今天大巴回来了,明天谷歌要走了。一个从来没听说过的文协冒出水面,给了一个外资企业一记耳光,然后它矫情扭头就走。众多网民绵绵悲愤。

    即使谷歌中国将中国的服务器迁出境外,我们还有.com;即使.com被墙,我们能翻;当局域墙太高太厚了,那时再一起去推倒吧……

    http://zh.wikipedia.org/wiki/柏林墙

  • http://www.google.com/phone/

    由于没有睡觉,才发现上面的链接有效了。作为Google推广的手机,价格跟性能十分具备诱惑力。喜欢android系统的朋友,喜欢google的朋友别错过了。

    Nexus One并不是Google的产品,还是宏达(HTC)设计的手机,Google只负责将其投放至市场。由于有这样的合作,Nexus One冠上“Gphone”的名字也都不过分了。

    关心一下价格。
    Nexus One手机价格:未锁定版本的nexus one手机售价为529美刀;3600元人民币(不禁想起前不久被顺走,1780元入手的G1);与运营商T-Mobile绑定版本售价为179美刀,绑定两年服务。


  • 遵循谍照应该模糊的原则,鄙人偷偷地 。。。

    地点,啄目(JOYMORE)办公室内部

  • 如果雷锋在今天 - [被事件]

    Tag:

    2009-11-20

    雷锋好事闻名神州,酿造“彭宇扶婆”悲剧

    2007年,雷锋出差到了南京。
    他着背包,过地下道时,正好看见一位背着大包裹、白发苍苍的老大娘摔倒坐在地上,很吃力地用手撑着地面。
    雷锋走上前去二话不说冲上前去把老大娘扶起来,老大娘脸一紧,明显摔伤了。
    雷锋一脸诚恳问老大娘:您这是去哪?我帮你扛包裹扶你走路吧?
    老大娘头一沉,雷锋陶醉地拎起包裹……就在这时,路人甲路人乙相继围观
    哎哟~你们看看这人呐,撞到我还想抢我的包裹,大伙看看,还要绑架我啊,你们好心的救救我。老大娘向路人求救。
    路人甲乙丙丁……表现蛋腚,无人吱声,只是路过兼围观。
    雷锋着急,向路人解释真相。

    一路人致电110报警。
    ……
    1个半小时后,police威风抵达事故发生地点,送老大娘押雷锋回局里。
    经录口供,得知老大娘是该片区一富商的远亲,老大娘索赔医药费和精神损失费。
    根据现场印象回顾,police断定雷锋撞到老大娘,确认雷锋抢夺他人财产,并嫌疑有绑架和猥亵女性的可能性。
    雷锋遭拘留15天等候法庭判决。

    一周后。法院宣布:
    雷锋,男,被判公共场合违章撞人罚款500元人民币,赔偿老大娘医药费13.6万元人民币,抢劫罪名成立,入狱服刑拾年,立即执行。

     

    关键词  索赔  摔倒

     

     

     

     

     

     

    南京男子扶跌倒孕妇反遭索赔  
    这事一起紧接一起。。数月后,老人因跌倒暴尸马路的报导就纷纷产生了。。

  • 感恩的心态

    Tag:感恩

    2009-11-17

    他们懂得感恩。感恩是一种生活态度。时时刻刻对于上天安排的一切抱着感恩的态度,会让自己的心情更好。一份工作,一杯咖啡,一个朋友,一个恋人,都是上天赐予的礼物,因为感恩才会懂得珍惜和把握,懂得捕捉生活中的美好。

  • 小东西

    Tag:

    2009-11-15

     

    关于记忆。都不知道该怎么体会。

    今天在整理E61i里的照片时候,看到上次回家拍的照片。我爱翻箱倒柜,那里藏着记忆。

     

    闪过的念头很容易消逝

    双手紧扣的长久

    。。。。

    久违的感觉

    到后来看到有关情感的回忆只是那些纪念物

  • 本来打算在波上写一篇日记,一进去才发现使用感受不尽人意,估计是需要各种网络应用的开发和api授权,想问一下有谁在波上写下了blogbus的日志没?与没收到邀请前所期盼的大波有着很大的差别。

    一旦进入波,就不停刷新,从未停歇。诸多网友的反应迟钝一说在我看来也不严重,甚至我察觉不到,不过这没关系,只要你用的是我国天煞的网络,难免的。

    不是中文的语言界面也让我淡化了研究研究的兴趣。

    一些应用,也称做机器人,都出现无法使用的状况,如果说添加机器人是目前主要的使用方式,那么当一个人面对干干净净的波,会无从下手,对目前阶段的波会失去信心。不排除有许多波迷一直在研究和创新,如果波是好东西,那么我也宁愿再等等,等到beta可能会有新的体会,目前的阶段让我感觉太茫然了。

    本来有挺多话想说,也有许多想法要表态,也是对波的不了解,所以有时候就没有话语权,深入去把玩大波才是检验真理的标准。现在也渐渐对网络的新鲜事失去兴趣,还是等有朝一日…吧。

    如果Email在今天刚刚被发明的话,那么它就应该是Wave这个样子。
                                                                           —— 冲这句话,相信的是google走在前沿的

    大波并不友谊。这个让微软发肝火的插件,活生生把人家的浏览器改造,彻底不放在眼里,呵呵。

     

     

    以下是一些机器人应用:

    表情 emoticonbot@appspot.com

    动态表情 wave-skimmy@appspot.com

    GV电话号 twiliobot@appspot.com

    泡泡对话框 cartoonybot@appspot.com (强烈不建议添加该机器人,会破坏wave标题)

    计算 calcbot@appspot.com

    翻译 rosy@wavesandbox.com

    发推 tweety-wave@appspot.com

    添加twitter链接 twitusernames@appspot.com 添加机器人后在wave中:@twitter用户名 就可以

    投票 polly-wave@appspot.com

    看股票 stocky-wave@appspot.com

    统计 countcolon@appspot.com

    只读 readonliebot@appspot.com

    删空白 sweepy-wave@appspot.com

    博客代码 embeddy@appspot.com

    自动回話机器人 Eliza@appspot.com

    自动缩网址 BotURL@appspot.com

    拼字吊死鬼遊戲 HangMan@appspot.com

    转发到Drop.io Drop.io@appspot.com

    澳洲公开赛 OpenAustrallia@appspot.com

    天气 Dr.Weather@appspot.com