今天我們聊天的主題是關(guān)于制作作品集中的樣機(jī)模型的話題。準(zhǔn)確的樣機(jī)選擇有利于作品的更好呈現(xiàn)，也能帶給面試官更好的印象。下面就讓我們一起來聊聊關(guān)于樣機(jī)模型，如何成為設(shè)計(jì)作品包裝的點(diǎn)睛之筆。

???點(diǎn)擊獲取更多設(shè)計(jì)資源

https://js.design/community?category=design&source=bz&plan=bbqbz780

一 ?樣機(jī)模型的使用

在進(jìn)行設(shè)計(jì)展示和作品集包裝的時(shí)候，樣機(jī)模型的使用是相對比較頻繁的，能夠更好的輔助作品的呈現(xiàn)，帶來更好的作品展示體驗(yàn)。我們在使用樣機(jī)的時(shí)候，需要結(jié)合自身作品特點(diǎn)合理的作出選擇，下面這些因素需要重點(diǎn)考慮。

1.1. 樣機(jī)需要與時(shí)俱進(jìn)

在選擇樣機(jī)的時(shí)候，盡量選擇新一點(diǎn)的機(jī)型，不僅更有利于作品的展示，也能帶來全新的面貌。隨著審美意識的不斷增長，大家都會(huì)趨向于新的事物，老舊的事物會(huì)讓人聯(lián)想過時(shí)的設(shè)計(jì)，反而影響了作品的發(fā)揮。

1.2. 機(jī)型選擇與作品比例對應(yīng)

有些設(shè)計(jì)師會(huì)做出一些偷懶的做法，以前的項(xiàng)目不愿意花時(shí)間進(jìn)行優(yōu)化，在進(jìn)行作品包裝的時(shí)候硬性把比例不一樣的界面和樣機(jī)模型進(jìn)行包裝匹配。不僅作品會(huì)出現(xiàn)變形的可能，也使得標(biāo)準(zhǔn)的組件混亂呈現(xiàn)。我們在進(jìn)行樣機(jī)機(jī)型選擇的時(shí)候，要考慮本身作品設(shè)計(jì)的尺寸，需要選擇一比一匹配的機(jī)型才能更加完美的呈現(xiàn)作品效果。

1.3. 不要使用太多樣式的模型

當(dāng)我們確定了整套作品集包裝的樣機(jī)類型之后，最好是能統(tǒng)一樣式，不要在一套作品中出現(xiàn)太多的樣機(jī)種類，會(huì)顯得不夠規(guī)范統(tǒng)一。包括樣機(jī)品牌也最好能有效統(tǒng)一，如果特殊情況要出現(xiàn)多個(gè)品牌機(jī)型，也需要整體協(xié)調(diào)，不要格格不入。

1.4. 樣機(jī)效果不能喧賓奪主

樣機(jī)的作用是襯托作品的展示，在選擇樣機(jī)和調(diào)整樣機(jī)的時(shí)候，不能過于突出樣機(jī)的比重，這樣會(huì)削弱作品本身的呈現(xiàn)。最好選擇一些造型簡潔的樣機(jī)，不要選擇外形過于沉重的模型。個(gè)人比較傾向于邊框較細(xì)的樣機(jī)，有時(shí)候?yàn)榱水嬅娓雍啙嵏蓛簦矔?huì)選擇去模型化的處理。

1.5. 不被樣機(jī)所束縛

在面對作品包裝的時(shí)候，不要被樣機(jī)先入為主，一開始就沉迷于樣機(jī)的使用。有時(shí)候去模型化的包裝也許更適合你的作品呈現(xiàn)，我們要根據(jù)自己作品的設(shè)計(jì)風(fēng)格考慮最合適的呈現(xiàn)方式，也有可能為作品繪制更貼切的樣機(jī)造型。

樣機(jī)的使用是起到點(diǎn)睛之筆的效果，不要對樣機(jī)本身喧賓奪主，選擇最合適的樣機(jī)才能有利于作品的呈現(xiàn)。我們可以使用樣機(jī)模型來襯托作品，也能為了作品創(chuàng)作出更貼切的模型。

二 ?樣機(jī)模型的樣式區(qū)分

經(jīng)過大量作品集的分析，發(fā)現(xiàn)樣機(jī)模型并非一定是拍攝的真機(jī)模型，設(shè)計(jì)師為了更好的呈現(xiàn)作品效果，也會(huì)創(chuàng)造出更多不一樣的展示形式。

