您的位置: 首页 > 艺术设计 > 设计理论 > 视觉设计不只是图形
天极产品设计流程 回到列表 活着的页面
 视觉设计不只是图形

作者:baiya 时间: 2007-10-09 文档类型:原创 来自:UCDChina.com

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

  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%体验的视觉设计不只是图形,它应该包括一切和”视觉”相关的东西。对于任何一个产品来说,视觉设计不应该仅仅只是”用什么颜色、圆角还是直角、什么样的造型”等纯粹的静态”图形界面”。

本文链接:http://www.blueidea.com/design/doc/2007/4965.asp 

出处:UCDChina.com
责任编辑:moby

相关文章 更多相关链接
设计细节不能丢
最新LOGO设计流行趋势——叶子
信息可视化与视觉设计
字体设计欣赏
Banner 设计手册
作者文章 更多作者文章
产品需要合适自己的设计
关于“交互设计”
理论上逻辑越清晰,产品越易用?
OFFICE2007头顶上的漂亮板儿砖
门户的首页还有多少价值?
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
悟道web标准:前端性能优化
纯中文域名".中国"今日提交申请
世界之窗3.0皮肤设计大赛结果公布
使用jQuery制作滑动动画效果的层
如何设计网页横幅
Plump 图标设计
Subrat Nayak图标设计
百度知道推出文档分享服务
CSS Sprites(CSS雪碧):要还是不要?
UIRSS三周年纪念日推出V2公测版
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文暂时没有评论和评分

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
闪魂-FlashCS4完美入门与案例精粹
Waver_h's华丽世界
Illustrator CS3质感绘画表现技法
《Flash短片轻松学》
《用户体验要素》
《JavaScript语言精粹》
作品集 更多内容

手绘明信片,寄给好朋 我的学习 写实绘画风格--蔬菜篇 瑞丽装饰 被飞页面二 我的学习 Initial View 服装网站BASIC E