電視機說(shuō)明是不是讓你看了暈頭轉向？包括很多其他的電子產(chǎn)品的說(shuō)明書(shū)，讓你越看越抓狂，云里霧里的！還有很多產(chǎn)品將使用步驟歸納成一張復雜的表格？其實(shí)很多人都有類(lèi)似的經(jīng)歷。就算搞清楚說(shuō)明書(shū)中所用的語(yǔ)言告知，我們仍是不知道如何做。我們生活在一個(gè)視覺(jué)體驗的世界里，要將一些指引清晰準確的地傳達給使用者，最好運用直觀(guān)的視覺(jué)語(yǔ)言、符號來(lái)展示。
我們通過(guò)圖片來(lái)講述。
為了讓產(chǎn)品說(shuō)明書(shū)更易看懂，我們需要將產(chǎn)品做成一張矢量的圖片。這張圖片可以將產(chǎn)品所有的部件、元素、工具可以輕易的識別和組裝。只有畫(huà)了這張圖，你才可以從很多細節中解放出來(lái)，你可以提取重要部件元素、改變位置、重點(diǎn)強調某一細節，而且出來(lái)的效果仍然能夠保持清晰干凈。
同樣說(shuō)這些文字不如我們看圖吧！
從照片開(kāi)始
要設計出色的產(chǎn)品操作示意圖，準備一部相機是必不可少的，因為我們很多示意圖都是根據拍出來(lái)的照片來(lái)描繪的。
用圖片展示動(dòng)作：
你有必要先用文字寫(xiě)下操作的整個(gè)步驟，然后細分成一二三幾個(gè)動(dòng)作。在描繪示意圖之前，先用相片拍下整個(gè)操作的關(guān)鍵動(dòng)作，然后再問(wèn)自己兩個(gè)問(wèn)題：一、這組照片是否可以表達一個(gè)完整的操作？二、每張照片所表達的意思是否清晰？
一個(gè)簡(jiǎn)單的動(dòng)作可以用一張圖片來(lái)表達，但通常在操作中所涉及的一個(gè)步驟都需要幾個(gè)動(dòng)作才能完成，如上述三張圖所示，它表達出了將兩條線(xiàn)分別插進(jìn)兩個(gè)線(xiàn)槽的動(dòng)作。圖中的手部元素發(fā)揮著(zhù)重要的溝通作用。雖然你可以用箭頭或引線(xiàn)代替手部，但描繪雙手更能增加使用者的真實(shí)感受，更真實(shí)地模擬操作時(shí)的體驗。同時(shí)，當一個(gè)系列的手部動(dòng)作組合時(shí)，就顯示出它的另一個(gè)優(yōu)點(diǎn)：手部的變化呈現出移動(dòng)感，一如我們在真實(shí)世界中所看到的一樣。
你需要對所涉及的動(dòng)作非常清晰。理論上，越多圖片當然表達的動(dòng)作更清晰。將你所拍攝的照片導入電腦中，我們就可以開(kāi)始描繪，但這個(gè)時(shí)候，有很多地方我們要小心：
只畫(huà)你所需要的部分：
將與動(dòng)作無(wú)關(guān)的元素加在一起，只會(huì )讓讀者的注意力無(wú)法集中。
“最小化”思考：
在步驟中的每一個(gè)動(dòng)作，我們只描繪那些與該動(dòng)作有關(guān)的部件，在這個(gè)例子中，這個(gè)收音機我們只描繪出它的輪廓及后面的插板。只描繪所需要的元素可以讓讀者一下子就知道自己在哪里。上面的大圖中，在上方兩側的描繪讓人一眼就知道這是指收音機的背面。當然，你可以象小圖一樣，將其它的元素變成淺灰（但它仍然無(wú)可避免使構圖更加擁擠），這也可以說(shuō)是另一種選擇。
尋找最佳姿勢：
不清晰：或許你在實(shí)際生活中真的會(huì )用象上圖一樣的手勢去按那個(gè)按鈕，因為你希望抓緊上部以避免按的時(shí)候將收音機翻倒。但在示意圖中，直接表現這個(gè)動(dòng)作就非常不明智。
這樣才是清晰的：手部動(dòng)作具有非常豐富的表達能力，一些細小的變化都會(huì )產(chǎn)生不同的意思，所以我們必須非常謹慎地設計手部動(dòng)作，一定要能夠清晰表達出這個(gè)動(dòng)作的意思，以讓讀者一看到示意圖就知道如何做。象第一張圖，雖然你自己知道是在按下面的鍵，但觀(guān)看的人并不知道。這里涉及到一個(gè)提煉的過(guò)程，有時(shí)候，一些我們感覺(jué)非常自然的動(dòng)作如果以示意圖表達出來(lái)時(shí)，反而會(huì )讓人不知所云。
拉近焦距：
拉近一點(diǎn)，再近一點(diǎn)：截取其中的區域使整個(gè)動(dòng)作顯得更靠前，但要留意兩點(diǎn)：一，周?chē)凶銐虻目臻g能夠讓讀者辨認區域在產(chǎn)品中的所屬位置——象上圖一樣，收音機的轉角位傳達出區域的所在位置；二，盡可能將手部動(dòng)作完整表達出來(lái)。
但并不是越靠前越好，象上面小圖一樣，則明顯靠得太前了。比較理想的做法是我們只放大區域的某一部分（象上面大圖一樣），應該顯示插板與其它部件的位置關(guān)系。
加亮區域：
增加清晰度：要實(shí)現最大的清晰效果，可以對示意圖的結構適當上色，模仿更真實(shí)的感覺(jué)。留意上面的第一張圖，黑色雖然如實(shí)反應了真實(shí)的收音機顏色，但其動(dòng)作表達的清晰度卻打了折扣。
而第二張圖，淺灰的色調與深色的插板區域能夠配合，但白色的背景與手部元素則沒(méi)有形成對比。所以，象下圖一樣，我們選擇黑色背景來(lái)解決問(wèn)題：
加亮動(dòng)作區域：加亮效果在示意圖設計中是一種非常實(shí)用的方法，在深色的區域中將某一區域加亮，使讀者的視線(xiàn)更加集中。
移動(dòng)及重新使用元素：
在使用示意圖的設計中，有很多元素會(huì )重復利用到。象上面三張圖片所示，我們利用第一張圖的手勢動(dòng)作旋轉移動(dòng)，就可以用來(lái)表達第二張圖——插第二根線(xiàn)的這個(gè)動(dòng)作。這種重復的利用可以大大節省時(shí)間，但要注意的是，這種重復應用元素的前提是利用這些元素仍然可以清晰表達動(dòng)作的含義。
調整及簡(jiǎn)化：
調整：矢量圖其實(shí)給了設計師很多自由。象這把起子，是來(lái)自?xún)蓮垐D片，我們可以輕易地合成一把，也可以輕易地將起子拉長(cháng)或縮短。在設計中你經(jīng)常會(huì )調整尺寸來(lái)適應示意圖的空間，有了矢量圖我們做起來(lái)就非常方便了。
簡(jiǎn)化：能少則少。如果在沒(méi)有改變讀者對某件物品的認知時(shí)，你可以盡可能簡(jiǎn)化各種元素。象這個(gè)螺絲釘的齒牙我們就由三線(xiàn)簡(jiǎn)化成兩線(xiàn)。
復制元素、圖案及動(dòng)作非常適合用于描繪零件類(lèi)的元素。象上面的螺絲釘，復制其中一個(gè)牙就可以輕易畫(huà)一個(gè)螺絲釘了。
創(chuàng )造立體視覺(jué)，解剖組合件：
上面所創(chuàng )造出的立體感使示意圖顯得非常清晰直觀(guān)，顯示內部的結構在這個(gè)動(dòng)作上也顯得非常必要，這是僅僅靠拍照無(wú)法實(shí)現的效果。紅色的箭頭顯示了這是一個(gè)上緊螺絲的過(guò)程。
示意圖注重的是過(guò)程，你不能僅僅顯示一個(gè)已經(jīng)裝配好的部件給讀者看，關(guān)鍵是你要讓讀者知道如何安裝才更重要。象上圖中，我們將要配對的兩個(gè)零件拆開(kāi)，再加示意箭頭，這樣才顯得清晰易懂。如果有多個(gè)零部件需要結合，你也要將各個(gè)零部件都表達出來(lái)。
鄭州設計公司很多在制作說(shuō)明書(shū)時(shí)都是草草的文字排版，往往忽略這個(gè)看似不重要的配文，布朗德設計針對這類(lèi)說(shuō)明書(shū)均是從產(chǎn)品的特性出發(fā)，設計一套直觀(guān)易懂的說(shuō)明書(shū)設計。同樣在鄭州畫(huà)冊設計任務(wù)時(shí)也是如此 量身設計內容。
當然，一個(gè)完整清晰的裝配圖應該是：首先描繪各個(gè)零部件，然后在接下來(lái)的步驟中顯示如何裝配，最后再來(lái)一個(gè)大功告成的效果圖。
另外，在設計這樣的示意圖時(shí)，如果你對機械結構、三維圖及透視有一定認識，或許設計起來(lái)會(huì )更加科學(xué)合理。
綜上所述，示意圖并不是對照片的簡(jiǎn)單描繪，而是要合理安排各個(gè)元素，能夠讓信息明確傳達，起到一本說(shuō)明書(shū)應該起到的作用，而這些由簡(jiǎn)單的輪廓圖及簡(jiǎn)單的色調構成的示意圖，其實(shí)透著(zhù)一種特有的美感——這需要細細體會(huì )才能感受。
.jpeg)