現(xiàn)階段樣機(jī)模型的樣式主要有：真機(jī)模型、三維建模、扁平手繪、幾何圖形模型框等，也有去模型化的展示形式。在追求造型簡約極致的設(shè)計(jì)中，真機(jī)模型會(huì)顯得干擾元素太多，也有設(shè)計(jì)師會(huì)自己通過幾何圖形繪制更加簡潔的樣機(jī)造型，讓作品本身的視覺效果不被干擾。

樣機(jī)模型的色彩通常還是以真機(jī)為色彩參考，雖然也有一些大膽的處理方式會(huì)選擇各類彩色的模型，不過這種通常駕馭度要求比較高，不適合通用。主要的依然還是以深色（深灰色系）和淺色（白灰色系）為主，無彩色系的搭配比較能通用到任何場景。若是白色和淺色為主的背景，樣機(jī)選擇無論是淺色還是深色皆可呈現(xiàn)。但是面對黑色和深色為主色的作品包裝，大部分情況還是會(huì)選擇稍微收斂的顏色組合，不然會(huì)過度搶眼影響作品呈現(xiàn)和作品集焦點(diǎn)。

樣機(jī)模型有更多選擇空間，也有更多展示形式，要盡量多的收集靈感參考和樣機(jī)模型，嘗試出最適合的呈現(xiàn)效果。

三 ?去模型化的簡約表現(xiàn)

去模型化的形式是個(gè)人在包裝作品的時(shí)候比較常用的，有時(shí)候覺得樣機(jī)模型的運(yùn)用太過于干擾作品的呈現(xiàn)，直接將作品進(jìn)行簡單蒙版和投影等處理，顯得會(huì)更加簡潔干凈。

去模型化的簡約表現(xiàn)就是放棄使用任何樣機(jī)模型，只是將作品直接展示，而展示的效果會(huì)根據(jù)具體情況選擇是否投影。也會(huì)根據(jù)設(shè)計(jì)規(guī)范考慮在創(chuàng)建剪切蒙版的時(shí)候是否會(huì)設(shè)置圓角值，是小圓角還是大圓角等考慮。

3.1. 投影設(shè)置的選擇角度

展示過程中為了增強(qiáng)層級感，通過投影設(shè)置是最為簡單的方式。深色背景可以忽略投影，通常在淺色或者白色背景上面進(jìn)行投影增強(qiáng)。投影的時(shí)候盡量增強(qiáng)投影值，數(shù)值過低會(huì)顯得比較生硬。

3.2. 用直角展示的特點(diǎn)

直角的展示會(huì)顯得更加硬朗，張力感十足。如果界面選擇直角展示需要考慮整體的包裝風(fēng)格，不要直角界面和圓角風(fēng)格混合包裝，這樣會(huì)顯得整體細(xì)節(jié)規(guī)范不夠統(tǒng)一協(xié)調(diào)。

3.3. 小圓角展示的特點(diǎn)

小圓角的處理會(huì)使得界面展示更加柔和，相較于直角風(fēng)格來說通用性更強(qiáng)，通常個(gè)人習(xí)慣性在設(shè)置圓角值的時(shí)候選擇 8 的倍數(shù)。

3.4. 大圓角展示的特點(diǎn)

圓角除了通用性強(qiáng)以外，親和力也會(huì)更高，特別是大圓角的處理。大圓角的設(shè)置配合圓角樣機(jī)模型會(huì)比較常見，獨(dú)立界面展示需要考慮界面設(shè)計(jì)繁簡度，不適合信息內(nèi)容過于復(fù)雜的界面。

設(shè)計(jì)包裝的目的是為了更好的襯托作品效果，如果干擾主體的信息太多反而會(huì)喧賓奪主，去除一切繁瑣的裝飾也能更好的突出作品本身。去模型化的簡約表現(xiàn)可以把作品呈現(xiàn)發(fā)揮到最大，顯得更加簡潔干凈，體驗(yàn)感更舒適。

四 ?手繪樣機(jī)的簡約版

去模型化的方式不能應(yīng)用于所有作品，我們也會(huì)采用樣機(jī)模型來對作品進(jìn)行揚(yáng)長避短。除了真機(jī)模型以外，手繪樣機(jī)的簡約版也是運(yùn)用比較多的形式之一。

