Archive for the '交互设计' Category

交互设计基础培训PPT

这个PPT内容很泛很基础。请有需者下。

下载《交互设计基础》

特别说明:PPT中的人物角色部分姓名和相片不是真实匹配,请勿对号,谢谢。

交互设计做了些什么?

忽然想到了这么个问题。我先给出自己的答案,欢迎大家补充:

我先列举了我所想到的点,然后把这些点按照属性进行归类,整合了三个类别:可识别的可感知的可物理衡量的

这三个类别下面分别有如下内容:

1、可识别的
        形状
        布局
        尺寸
        色彩

2、可感知记忆的
        语言的含义
        色彩的隐喻
        相对位置
       层级、关系
        ……

3、物理的
        流程
        点击次数
        移动距离
        姿势
        转换方式
        ……

你们还有补充么?欢迎大家一起完善。

状态按钮和导向按钮

我在做设计的时候,发现在普通按钮之外,还有两种特殊的按钮。今天就跟大家聊聊。

先说普通按钮,大家平常见到的菜单中大部分按钮都算是普通按钮,他们除了表示这个按钮是什么意思之外没有其他的更深层的含义(什么是其他的含义后面会解释),如word中的这些菜单:

image 

我们在做实际设计的时候,经常发现这样普通的按钮没有办法满足我们的功能需求,于是就衍生出了一些新的按钮样式。

样式一,状态按钮。

什么是状态按钮呢?状态按钮时表示你目前的操作处于什么状态下,而且,通常状态的变化都是由这个按钮操作引起的。这种按钮在表示状态的时候更像是一个状态的开关。

举例说明:
image
office中的文本控制按钮,加粗按钮现在为激活,次按钮表示目前处于加粗的状态下进行文本编辑。而斜体的按钮处于非激活,则标注目前的文本编辑并不是在这个状态下。两个按钮的操作都会引起当前状态的变化。

需要说明的是,这中按钮的样式只有一种,状态的差别只有是否激活的区别么有样式的区别。

样式二,导向按钮

还有一种按钮,其当前的样式并非操作所处于的状态,而是表示按钮操作后的状态,这种按钮我成为之导向按钮。

举例说明:
image 
image
这是MSN中的屏蔽设计,当未屏蔽时,按钮样式为上图,按钮的意思为屏蔽此人;当已经屏蔽时,按钮的样式为下图,以为取消屏蔽。按钮的样式和当前的状态正好相反,他们表示的是这个按钮点击后的状态。

一般来说,这种导向按钮仅用在只有两种状态,而且是相反的状态下。所以,office中的视图模式就明显不适合这种导向按钮,而采取了下面的这种样式:
image

 

按钮的样式多种多样,除了我列举的这两种是从导向和状态来区分之外,还有很多区分方法,大家在设计时都会慢慢发现的。

赵小姐说先做好份内的事情

条子说赵小姐是个很聪明的女人,也是很个性的女人。
我总是很想见见她,跟她讨教一些东西。
前些日子的时候,条子终于帮我引荐了一把。

我见她的时候,她叼着香烟,不时的吐个圈圈儿,漠视眼前的一切。
我问她,做你们这行的职责是怎么分的?
她轻蔑的哼了一声,好像对我问的很不屑。
她看都没看我就说:这是小孩子都知道的问题。老妈子就是老妈子,妹子就是妹子,哨子就是哨子。
谁替不了谁,谁也离不了谁。

我说:那我可不可以多做一些,表现……
表现个屁啊,先做好份内的事情再说。赵小姐没等我说完就将我打断。
像战场上打仗,丫一炮兵崽子想着多杀几个鬼子,非要学空降兵跳到敌后阵营,想摔死啊?不有病么。
做我们这行的,吃的就是本份饭。让老妈子做妹,你愿意?

再者,即便是人家让你做,你能做好么?
上次我跟条子说电影的,你让编剧做导演,让摄影师同时负责灯光,节省人力成本。结果会是什么?

做人,做事,不要有太多的欲望,先做好份内的事情再说。赵小姐说完掐了烟,跟条子说:陪我跳个舞吧。
我被晾在一边,也学着点了根烟。

设计的境界

王国维在人间词话中有这样一段名句:

古今之成大事业、大学问者,必经过三种之境界:“昨夜西风凋碧树。独上高楼,望尽天涯路。”此第一境也。“衣带渐宽终不悔,为伊消得人憔悴。”此第二境也。“众里寻他千百度,回头蓦见,那人却在灯火阑珊处。”此第三境也。

意在说明人生、学问的不同层次。

在我看来,从事用户体验设计也有三种境界。

第一境界,所设计产品为大众型产品,且业内已有标杆。设计工作多为向标杆看齐,并完成基础功能,满足大众用户的功能。

第二境界,设计、技术、产品模式在其产品领域属领先水平的体验设计。前无标杆的指引,后却有从者的追逐,他们从用户中挖掘潜在需求,引导用户的使用,创造新的体验。

新型产品模式,将来之主流模式的产品设计,此第三境界。最惬意的事情是自己创造,当然也需要有耐心,这才是第三境界的关键。

下一页 »