切换到易呈平面
English
最新动态
交互设计师,你要懂视觉!
2015-08-28 09:33:54
网站建设

交互设 计师之所以要懂得视觉语言,主要体 现在原型制作的工作部分,因为输 出的虽然是低保真原型,但低保 真原型的设计过程其实也是一个视觉化过程。


一、设计界 面框架要懂视觉

在定好功能,搭好信息架构之后,一般进 行单独界面的框架设计。框架设 计是元素在界面上的大致布局,界面分几块区域,哪一块 区域放什么内容之类的。这里需 要交互设计师确定这么几件跟视觉有关的事情:


a.界面尺寸

界面默 认的宽高是多少(如果是软件)?最大化的宽高是多少?

这也许 需要通盘考虑每个界面大致的内容类型,需要考 虑用户的阅读舒适度(翻屏幕爽吗?水平扫描爽吗?)。


b.模块尺寸

每个区 域模块的大小比例大致怎样?这跟内容的类型有关,比如一 篇文章详情的宽度究竟要多少,用户阅 读起来才不会在目光换行的时候不会迷失?如下图,如果正 文整个显示屏那么宽,好读吗?这也跟 内容之间的权重有关,交互设 计师知道内容的轻重,尺寸就 是表达权重的一种手段。



c.模块位置

模块的相对位置如何?整个产 品的界面如何瓜分成一个固定连续的阅读习惯(如果需要的话)?

如果是一个网页,为什么 最重要的内容也许需要放在界面左上角,你要知 道这是用户的视觉落脚点。

当然框 架只是粗略布局,尺寸不需要精准,但如果能接近精准,不是更好吗?


二、元素细 节布局需要排版功力

如果你知道阅读节奏,能排成这样:


如果你 知道视觉区分逻辑,能排成这样:



三、权重表 达需要视觉手段

交互设 计师有责任把内容的轻重缓急通知视觉设计师,除了文字、口头沟通外,直接在 原型上表达也是重要的。如果知 道基本的规划视觉层次的原理,就能事半功倍。


(标签比 对应的内容不重要)


四、动画效果了然于胸

动画在交互过程中,起着强 化界面暗示或反馈的作用,配合用户的操作,丰富的 视觉效果让产品有趣,也让用 户更理解他的操作。

既然跟操作有关,交互设 计师怎么可以不懂得动画设计。虽然不 需要让动画变现,但心中 有动画的构成原理,看到一个效果,能知道 各个元素是怎么分别到位的,绝对有 助于行为的设计。


五、用视觉 设计师的语言沟通

在完成交互设计,开始向 视觉设计师传达设计方案的时候,如果能 用视觉设计师的语言跟他们沟通,甚至让他们觉得,你其实 已经在默默照顾他们,因为你 知道他们拿到这个交互原型时,心里是怎么想的,就能更快达成一致。


六、验收时 知道高保真是否传达出行为了

视觉设 计的其中一个最大功能就是传达产品行为,也就是 表达好交互设计。当视觉稿输出时,你不仅只是看看demo好不好看,更重要的是,你的交 互意图有没有被表达出来。比如还是权重的问题,视觉设 计师是否用合适的形式传达出来了,或者一 些视觉反馈是否给到用户足够的暗示效果。

网站业务售前:
平面业务售前:
售后技术支持:
网站建设在线咨询
网站建设常见问题
网站建设行业新闻
Copyright (c) 2007-2012
分享到:
友情链接:    彩35客服热线   优乐彩彩票网址多少   49彩票平台   优乐彩彩票平台   优乐彩彩票开奖直播网