剪式设计——解决设计困惑与矛盾的方向 ? 新媒重庆UED

来源:百度文库 编辑:神马文学网 时间:2024/04/24 04:03:25

剪式设计——解决设计困惑与矛盾的方向

作者:calven
日期:2010年08月30日分类:视觉设计

“剪”:字意为除去、截断,是对固有状态的一种主观改变。在设计中,我把“剪”定义为一种观察局部完整性与平衡整体表现力的方式,剪式设计就是协调局部与局部间相对关系并确保整体完整性的设计方法。

设计师们习惯在开始阶段根据自己对需求的理解,把自己的感性认识结合在设计表现中,这是一个很重要的阶段,无数的创意和灵感在这个阶段会涌现,可以总结为创意阶段,它决定着设计的风格走向。当创意阶段结束,到达细节处理阶段,往往也是设计师很痛苦的阶段,反复的细节调整,经常陷入迷茫,找不到方向,所以根据我自己的一些经验提出剪式设计这个概念,当我们在无休止的细节修改中找不到出口时,希望能带给大家帮助。

那么在设计中剪式设计该怎样发挥作用呢?

我们都知道,用户在观察页面时,是一种扫描的状态(如图)

为了引起关注,在设计中我们会根据产品需要在页面中确定重点区域,次要区域,这是基于整个网页一种宏观的表现,整个页面层级关系的好坏就成为了设计师们功力的一个重要体现,为什么这么难把握,是因为页面中不仅有大的布局重点,在每个小板块中,都会有自己的层级关系,当很多板块交错在一起,彼此之间互相干扰,就形成了很多问题,页面繁琐,零乱,重点不突出,这些问题都随之产生。(如图)

这时我们需要理清各板块之间的协调关系,合理组合,剪的方法就起到很大作用,我通常的做法是在设计之初把各个板块建组,这样当页面出现问题时,通过隐藏板块的方式,找出问题到底出在哪个部分,也可以通过合并组的方式,轻松的把整个页面变成一个个图片式的部件,这样做,设计师们就可以像交互设计师那样利用组件的形式去合理的分配位置和比例,你也可以叫上交互设计师或者产品人员,和你一起完成最后的组合形式,这和单纯的原型布局不一样,有仿真搞的呈现,会找出之前线框式原型所凸显不出的问题,在这样的尝试中,也许你会发现,这几个板块整合后会更统一,他们不需要这么重的处理方式等等…这样剪的方式还会让你产生出很多直接在页面上不容易产生的创意思路。有了结构上明确的思路以后,在板块内部的处理方式就更有针对性,我们就有了标尺,知道这个地方不太适宜用哪种方式去处理,用什么样式的图标在这里是不合适的,思路一下就明确起来,当问题出现时,就能准确找到原因,更能在领导或客户对设计产生质疑时提供理论依据。其实这么看来我所说的剪式设计的方法是很简单的,大家也或多或少有过这样的做法,但是我提出剪式设计,方法只是一种实现方式,更重要的是剪得思路,全局与局部对比,整合,互换的一种思路,不被一种原型框架所牵制,也不让冲动的设计表现欲望对内容产生冲击,他是一种排除思想,找出问题关键,也是一种制约,维持内容与展现之间的平衡,其核心在于把感性思维的呈现和理性的需求分离对比,利用对比去调和,我们可以利用这种思维,想到很多好的方式去做这样的平衡工作。

剪式设计思路的优点

1.  提高设计效率,节约时间成本——我们通常为一个个设计细节或某一部分复杂琐碎的产品需求而消耗大量时间,剪式设计提供一种解决全局与局部协调性的设计思路,减少局部时间损耗。
2.  为设计提供理性的重点分析方式,对自己的设计做出正确判断——当自己感觉页面表现不错,却得不到需求方认可时,剪式设计不仅为你提供修改思路,更成为你说服需求方,获得用户认可的重要理论支持。
3.  一个好的设计思路,不仅限于视觉,它贯穿于产品的整个环节,能使视觉设计对产品质量的提升起到关键作用。

设计的本质,在于解决社会上多数人共同面临的问题,其落脚点侧重于社会,而其本身没有自我表现的动机。但设计师作为个体,是有表现的动机和冲动的,我提出剪式设计这一概念,其根本原因就在于设计本身和设计师之间矛盾的体现,它是一座桥梁,使两者连接稳固。