聯(lián)想，不是說(shuō)lenovo哦~ 是說(shuō)人們的一種心理活動(dòng)，這種心理活動(dòng)讓人對(duì)世界有了自然的理解和表達(dá)。
通過(guò)對(duì)自然界事物的理解、抽象演化，人們創(chuàng)造出很多圖形、文字來(lái)表達(dá)各種意思，向他人傳遞信息。
人們不斷積累經(jīng)驗(yàn)，聯(lián)想經(jīng)歷的特點(diǎn)不斷被深化、強(qiáng)化，促使表達(dá)者的設(shè)計(jì)活動(dòng)不斷發(fā)展。
到如今，我們已可以明確運(yùn)用前人總結(jié)的聯(lián)想規(guī)律（相似聯(lián)想、接近聯(lián)想、對(duì)比聯(lián)想、因果聯(lián)想）來(lái)施展
設(shè)計(jì)，向我們的用戶傳達(dá)各種信息。
可是……
別人心中的聯(lián)想活動(dòng)，我們有多大的控制能力呢？
我們可以有，我們必須有！
本文以下將分享三個(gè)問(wèn)題：
什么東西讓人們聯(lián)想？ 圖形化設(shè)計(jì)的元素（磚瓦）
用什么方法導(dǎo)演人們的聯(lián)想？ 設(shè)計(jì)過(guò)程（手藝）
拿什么樣的精神來(lái)導(dǎo)演聯(lián)想？ 設(shè)計(jì)原則（心法）
圖形化設(shè)計(jì)的“親戚”很多，如信息圖表設(shè)計(jì)、信息可視化設(shè)計(jì)、視覺(jué)傳達(dá)設(shè)計(jì) 等等。
我們可以說(shuō)他們都與圖有關(guān)，與意思、數(shù)據(jù)或邏輯有關(guān)。歸根結(jié)底 他們都是要把信息直觀、準(zhǔn)確、快速
、清晰的傳達(dá)給人們，以獲得理解和共鳴，甚至快速的被記住。
為了讓人們能真的依著導(dǎo)演去聯(lián)想，正確理解我們的意思，我們需要研究認(rèn)識(shí)以下內(nèi)容：
什么東西讓人們聯(lián)想？圖形化設(shè)計(jì)的元素（磚瓦）
我們通常用不同的視覺(jué)元素，代表不同的數(shù)據(jù)和信息維度，將這些帶有意義的元素組織在圖中，通過(guò)控制
一個(gè)或多個(gè)元素變量，來(lái)體現(xiàn)數(shù)據(jù)信息間的關(guān)聯(lián)。
用什么方法導(dǎo)演人們的聯(lián)想？設(shè)計(jì)過(guò)程（手藝）
不同的信息 適合不同的圖形化設(shè)計(jì)
1. 簡(jiǎn)單的目標(biāo) — 圖像表征
2. 簡(jiǎn)單的意思
就可以像上文中例1和例2那樣，用基礎(chǔ)的柱狀圖（或餅狀圖等）、簡(jiǎn)潔的圖示，就可以解決問(wèn)題了。
3.較復(fù)雜的邏輯或內(nèi)容
如表達(dá)我們這里“設(shè)計(jì)師的一天” ( 原圖過(guò)大，這里縮小了一點(diǎn)放上來(lái)）
哈哈~ 能列出這里總共說(shuō)了哪些信息點(diǎn)么？
……
總之，各種元素的搭配和利用，要根據(jù)實(shí)際需要來(lái)統(tǒng)籌安排，要做到每個(gè)細(xì)節(jié)都是有道理的合理的安排。
拿什么樣的精神來(lái)導(dǎo)演聯(lián)想？！設(shè)計(jì)原則（心法）
1. 我們第一眼讓用戶看到的線索，一定要清晰凸出。
要放進(jìn)一張圖的信息，至少會(huì)以一個(gè)貫穿整體的線索關(guān)聯(lián)。這條線索很多時(shí)候也是這個(gè)圖的主題。信息的
組織 就要靠這條線索了。
如“設(shè)計(jì)師的一天”，線索就是自始至終一天的時(shí)間，所以我就按照鐘表的刻度來(lái)對(duì)應(yīng)每個(gè)時(shí)段會(huì)做的事
，還標(biāo)出了四個(gè)時(shí)間關(guān)鍵點(diǎn)。
說(shuō)到這兒，要講一個(gè)小案例：
這是某好友“與我的故事”模塊，旨在告訴我該好友與我有什么共同點(diǎn)，當(dāng)然實(shí)際是希望制造完善資料和
互動(dòng)的機(jī)會(huì)。
大家也可以體驗(yàn)一下，它藏在QQ2011正式版下，對(duì)方的資料卡窗口中。
要說(shuō)的是，最初的方案不是彩虹橋，是一棵友誼樹，請(qǐng)看：
設(shè)計(jì)師最初的想法是兩好友間的友誼樹，樹根上抽象伸展出根系，每個(gè)根枝的末端指向一個(gè)屬性，寓意為
養(yǎng)分供給著友誼樹成長(zhǎng)。當(dāng)屬性相同時(shí)根系顯綠色，當(dāng)屬性不同時(shí)根系灰顯。兩人相同的屬性越多寓意養(yǎng)
分越多、樹根綠的越多，樹木就越茂盛。
初期交互過(guò)程中的演化：
越來(lái)越規(guī)矩、簡(jiǎn)單。
但為了組織一堆數(shù)據(jù)而抽象出來(lái)的“友誼樹”卻愈發(fā)弱小了。設(shè)定的最弱到最強(qiáng)的表現(xiàn)是：
最弱的時(shí)候是只有兩片葉子的芽，卻要拖著好大一坨“樹根”。
按照交互的方案表達(dá)，線條簡(jiǎn)潔，顏色單純，很平的感覺(jué)比較輕量。
但是灰色與綠色的根摻雜在一起并不好辨識(shí)，而且當(dāng)灰色過(guò)多時(shí) 無(wú)法很好收斂可能給用戶造成的負(fù)面情
緒。
更讓人緊張的是，視覺(jué)處理過(guò)程中，為了避免不和諧的頁(yè)面分隔，去掉了“地平線”的感覺(jué)，分隔地上、
地下的界限已不在，小芽就被膨脹擴(kuò)張的根條淹沒(méi)，整體的表達(dá)不再淺顯貼切。
此時(shí)呈現(xiàn)出來(lái)的結(jié)果，已讓人較難聯(lián)想到圖的線索，和背后真正的意思了……
后來(lái)立意改變，采用彩虹橋寓意兩人的友誼，向天空升起一個(gè)個(gè)屬性泡泡。相同的屬性越多，彩虹橋跨過(guò)
的弧度越大。未跨過(guò)的部分漸變至偏白的低飽和度，如此一來(lái)，主體目標(biāo)夠大，屬性相同的程度很容易辨
識(shí)，頁(yè)面的色彩也飽滿了起來(lái)，并且規(guī)避了不和諧的頁(yè)面分割，算是比較成功的一次優(yōu)化了。
回過(guò)頭來(lái)總結(jié)：
主題的線索，是人們對(duì)號(hào)入座展開聯(lián)想理解的開始。如果別人連線索也就是你這些信息的組織方式 都沒(méi)
看懂，那就沒(méi)辦法聯(lián)想到你圖中的邏輯，這個(gè)圖就白做了。
我們?yōu)榱藢⒁欢逊彪s信息簡(jiǎn)潔、清楚的表達(dá)，把他們按一個(gè)線索組織起來(lái)。
有時(shí)會(huì)為這個(gè)線索凝練出一個(gè)主體（比如上面所說(shuō)的“友誼樹”、“彩虹橋”），來(lái)承載這些信息的邏輯
關(guān)系。
所凝練之主體，是第一個(gè)要站出來(lái)的，從它開始，用戶才在觀察這些信息與它的關(guān)聯(lián)性中，更好去理解信
息和邏輯。
如果為了凸出信息而凸出信息，那還凝練出來(lái)這個(gè)主體干什么呢？
所以說(shuō)，聯(lián)想的過(guò)程需要順序，需要導(dǎo)演！
2. 我們安排的“劇情”，一定要符合人們的認(rèn)知理解 和客觀規(guī)律，接近真實(shí)生活經(jīng)驗(yàn)。
比如，關(guān)于對(duì)顏色的感覺(jué)：
顏色 在應(yīng)用的時(shí)候，是運(yùn)用人們的心理感知規(guī)律，來(lái)加強(qiáng)人們的聯(lián)想和理解。
如橙色 是暖的對(duì)應(yīng)到熱的活躍的；
藍(lán)色 是冷的、平靜的，對(duì)應(yīng)到不活躍的。
那么橙色到藍(lán)色的過(guò)渡漸變，自然成為人們的一個(gè)理解思路，他會(huì)很自覺(jué)的感受到你的意思。
比如，關(guān)于事情發(fā)展的順序：
在說(shuō)明流程的時(shí)候，假如我們圖中的主角是一個(gè)水龍頭，用它來(lái)串聯(lián)流程，那就是
從把手開始，依次經(jīng)過(guò)旋轉(zhuǎn)點(diǎn)、龍頭、出水口，最終走到流出的水滴。
不可能倒著來(lái)，否則不符合客觀事實(shí)的邏輯順序。
比如，關(guān)于一種現(xiàn)狀的延續(xù)性聯(lián)想
在QQ相關(guān)設(shè)計(jì)的實(shí)際項(xiàng)目中，我們通常是將某用戶個(gè)人的信息獨(dú)立呈現(xiàn)出來(lái)，但我們又往往打算讓用戶與
其他人的圖表碰到一起 比較，然后讓他們感受到其中的不一樣 和樂(lè)趣。
那就有一個(gè)問(wèn)題了—— 如何在用戶沒(méi)有看見其他人的圖表時(shí)，就能充分感受到他自己的圖表是在什么階
段或檔次呢？不然怎么讓他主動(dòng)去比較？
來(lái)看案例 ：
這是QQ概況圖形化表達(dá)設(shè)計(jì)中的一個(gè)過(guò)程方案（最終飛機(jī)掉了）。
我們的本意是給“用戶QQ的價(jià)值”一個(gè)具象的寄托，同時(shí)滿足用戶間的強(qiáng)弱對(duì)比表達(dá)。
一開始我想用一個(gè)瓜果籃表達(dá)，價(jià)值越高 則瓜果種類越豐富、數(shù)量越多，這樣用戶看到自己籃子里的東
西 會(huì)相對(duì)準(zhǔn)確的感覺(jué)到自己的QQ是什么情況，有沒(méi)有讓他興奮。
但是這個(gè)想法品牌延續(xù)性未顧及到，實(shí)現(xiàn)也有困難，不便后臺(tái)繪圖，如果純貼圖的話，視覺(jué)設(shè)計(jì)師的工作
量也會(huì)徒然增大不少，因此放棄了。
后來(lái)想到不同體格的動(dòng)物 ——覺(jué)得與我們的品牌關(guān)聯(lián)性太差，當(dāng)用戶僅看到自己的圖表時(shí)，獨(dú)立的動(dòng)物
之間 在狀態(tài)上沒(méi)有自然的延續(xù)，讓用戶較難想象與其他人有很明確的可比性。
想到不同大小的鳥（就是上面那個(gè)） —— 在物種上保持了一致，形成了形象間一定的延續(xù)性，但還是與
我們的品牌關(guān)聯(lián)性太差。
最終決定用不同年齡階段的QQ企鵝 —— 總算緊扣上了我們自己的品牌，并且從幼兒到青壯年間的狀態(tài)過(guò)
渡具有很好的延續(xù)性、強(qiáng)關(guān)聯(lián)，當(dāng)用戶僅看到自己的圖表時(shí)，不管呈現(xiàn)何種時(shí)期的企鵝，他都能聯(lián)想到對(duì)
應(yīng)的狀態(tài)。并且很容易延展的想到還有什么樣的狀態(tài)，他要做些什么才可以提升自己QQ的總體價(jià)值。
視覺(jué)同學(xué)所繪的小企鵝初稿：
總之，在邏輯表達(dá)的任何一個(gè)細(xì)節(jié) 都要盡量的靠近實(shí)事。這就是說(shuō)，圖形化設(shè)計(jì)的內(nèi)涵容不得牽強(qiáng)。