4.1. 線框樣機(jī)模型

線框樣機(jī)模型是手繪樣機(jī)模型最簡單的形式，強(qiáng)調(diào)邊界的輪廓化，個(gè)性化比較強(qiáng)。如果線條較細(xì)風(fēng)格特征比較明顯，駕馭度比較大，這種作品包裝應(yīng)用少，適合一些風(fēng)格偏向于線性風(fēng)格的作品。

如果線條較粗會(huì)更像真機(jī)邊框，也形成了面的感覺，比較能適合更多風(fēng)格作品的展示。

4.2. 扁平樣機(jī)模型

扁平化的樣機(jī)風(fēng)格比較接近真機(jī)的造型特征，只是減去了真機(jī)的裝飾部分，或者弱化細(xì)節(jié)部分的刻畫。簡約的風(fēng)格會(huì)弱化樣機(jī)本身的權(quán)重，讓作品的呈現(xiàn)效果最大化。

4.3. 微質(zhì)感樣機(jī)模型

微質(zhì)感樣機(jī)模型是介于扁平和真機(jī)之間的風(fēng)格，有時(shí)候?yàn)榱俗屨w作品的效果質(zhì)感更強(qiáng)，會(huì)選擇強(qiáng)化包裝的質(zhì)感細(xì)節(jié)，而樣機(jī)模型的質(zhì)感也會(huì)特意加強(qiáng)。

微質(zhì)感樣機(jī)在繪制的時(shí)候會(huì)以真機(jī)為造型基礎(chǔ)，保留光影效果和立體化結(jié)構(gòu)，為了不讓樣機(jī)顯得權(quán)重過大，也會(huì)刪減一些細(xì)節(jié)刻畫和裝飾部分元素。

手繪樣機(jī)不僅可以鍛煉設(shè)計(jì)師的動(dòng)手能力，還能更加個(gè)性化的定制專屬的展示模型，屬于個(gè)人比較建議的方向之一。

五 ?建模樣機(jī)的立體深入

隨著 C4D 等三維軟件的應(yīng)用普及，設(shè)計(jì)師在進(jìn)行創(chuàng)作的過程中會(huì)越來越考慮建模來實(shí)現(xiàn)創(chuàng)意。而作品包裝的樣機(jī)模型也成為很多三維建模的對象，建模出來的效果立體感會(huì)更加深入，展示角度選擇更加便利，也能根據(jù)包裝需求渲染更多不同角度，多方面展示作品細(xì)節(jié)。

為了場景搭配更加豐富，建?？梢蕴砑痈噍o助元素和裝飾元素。比如手握樣機(jī)，手勢的變化也能帶來更多樣式的選擇；空間感的營造，通過一些立方體或者球體等元素的裝飾來加強(qiáng)空間感；其他設(shè)備的輔助，可以搭配更多終端產(chǎn)品來突出多端同步的效果。建模可以定制自己更大膽的想法，也能切換更多角度的選擇，非常有利于作品包裝的豐富度。

三維建模的方向不只是樣機(jī)模型的層面，也有一些作品包裝在輔助元素部分采用建模完成，而樣機(jī)模型會(huì)更加靈活的選擇更多風(fēng)格的表現(xiàn)形式。比如建模部分運(yùn)用在一些數(shù)據(jù)圖例部分、手勢展示部分、背景裝飾部分等，以此來強(qiáng)化包裝局部的立體感。

六 ?拍攝樣機(jī)真實(shí)感體現(xiàn)

設(shè)計(jì)師自行創(chuàng)作樣機(jī)模型可以根據(jù)作品的特點(diǎn)靈活控制風(fēng)格，除此之外就是真機(jī)模型的運(yùn)用，真實(shí)感會(huì)更強(qiáng)。

6.1. 拍攝加后期創(chuàng)作

有時(shí)候我們在繪制樣機(jī)的時(shí)候無法找到造型特征和角度，利用拍攝現(xiàn)有真機(jī)來作為繪制的基礎(chǔ)樣本，比較能很好的進(jìn)行繪制過程中的造型把控。

6.2. 拍攝加后期合成拍攝的質(zhì)量取決于攝影設(shè)備和攝影技術(shù)，有時(shí)候條件不足的時(shí)候我們會(huì)進(jìn)行后期合成，素材與真機(jī)組合成最終的場景需求。

6.3. 官方渠道采集

