文字大小:- +

视觉设计不只是图形

2007年09月07日 下午 12:28
作者:白鸦 | 话题:

一般情况下我鼓励视觉设计师在设计之前一定更加深刻的了解设计需求:

1、这个产品需要给什么样的一群人用,他们需要什么样的视觉感受。
比如,你在给一帮老干部做一套软件,就别搞的像qq那样热闹。(曾经介绍过一次 “通过收集典型用户身上的视觉元素确定视觉风格”的方法)

2、这是一个什么样的产品,它需要展现给用户什么样的”气质”和情感感受。
上次说维信的视觉设计感觉很好,其实很大一部分是在说它对于那些ajax动画效果的应用符合该产品”灵巧、迅速”的定位。它让我在感官上认为”这个产品很轻巧、快捷,不会占据我手机的大量空间也大量的上网流量”。

3、我有多少的创意空间可以发挥,是否需要遵循一些认识上的”定式”。
比如,你做的一个产品在行业中已经有了很多同样的,他们已经把这样产品的定义上了某种感官的形态,那么是否需要遵循? 如果更改自己的创意有多大风险? 你有把握做到更好吗?
(抱歉,这里没有典型的例子。我认为绝大多数时候视觉设计还是需要体现自我特色的)


视觉设计中的加法和减法:
1、一个产品的视觉设计需求下来时,你不能马上就有很多的想法,这是一个非常普遍的现象。但,很多时候市场不等人,你的老板会要求你必须快速完成设计方案。

2、那么,开始动手吧。 先从”减法”开始做起,用最简单的风格初步完成你的设计。也许他没有什么色彩和风格,也没有很绚缓的视觉展示效果。
等你完成这个减法设计的时候,再后头看看想想,大部分时候你已经有了一个好的创意可以优化进去。
就算没有,你只要在这个设计上做一些点晶式的修饰就可以完成这个设计了。

3、当然,有些时候设计需求一下来你就会有很多的创意想法。
那么,千万不要压制自己也不要蹑手蹑脚不敢去按照”创意”做。 把他们都给做出来。然后,把这些创意放在一起对比,结合起来,形成你的风格。
但,最后一定要去做足够的”减法”。”把多余的都去掉”是一个必须认真作的工作。我们现在几乎成天都能看到很多为了视觉而视觉的多余设计。

4、产品的存在是为了帮助用户完成某项任务。第一眼的”视觉感官”固然重要,但因为过多的多余修饰而影响了用户完成任务的过程就很不值得了。所以,警惕某些视觉效果会成为”多余的设计”,让你的视觉效果的应用应该适当其所,是设计师必备的素质。


这几年”用户体验设计”逐渐成熟,反到很多”视觉设计师”纷纷转行做”交互设计”或者”可用性工程师”。
这是一个比较可怕的现象。归结这个现象,我认为主要原因大概有:

1、视觉设计师的职能范围很小,导致很多有想法的设计师没有发挥的空间,经常在工作中受挫,能力得不到发挥和认可。
他们的工作往往都具体于”颜色”"造型”等纯粹的”图形表现”上,连一个按钮的大小都很难有话语权。更有甚者:在很多对于设计不够重视的企业,视觉设计师只是作为一个”执行的工具”,视觉设计师连”用什么颜色”"按钮用圆形还是方形”都必须听命与管理者。

2、
比如,做电子商务网站的时候有一个”商品列表”的页面,pm告诉你”商品的名字要用14号的加粗蓝色字,商品描述用12号的黑色字”,这个时候大多数设计师会很不爽,往往甚至会开始闹情绪:”视觉上的事情你就不管了,你们丫根本不懂设计,这里用14号的加粗字太难看了。”,然后改成了一个自己认为更加”好看”的设计,往往这个时候pm也会较劲:”叫你用14号你不用,你看现在列表密密麻麻的用户根本不能一眼就明了的看到商品名…”。
其实原因很简单:如果一开始pm就告诉设计师”这个列表一定需要用户很清晰的一眼就能看到商品名,其他商品描述不用那么突出抢眼”,根本不用具体说用什么字体之类的要求,设计师就明白了;如果设计师可以主动思考pm提出需求的原因,然后在保证设计需求的基础上让界面更”好看”一切都解决了。所以,问题应该是双方的。
通过这个例子我们能看到:视觉设计师没有”理解产品思想”的机会,对自己应该表现什么样的产品形象和气质没有概念。很多时候不要说他们能提出来对于产品视觉传达的合理见解了,就算提出来也是会被否定。

3、当我们把”视觉设计”只定位成”图形设计”的时候,”视觉设计师”的门槛越来越低,导致所有”视觉设计师”的待遇一致下降,更导致整个行业对于”视觉设计”的价值和能力产生比较的质疑,不愿意再在其中投入过多的成本。

4、很多视觉设计师发现和他在一起的所谓”交互设计师”比自己的待遇好,而且他们做的那些”交互设计”(其实这只是”视觉交互展现的设”计而已,真正的交互设计pm都给合在”产品架构和业务流程设计”的时候给一起做了)自己也能做。

5、很多视觉设计师觉得:做图形越来越没有空间,改做交互设计将来可以转行做pm,最后说不定还可以成为产品管理者。他们给了自己一个”被错误现实误导”的职业规划。(推荐:ued的职业规划应该是什么)


