交互设计的经验积累 来自积淀没有速成方法


  交互设计师的工作中,基础的工具、常识、流程……,这些都能够轻松学习到;最终的产出物,也能够找得到成熟的范本;而只有中间的经验,只能来自积淀,没有速成的方法。

  这篇分享,把自己成长中和交流中获得的一些经验略微举例,加上交互相关的一点基础,希望能给对交互设计有兴趣的朋友提供一些帮助。

  提纲:

  1. 入门

  1.1. 工具

  1.2. 原则/常识

  2. 称职

  2.1. 经验

  2.2. 经验积累的切入点——模仿并思考

  3. 进阶

  3.1. 一定程度地违反逻辑

  3.2. 扩展相关技能

  1.1. 工具:——一切可用于绘制线框,表达交互设计蓝图的工具,甚至可以用很不主流的PPT、或者直接用前端语言来写;用的最多,最适合的当然是Axure,具体的使用教程不讲,可以参考:

  AXURE在原型设计中的应用

  [2010W13]早读:Axure

  Axure的使用中,个人认为对入门比较重要的两点:

  栅格——按照栅格系统划分布局,并适当对齐,可以方便下一步UI同事进行设计,需要注意的是:

  a) 方案尚未确定的概念设计阶段,不要追求对齐和美观,能把交互设计捋顺,比什么都重要;如果对着软件界面不由自主地想要对齐,而时间又不是很充足,宁可先纸上画草稿,也不要为了对齐而影响设计思路;经验成熟之后当然另说,能够在保证交互清晰的基础上,同时兼顾到界面美观(交互稿与视觉稿之间的间距比例,很可能非常不同,最糟的情况可能因为间距问题,导致交互稿需要推翻重来);

  b) 绘制线框图时,大可以画的整齐漂亮一些,但具体设计一定是由更为专业的UI同事进行。

  灰度——在同一个界面中,用不同深度的灰色,表示不同区域的权重和相关性


  1.2. 原则/常识

  这里也不展开讲了,基础的一些教程,比如《 Web可用性设计》《Don’t make me think》,都可以学习到一些最基础的知识。

  2.1. 经验

  我认为,同任何一门学科或者技能一样,交互设计中,同样存在着工作的对象(流程、控件、控件组)和目标(需求);对这两个方面所包含的内容,分别进行细微区分和掌控,便是交互设计的经验。

  实现同一个目标,比如最基础的,我们需要一个入口,点击它,触发新的内容或者功能。

  做法有很多:按钮、长短不同的文字链、下拉菜单、tab标签、radio组……

  其中又包含不同的色彩、下划线样式……

  它们分别对应不同的使用场景,使用的效果有细微区分。

  面对目标需求,可以将其抽象化,在内容不影响形式的时候(或者说大多数时候,我们都尽量达到这样一个效果:面对不同的内容,我们所使用的这个形式都能够兼容),可以抛开需求的具体内容,而是去考虑它要实现的是一种怎样的交互形式。

  比如这样一个例子:

  原始需求:要有两个头图轮播,一个是活动公告,一个是产品推荐,但我又担心两个都会动,变得很奇怪……但又都想放……

  抽象需求:有两个模块,模块的内容是复数入口,图片方式,避免相互干扰;

  分析:

  1. 首屏区域出现两个自动轮播的内容,显然会相互干扰;

  2. 自动轮播的目的是获得更多展现;

  2.1. 需要不自动轮播,仍然能够展示出其中部分信息的做法

  于是这是线上的效果,右下是一个比较少见的推广入口设计,非当前状态的图片,标题能够得到展现。


  交互稿:


  如果交互设计师的经验,只是在具体的任务中积累具体的经验,这个过程无疑过于漫长且事倍功半;掌握抽象统一的一般规律,并掌握细微区别,这个方式,能够使经验的积累和设计工作更为有效。

时间: 2024-10-06 04:12:30

交互设计的经验积累 来自积淀没有速成方法的相关文章

谈交互设计的经验积累

交互设计师的工作中,基础的工具.常识.流程--,这些都能够轻松学习到:最终的产出物,也能够找得到成熟的范本:而只有中间的经验,只能来自积淀,没有速成的方法. 这篇分享,把自己成长中和交流中获得的一些经验略微举例,加上交互相关的一点基础,希望能给对交互设计有兴趣的朋友提供一些帮助.提纲: 1. 入门 1.1. 工具 1.2. 原则/常识 2. 称职 2.1. 经验 2.2. 经验积累的切入点--模仿并思考 3. 进阶 3.1. 一定程度地违反逻辑 3.2. 扩展相关技能 1.1. 工具:--一切可

