导演别人联想 —— 图形化的设计- 内涵容不得牵强.pdfVIP

导演别人的联想 —— 图形化设计- 内涵容不得牵强 　　联想 ，不是说lenovo 哦~ 是说人们的一种心理活动 ，这种心理活动 人对世界有了自然的理解 和表达。 　　通过对自然界事物的理解、抽象演化 ，人们创造出很多图形、文字来表达各种意思 ，向他人传 递信息。 　　人们不断积累经验 ，联想经历的特点不断被深化、强化 ，促使表达者的设计活动不断发展。 　　到如今 ，我们已可以明确运用前人总结的联想规律 （相似联想、接近联想、对比联想、因果 联想 ）来施展设计 ，向我们的用户传达各种信息。 　　可是…… 　　别人心中的联想活动 ，我们有多大的控制能力呢 ？ 　　我们可以有 ，我们必须有 ！ 　　本文以下将分享三个问题 ： 　　什么东西 人们联想 ？ 图形化设计的元素 （砖瓦 ） 　　用什么方法导演人们的联想 ？ 设计过程 （手艺 ） 　　拿什么样的精神来导演联想 ？ 设计原则 （心法 ） 　　图形化设计 的“亲戚”很多 ，如信息图表设计、信息可视化设计、视觉传达设计 等等。 　　我们可以说他们都与图有关 ，与意思、数据或逻辑有关。归根结底 他们都是要把信息直观、 准确、快速、清晰的传达给人们 ，以获得理解和共鸣 ，甚至快速的被记住。 　　为了 人们能真的依着导演去联想 ，正确理解我们的意思 ，我们需要研究认识以下内容 ： 　　我们通常用不同的视觉元素 ，代表不同的数据和信息维度 ，将这些带有意义的元素组织在图中 ，通过控制一个或多个元素变量 ，来体现数据信息间的关联。 　　不同的信息 适合不同的图形化设计 1. 简单的目标 — 图 表征 2. 简单的意思 　　就可以像上文中例1和例2那样 ，用基础的柱状图 （或饼状图等 ）、简洁的图示 ，就可以解决问 题了。 3.较复杂的逻辑或内容 　　如表达我们这里“设计师的一天” ( 原图过大 ，这里缩小了一点放上来 ） 　　哈哈~ 能列出这里总共说了哪些信息点么 ？ 　　…… 　　总之 ，各种元素的搭配和利用 ，要根据实际需要来统筹安排 ，要做到每个细节都是有道理的合 理的安排。 1. 我们第一眼让用户看到的线索 ，一定要清晰凸出。 　　要放进一张图的信息 ，至少会以一个贯穿整体的线索关联。这条线索很多时候也是这个图的 主题。信息的组织 就要靠这条线索了。 　　如“设计师的一天” ，线索就是自始至终一天的时间 ，所以我就按照钟表的刻度来对应每个时段 会做的事 ，还标出了四个时间关键点。 　　说到这儿 ，要讲一个小案例 ： 　　这是某好友“与我的故事”模块 ，旨在告诉我该好友与我有什么共同点 ，当然实际是希望制造完 善资料和互动的机会。 　　大家也可以体验一下 ，它藏在Q Q2011正式版下 ，对方的资料卡窗口中。 　　要说的是 ，最初的方案不是彩虹桥 ，是一棵友谊树 ，请看 ： 　　设计师最初的想法是两好友间的友谊树 ，树根上抽象伸展出根系 ，每个根枝的末端指向一个 属性 ，寓意为养分供给着友谊树成长。当属性相同时根系显绿色 ，当属性不同时根系灰显。两人相 同的属性越多寓意养分越多、树根绿的越多 ，树木就越茂盛。 　　初期交互过程中的演化 ： 　　越来越规矩、简单。 　　但为了组织一堆数据而抽象出来的“友谊树”却愈发弱小了。设定的最弱到最强的表现是 ： 　　最弱的时候是只有两片叶子的芽 ，却要拖着好大一坨“树根”。 　　按照交互的方案表达 ，线条简洁 ，颜色单纯 ，很平的感觉比较轻量。 　　但是灰色与绿色的根掺杂在一起并不好辨识 ，而且当灰色过多时 无法很好收敛可能给用户造成 的负面情绪。 　　更 人紧张的是 ，视觉处理过程中 ，为了避免不和谐的页面分隔 ，去掉了“地平线”的感觉 ，分隔 地上、地下的界限已不在 ，小芽就被膨胀扩张的根条淹没 ，整体的表达不再浅显贴切。 　　此时呈现出来的结果 ，已 人较难联想到图的线索 ，和背后真正的意思了…… 　　后来立意改变 ，采用彩虹桥寓意两人的友谊 ，向天空升起一个个属性泡泡。相同的属性越多 ， 彩虹桥跨过的弧度越大。未跨过的部分渐变至偏白的低饱和度 ，如此一来 ，主体目标够大 ，属性相 同的程度很容易辨识 ，页面的色彩也饱满了起来 ，并且规避了不和谐的页面分割 ，算是比较成功的 一次优化了。 回过头来总结 ： 　　主题的线索 ，是人们对号入座展开联想理解的开始。如果别人连线索也就是你这些信息的组织 方式 都没看懂 ，那就没办法联想到你图中的逻辑 ，这个图就白做了。 　　我们为了将一堆繁杂信息简洁、清楚的表达 ，把他们按一个线索组织起来。 　　有