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

Hardware

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

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

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

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

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

以及：

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

Information Architecture & Lo-Fi

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

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

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

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

Hi-Fi

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

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

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

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

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

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

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