想要采用真機(jī)模型除了自己拍攝以外，也可以從品牌手機(jī)網(wǎng)站等渠道獲取，畢竟攝影技術(shù)不是每個(gè)設(shè)計(jì)師都擅長的。

6.4. 拍攝交互操作過程

利用一些第三方交互工具可以把我們的設(shè)計(jì)作品進(jìn)行交互鏈接，安裝成虛擬項(xiàng)目在手機(jī)上進(jìn)行演示預(yù)覽，就是演示 Demo。拍攝演示 Demo 的過程可以制作視頻包裝部分，這也是作品包裝比較常用的視頻制作形式之一。

6.5. 搭建小型攝影棚

拍攝成品會(huì)受到多方面因素的影響，拍攝環(huán)境就是最大的影響因素，環(huán)境的光影效果等。我們可以學(xué)習(xí)小型電商團(tuán)隊(duì)的做法，采購一些電商道具，搭建一個(gè)小型的攝影棚。比如在淘寶搜索“小型攝影棚”等關(guān)鍵詞就可以采購到需要的物件，可以大大的提高我們的拍攝質(zhì)量，哪怕采用手機(jī)拍攝，你也能拍攝出大片的感覺～哈哈。

真機(jī)模型的使用可以減少繪制的時(shí)間，由于樣機(jī)的權(quán)重比較重，會(huì)分散一部分作品關(guān)注的焦點(diǎn)，也算是揚(yáng)長避短的一種形式。這也是設(shè)計(jì)師進(jìn)行作品包裝的時(shí)候選擇較多的形式，獲取的渠道較多，自己也可以拍攝，相對比較便利。

七 ?投影的運(yùn)用技巧

選擇最適合的樣機(jī)模型可以給作品包裝帶來更好的展示效果，而樣機(jī)投影的設(shè)置可以增強(qiáng)作品展示的空間感，讓畫面層次更加豐富。

7.1. 投影設(shè)置適合加大數(shù)值

我們在對樣機(jī)進(jìn)行投影的時(shí)候，適合更大的投影值，這樣不會(huì)顯得樣機(jī)貼在平面上一樣，空間感會(huì)更強(qiáng)。

7.2. 投影的顏色不要過度偏離真實(shí)

投影顏色調(diào)色的時(shí)候要基于真實(shí)的環(huán)境考慮，真實(shí)環(huán)境投影是不帶顏色的，顏色來源于環(huán)境色的影響。因此，我們在設(shè)置投影顏色的時(shí)候要偏向于無彩色系一點(diǎn)，不要讓投影顏色太彩色化，這樣會(huì)偏離真實(shí)。

7.3. 長投影的運(yùn)用

相較于普通的投影，長投影會(huì)更有個(gè)性，也能強(qiáng)化突出樣機(jī)模型。適合運(yùn)用在獨(dú)立展示和重點(diǎn)展示的部分，不適合在界面匯總部分和多樣機(jī)部分使用，會(huì)顯得包裝過度。

7.4. 遠(yuǎn)投影的運(yùn)用

遠(yuǎn)投影效果和長投影有點(diǎn)類似，長投影類似尾巴一樣會(huì)有拖影，而遠(yuǎn)投影只是通過投影參數(shù)設(shè)置或者單獨(dú)進(jìn)行位移產(chǎn)生的，讓投影偏離樣機(jī)較遠(yuǎn)的距離。遠(yuǎn)投影也能起到強(qiáng)化樣機(jī)的特點(diǎn)，適合運(yùn)用在需要突出展示的部分。

7.5. 分層投影的運(yùn)用

當(dāng)我們無法通過投影參數(shù)設(shè)置出理想的效果，可以考慮分層投影。將背景單獨(dú)復(fù)制或者重新創(chuàng)建一份，然后隱藏在底部進(jìn)行投影，可以改變其大小實(shí)現(xiàn)聚焦在中心的投影；也可以直接將元素進(jìn)行模糊化操作，最終可以看看那個(gè)效果最理想，進(jìn)而作出選擇。

7.6. 局部增強(qiáng)投影運(yùn)用

重點(diǎn)突出在于區(qū)分大部分的不同，重點(diǎn)強(qiáng)化單個(gè)的元素。如果在進(jìn)行作品包裝的時(shí)候想要突出眾多作品中的其中一個(gè)，可以單獨(dú)對其局部增強(qiáng)投影。適合作為封面、作品匯總、收尾部分等運(yùn)用，可以讓展示效果更有特點(diǎn)。