交互设计个人经验和理解:交互设计的经验总结

文章描述:谈交互设计的经验积累. 交互设计师的工作中,基础的工具.常识.流程--,这些都能够轻松学习到:最终的产出物,也能够找得到成熟的范本:而只有中间的经验,只能来自积淀,没有速成的方法. 这篇分享,把自己成长中和交流中获得的一些经验略微举例,加上交互相关的一点基础,希望能给对交互设计有兴趣的朋友提供一些帮助. 提纲: 1. 入门 1.1. 工具 1.2. 原则/常识 2. 称职 2.1. 经验 2.2. 经验积累的切入点--模仿并思考 3. 进阶 3.1. 一定程度地违反逻辑 3.2. 扩展

交互Demo设计:交互设计心得经验分享

文章描述:交互Demo设计,是每个交互设计师最最基本的技能,这也是一个梳理思路很好的方式,但不是唯一的形势,Axure也不是唯一工具.只要能清晰表达产品思路.界面UI.流程逻辑及交互状态的好用工具都是值得去尝试的. 为方便产品经理.设计师.开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图.思维图.纸上的草稿.甚至高保真演示稿. 这里简单分享下自己在项目过程中的交互Demo设计的一些心得

交互设计的定义、目的、价值、方法、文档

交互设计的定义 交互设计是指设计人和产品或服务互动的一种机制,以用户体验为基础进行的http://www.aliyun.com/zixun/aggregation/11432.html">人机交互设计是要考虑用户的背景.使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦.符合自己的逻辑.有效完成并且是高效使用产品. 交互设计可以划分为纵向和横向(动态的和静态的) 纵向太深,用户会在一层一层挖掘后,感觉焦躁,同时也容易迷失.横向太宽,信息量多了,用户会觉

揭开交互设计的神秘面纱

什么是交互设计? 为了让大家了解交互设计,首先我们来谈谈交互设计的概念. 相信很多人都听说过工业设计.视觉传达设计.建筑设计.环艺设计和服装设计等,但是除了交互设计从业人员之外,应该很少有人知道交互设计,更不用说理解交互设计的概念了. 先来扯下历史:交互设计是于20世纪70年代末80年代初,由两位工业设计师--Bill Moggridge(交互设计之父,近年刚刚去世) 和Bill Verplank创造出"交互设计"(interaction design)这个词来描述他们所从事的工作,二

交互设计分析:交互设计是思维过程

文章描述:交互设计是一种思维过程. 最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件? 我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法"说一不二".工具固然很重要,现在很多大企业的设计部门都在制定设计标准,规范性的软件工具掌握越来越受到关注. 不过,我以为然设计师要少些"匠气",多思考"为什么","怎么做",也就是从"术"

交互设计是一种思维过程

最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件? 我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法"说一不二".工具固然很重要,现在很多大企业的设计部门都在制定设计标准,规范性的软件工具掌握越来越受到关注. 不过,我以为然设计师要少些"匠气",多思考"为什么","怎么做",也就是从"术"逐步转化为"道"

交互设计经验:设计过程中存在太多的矛盾

文章描述:交互设计经验:设计过程中存在太多的矛盾. 在产品团队中经常听到有人表态:"我们要做简洁的用户界面",同时又有另外一种声音传来:"我们要做功能强大的产品".乍一听,简洁意味着用户界面控件精炼,然而少数的交互方式如何表达各类强大的功能?反之,强大意味着功能丰富强劲,必然拥有错综复杂的联系,如何让其界面保持简洁?两者似乎无法共存,这让我突然想到自相矛盾的故事,楚国商人夸耀自己的矛锐利万分,同时自己的盾又坚固无比, "以子之矛,陷子之盾,何如?"

交互设计经验分享:WEB拖放交互设计

文章描述:交互设计经验分享:WEB拖放交互设计.   开篇呈上赵本山和宋丹丹的小品笑话:  要把大象放进冰箱总共分几步? 把大象塞进冰箱要3步:1 把冰箱门打开:2 把大象装进去:3 把冰箱门带上. 这虽是一则脑筋急转弯的笑话,但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤. 1.    虚实结合的世界  随着信息化时代的到来,我们的生活不仅局限于可触摸的自然环境,而且拓展到无形的虚拟环境中.继而,真实生活中的行为,如购物.交友.娱乐,也会映射到虚拟环境里.虚拟世界中,鼠标.键