我必须马上解释一下关于”交互设计”的误区:
如,我们在设计一个im软件其中涉及到这样的一个功能:当有新的好友信息时在右下角弹出一个提示的”气泡” 窗口。那么,这个”气泡”是”从下往上缓缓推出”、”从右往左缓缓推出”、”从右角往左角缓缓推出”、”直接在固定位置弹出”、”由浅变深由大变小在一个固定位置缓缓出现”、”…”???
这个工作本不应该是由”交互设计”来完成了,所谓的”交互设计”指”用更加合理的信息展现方式更加高效的表现用户使用过程”,而非上例中说到的”视觉上如何动态展现”。
好的交互设计师在产品设计过程中应该完成的任务是:用合理的信息架构准确的将”产品结构”表现在”界面”上,并保证其充分的延展性;将”产品的业务及数据流程”准确的转换为最终展现给用户的(更加高效易用的)”使用流程”。
所以,各位交互设计师:把”视觉互动”的工作交给你的视觉设计师吧!在视觉上他们比你专业。你们应该更加关注”信息架构”和”用户使用流程”。



这个提到了视觉设计占据整个体验46%的报告 被我多次提及,最后在这里再提一次。
很多人反对这个报告的结论,但某种程度上我是持赞成态度的。因为我认为这里占据46%体验的视觉设计不只是图形,它应该包括一切和”视觉”相关的东西。对于任何一个产品来说,视觉设计不应该仅仅只是”用什么颜色、圆角还是直角、什么样的造型”等纯粹的静态”图形界面”。

转载请注明出自UCDChina.com,谢谢。

相关文章

评论(15)

  1. 写的真好 吸收下!

  2. 交互设计门槛很低,是个人,都可以做。找个高中生,培训一个礼拜,也可以做。至于要做得好,那就难了。喊口号,人人都会。学理论,是最容易的,而且交互设计的理论,太简单了,学起来一点都不难。

    visual designer,做的好的,同样是少数,大部分都很平庸。这个世界,做的好,总是少数人。

  3. 白鸦的话真是深有感触。

    无障碍的沟通往往是:

    交互设计师:“饿了!”视觉设计师:“我这有馒头、饺子、包子,我觉得饺子比馒头和包子好吃。吃饺子吧!”OK,最后吃了饺子。

    而现实情况往往是:

    交互设计师:“我想吃馒头!” 视觉设计师去做馒头出来。交互设计师看别人吃包子觉得不错,说:“要不换包子吧!”视觉设计师于是做包子。如此循环,很多地无用功花费在表面的问题上了。

    其实不论是产品设计中的任何一个环节,木桶效应中的“板”们,在产品的初期都遵循一个标准,这个标准除了“用户为中心”外,应该还涉及一个战略的规划,这就好比一个人,产品的核心就好比人的骨骼,骨骼会决定一个人的身高,体型,这是产品经理的职责;交互设计好比人的肉和皮肤,而视觉设计好比一个人的衣着打扮。

    所以,作为一个优秀的视觉设计师,往皮肤和骨骼方向发展说明两个问题,不可避免:

    1 PM和交互设计的力量很薄弱(本职工作做不好),所以优秀视觉设计师就会“瞎”操心,往里走。

    2 如果PM和交互设计师本职工作做好了,但不能准确地提出需求、给于视觉设计师良好的空间,视觉设计师也就不能安心地往视觉里深入研究,最终“逼上梁山”。

  4. 楼上说的是,如果能安心做自己本职工作那是多么美好的事啊。

  5. Tony的例子不错!^_^

  6. 很bs"Uesux"说的,如果都像你说的这么简单的话,为什么我们现在很多电子商务网站支付流程都是有问题的?
    按照你的说法,学音乐入门更低,会叫两声就行了。

    另外其实baiya这篇文章主要是涉及到产品具体实施分工,和各个岗位角色负责的任务问题,这也是这个行业还不是很规范造成特定的情况,说白了就是这个岗位应该做什么,做什么就够了,应该对什么负责都不是很清晰,往往是对于一个问题,大家都有自己的想法都想按照自己的想法去做,等出了问题又找不出来是该谁负责。

     

     

  7. 很有见解的一篇文章。视觉显而易见就是要给用户感官上的享受,但是要在满足功能实现的前提下,或者说为了能更好的完成产品的功能所做的努力。在用户分析的同时,也应该了解用户有什么样的审美偏好,这样视觉设计师在创意时也能很好的把握住整个产品的特色。

  8. 我同意xw的看法ue不是那么简单的一个职位,我就是从视觉转行到交互的一个设计师,原来的工作被限制的很严,就像楼主说的一样给你画好框框你往上面润色就可以了,但是这些工作很乏味,感觉自己就是这个范围之内没与其他的出路,再加上公司不是对此职位很受重视,所以改为作交互,感觉更显得如鱼得水一样来的顺畅。

  9. 不管做什么,做最适合你自己的就OK了

  10. 3楼

     “不能准确地提出需求” ,怎么能说是PM“本职工作做好了”呢?

  11. 写的很好 一针见血!

    “不能准确地提出需求” 这点很难衡量 也很少有人能做好 以至于把所有的责任往往都推给了最后一环的视觉设计师身上

  12. "ajax动画效果",大哥,虽然知道你是搞用户体验的,但是请不要用这种Ajax和动画之间的关系形容词,如果你非得说,先去看看什么叫Ajax再说,谢谢

  13. 深有同感,写得真好啊!呵呵!

  14. […] 视觉设计不只是图形 http://ucdchina.com/blog/?p=299 […]

  15. […] 视觉设计不只是图形 http://ucdchina.com/blog/?p=299 […]

发表评论

您必须登录后才能发表评论。

UCD大社区 - 网址导航 - 书友会 - 讨论组