投影可以增強(qiáng)作品展示的層級感，投影的處理技巧很多，這里僅作為拋磚引玉，期待你能發(fā)揮出更好的想法。

八 ?傾斜包裝的技巧把控

在進(jìn)行作品展示的時(shí)候大部分情況下我們都會(huì)選擇正面角度展示，在頭圖封面和局部地方會(huì)選擇一些特殊角度的樣機(jī)模型，作為視覺強(qiáng)化和視覺差異體現(xiàn)。也有采用傾斜角度來進(jìn)行作品展示的，一般適合頭圖封面、局部突出、界面匯總、底部收尾等部分。

傾斜樣機(jī)為了不影響閱讀體驗(yàn)，通常角度控制在 45 度和以內(nèi)為最佳，角度太大不利于界面內(nèi)容的觀看。除非是作為營造效果，不具備閱讀效應(yīng)來使用。

8.1. 傾斜樣機(jī)強(qiáng)化頭圖封面視覺

頭圖封面是作品包裝的起點(diǎn)，也是至關(guān)重要的部分，決定了是否帶給讀者繼續(xù)閱讀的興趣。傾斜樣機(jī)作為作品展示來說算是一種不錯(cuò)的視覺呈現(xiàn)，被設(shè)計(jì)師運(yùn)用得也比較頻繁。

8.2. 局部使用豐富包裝樣式

如果大量的正面角度展示會(huì)顯得作品包裝樣式過于單一，在一些階段性的局部采用傾斜的樣式可以起到豐富整體畫面的效果。只是傾斜樣機(jī)不適合過度使用，畢竟瀏覽體驗(yàn)來說還是正面角度較高。

8.3. 傾斜樣式作為界面匯總展示

在進(jìn)行作品包裝的時(shí)候都會(huì)進(jìn)行界面匯總，特別是長圖作品包裝。傾斜樣式作為匯總比較常用，可以帶給用戶收尾的提示。

8.4. 傾斜樣式收尾展示

作為作品包裝收尾的設(shè)計(jì)也是較為重要的，這是帶給讀者完美結(jié)束的感覺。傾斜樣式作為收尾是比較通用的形式，被設(shè)計(jì)師廣泛采用。

九 ?突破樣機(jī)的層級表現(xiàn)

我們在進(jìn)行作品包裝的時(shí)候要凌駕于樣機(jī)之上，不要被樣機(jī)模型所束縛。有時(shí)候要善于突破樣機(jī)的層級表現(xiàn)，這樣更能在扁平化的基礎(chǔ)上實(shí)現(xiàn)立體空間感的營造。

9.1. 利用特異構(gòu)成突破

在多個(gè)平鋪樣機(jī)展示的時(shí)候，選擇放大、投影增強(qiáng)、角度等區(qū)分來增強(qiáng)視覺對比，形成特異構(gòu)成來突破樣機(jī)的層級表現(xiàn)。

9.2. 利用空間層級突破

在樣機(jī)模型的基礎(chǔ)上對界面展示和界面元素提取進(jìn)行空間感營造，通過層級的表現(xiàn)使得畫面感視覺效果更立體。

9.3. 局部元素提取突破

在進(jìn)行作品包裝的時(shí)候采用正面樣機(jī)展示是比較常見的形式，有時(shí)候太多的正面展示會(huì)顯得畫面感比較單調(diào)，我們會(huì)經(jīng)常提取界面中的局部元素進(jìn)行突出展示。使得畫面感更豐富，也能基于樣機(jī)之上開辟新的層級空間。

樣機(jī)模型可以帶來界面展示的真實(shí)感，起到作品襯托的作用，我們?yōu)榱苏w畫面感更強(qiáng)，也會(huì)在樣機(jī)的基礎(chǔ)上進(jìn)行突破。通過特異構(gòu)成的區(qū)分帶來視覺差異，讓作品包裝層次感更強(qiáng)。

樣機(jī)模型需要因作品而選擇，不要盲目的使用樣機(jī)，也不要被樣機(jī)所束縛。要分清楚包裝過程中的目的，樣機(jī)使用的目的和要達(dá)到的作用，是否不需要樣機(jī)會(huì)更好。有時(shí)候多了反而顯得復(fù)雜，干擾作品的呈現(xiàn)，失去了作品包裝的初衷。