隨著版面的講解越來越深入，同學(xué)們的作品集版面做到哪步了呢？每一個項目做的還順利嗎？這期的版面速食將從Hardware、Information Architecture & Lo-Fi和Hi-Fi這三個方面來講。

Hardware

偏工業(yè)設(shè)計一些的服務(wù)設(shè)計，或結(jié)合了服務(wù)設(shè)計的工業(yè)設(shè)計，都是需要有硬件的，即解決方案上需要硬件的參與。所以類似工業(yè)設(shè)計，我們需要通過手繪的形式進行硬件設(shè)計的探索。

與傳統(tǒng)工業(yè)設(shè)計部分需要通過“概念生成漏斗”進行概念生成和深入的步驟不同的是，在偏重于服務(wù)設(shè)計的項目中，硬件部分的呈現(xiàn)可以做出適當(dāng)?shù)木?，甚至是在項目本身制作的過程中就可以不那么嚴(yán)謹(jǐn)，因為這僅僅是服務(wù)設(shè)計中的一個“觸點”的提案而已。

一般來說，在作品集中只需要體現(xiàn)出一些手繪生成概念的過程即可，然后就可以直接以效果圖的形式呈現(xiàn)設(shè)計成果了，如下版面：

雖然將手繪和渲染圖放在了一張頁面中，但一定要注意以下兩點：
1. 一定要注意版面邏輯，即先有手繪再有渲染圖
2. 手繪一定是要呈現(xiàn)概念生成和發(fā)展的草圖，而非設(shè)計表現(xiàn)手繪

以下是版面的另外一些可能性：

以及：

如果手繪內(nèi)容較少，也可以適當(dāng)加入一點 inspiration board 或者 moodboard 之類的內(nèi)容?？梢詤⒖?3.1.9 Moodboard & Appearance（情緒板與外觀）。

Information Architecture & Lo-Fi

這一頁標(biāo)題很長，主要分成兩個方面：
1.Information Architecture 信息架構(gòu)
2.Low-Fidelity Prototype 低保真原型

Information Architecture 信息架構(gòu)是在偏重于有界面的交互設(shè)計中，利用腦圖的形式表達的軟件設(shè)計的框架結(jié)構(gòu)。即用戶體驗設(shè)計五個層次中的結(jié)構(gòu)層(Structure Plane)，用于確定各種特性和功能最適合的組合方式；

而Low-Fidelity Prototype 低保真原型在這個層次中是框架層(Skeleton Plane)，利用紙面或者快速原型工具對按鈕、表格、圖片和文本區(qū)域的位置進行繪制。Low-Fidelity Prototype 常被大家稱作線框圖，在作品集中常被寫作Lo-Fi。

左邊的腦圖形式呈現(xiàn)的就是信息架構(gòu)圖，右側(cè)的9個方框所指代的就是低保真原型的界面。一般在交互設(shè)計作品集中，我們還需要對各個頁面之間的跳轉(zhuǎn)關(guān)系以交互流程圖的形式做出指示，但在偏服務(wù)設(shè)計一些的項目中，這些就成了備選項。

Hi-Fi

Hi-Fi 全寫做 High-Fidelity Prototype, 又叫做高保真原型， 在用戶體驗的五個層次中處于頂層，又叫做表現(xiàn)層或 surface plane, 即被用戶直接感知的一層。 簡單說，它幾乎是不可操作的界面設(shè)計了。

一般高保真原型的設(shè)計可以用 PS, Ai 或者 Sketch 進行，而在作品集中的呈現(xiàn)比較靈活，但基本上是以內(nèi)容呈現(xiàn)的版式為主。

這個版面之中，左側(cè)的圖一般是帶有 mock-up 的效果圖，這里的 mock-up 指的一般是那種手持手機的素材，貼上自己設(shè)計的內(nèi)容后的效果圖。而右側(cè)的四個拼圖一般可以放核心的一些界面。

另外，也可以通過引線的加入，來體現(xiàn)頁面間的跳轉(zhuǎn)邏輯，如下圖：

對于服務(wù)設(shè)計來說，不需要完全展示所有的高保真原型，只需要把核心或特色內(nèi)容的界面呈現(xiàn)清楚即可。

這期的版面技巧分享就到這里啦，本章內(nèi)容節(jié)選自《版面速食/設(shè)計留學(xué)作品集全攻略》，現(xiàn)在贈送pdf版還在繼續(xù)哦，關(guān)注公眾號回復(fù)“版面”即可。

任何關(guān)于院校和作品集的問題
歡迎隨時和馬克君溝通
知無不言，言無不盡