当视觉设计师遇上产品经理、开发工程师…[译]

作者:迎春 来源:Tencent CDC Blog 时间:2010-01-17 10:18:00 

我是一个初入互联网的视觉设计师,和以往做设计感受最大的不同就是:一个设计的最终定稿会受到多方面的挑战,有来自产品经理的,来自开发的,来自测试的…等等。那如何在其他团队成员的面前不卑不亢,游刃有余地应对呢?下面这篇文章给了我很大的启发,特别分享给大家。 

  产品经理、开发工程师和市场策划专员等产品利益关系人认为——视觉设计师在整个团队中没有突出的地位。难道这个论断是正确的吗?我们还能用哪些实例来向这些利益关系人证明视觉视觉设计的重要性呢?

尽管,视觉设计师在他的职业生涯中或者是在某个产品开发进程中会面临不同的阻碍,以下3点是会被经常提及的:

● 视觉设计就是怎样把东西做得更漂亮
  ● 做流行的东西就可以提高视觉设计的品质
  ● 我们从单个元素出发来评价视觉设计的效果
 
 

视觉设计就是怎样把东西做得更漂亮

尽管现在只有很少的一部分人依旧坚持着这个观点,但认为视觉设计只是蛋糕上的奶油这个观念已存在很久。这就好比把最后一步的视觉设计比喻成产品包装上的一个吸引人注意的蝴蝶结。

这个观点也许源于工业时代。在当时,工业产品才开始出现不同以往的外观设计,而且像雷蒙·罗维(Raymond Loeway,1889-1988,法国)这样的现代工业设计师开始大张旗鼓地宣扬自己的产品美学。

显而易见的,视觉设计确实可以改善产品的表征,但是它可以传递给用户的信息其实更多。通过对不同元素的排列布局,视觉设计师也在向用户传递着产品的核心价值:

● 这是什么?
  ● 我怎么使用?
  ● 为什么我只使用它?

上述3个问题在交互式产品的设计上尤其显得至关重要。下面我们通过一个实例来说明。

图1到图3呈现的是同一个网站的不同视觉排列,基于相同的视觉元素——字体、颜色、渐变和图片。不同的布局直接影响着主要功能点的不同。


               图1

上图中,我们可以清晰地看出页面的主要功能是查看客户联系信息。然后则是用户可以编辑、删除或者为联系信息写备注。在图2中,页面的重点放在了客户和公司的交流上,然后是用户可以浏览、编辑和删除客户信息。


               图2

最后,图3的设计重点是用户信息的可编辑性。查看和实时跟踪客户信息的功能被弱化了。


               图3

这3种不同的视觉呈现方案告诉了我们用户的3个主要任务:查看客户联系信息、管理和更新这些信息以及保留客户的记录。在每个方案中,视觉设计的基本元素是相同的:颜色、字体、渐变和图片。

视觉设计可以做到的远比美化界面多得多。它还肩负着传递产品核心功能的作用。“这是什么?”“怎么使用这些功能?”“怎样更高效地使用?”

 

标签:视觉设计师,产品,开发,工程师,前端
0
投稿

猜你喜欢

  • 深入理解ES6 Promise 扩展always方法

    2024-04-18 09:46:46
  • linux下python使用sendmail发送邮件

    2023-02-27 00:14:33
  • HTML+JS实现猜拳游戏的示例代码

    2024-04-16 09:31:25
  • 使用cookie和application实现在线人数统计

    2007-09-18 13:01:00
  • Python开发装包八种方法详解

    2021-01-12 22:27:28
  • IP地址正则表达式匹配方法

    2023-06-11 18:58:03
  • Python实现Excel自动分组合并单元格

    2021-11-06 03:03:41
  • 详细介绍mysql中limit与offset的用法

    2024-01-21 10:52:48
  • Python金融数据可视化汇总

    2023-04-12 21:27:41
  • 人工智能自动sql优化工具--SQLTuning for SQL Server

    2024-01-25 00:54:15
  • BootStrap的alert提示框的关闭后再显示怎么解决

    2024-04-28 09:50:24
  • ASP 支持中文的len(),left(),right()的函数代码

    2011-03-03 10:59:00
  • Vue父组件和子组件之间数据传递和方法调用

    2023-07-02 17:01:57
  • 对Python random模块打乱数组顺序的实例讲解

    2023-03-24 16:51:57
  • Python groupby函数图文详解

    2021-10-01 06:17:09
  • 在vue项目中使用Jquery-contextmenu插件的步骤讲解

    2023-07-02 17:08:29
  • Go语言二进制文件的读写操作

    2023-06-23 09:40:08
  • MybatisPlus二级缓存体系探究分析

    2022-12-24 00:42:26
  • 简约的实现——服装网站设计

    2009-03-06 12:43:00
  • PHP遍历目录实现方法介绍

    2023-05-25 06:31:41
  • asp之家 网络编程 m.aspxhome.com