UI設(shè)計師作品集你準備好了嗎

2018-7-19 藍藍設(shè)計的小編

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，請點這里

版權(quán)申明：本文原創(chuàng)作者云和數(shù)據(jù)西安中心，感謝云和數(shù)據(jù)西安中心的原創(chuàng)經(jīng)驗分享！致敬哈

整理了一份UI設(shè)計師怎么整理自己的作品集，希望能給正在準備作品集的你一點小小的幫助，大家互相進步^_^

寫在前面

提到作品包裝最常見的分為平臺型作品包裝和作品集包裝，我們今天一起探討的是作品集包裝思路。隨著用人單位對設(shè)計師的要求逐漸變高，設(shè)計師的競爭壓力自然不小，為了給面試官更好的整體印象，設(shè)計師在自己作品集上面也是耗費不少心力。

下面我結(jié)合個人的一些點滴經(jīng)驗為大家系統(tǒng)性地分享一下作品集設(shè)計思路，希望對初入行業(yè)的朋友有所幫助。如果是設(shè)計老司機請忽略，如有不足之處希望大家留言補全和指正。

01、設(shè)計作品集的目的；

02、關(guān)于作品集導出格式和表現(xiàn)形式；

03、作品包裝展示思路；

04、作品展示模版設(shè)計技巧；

05、如何控制作品集中的配色；

06、作品集排版字體如何選擇；

07、作品展示中的注意事項；

08、適當包裝切勿過度；

09、適當添加項目背景和設(shè)計思路；

10、重視封面封底的設(shè)計；

11、不要忽略這些細節(jié)；

12、良好的習慣給你帶來好運。

正文

01、設(shè)計作品集的目的

作品永遠是設(shè)計師最有力的證據(jù)，工作經(jīng)驗可以作為一個量化的參考指標，能否成功獲得面試官的青睞，作品集是關(guān)鍵性的因素之一。

設(shè)計作品集是為了更好地展示作品，引導面試官對你的專業(yè)綜合能力作出判斷。一份好的作品集不僅可以充分展示設(shè)計師工作經(jīng)驗的驗證結(jié)果，還能看出設(shè)計師的態(tài)度和專業(yè)沉淀。

因此，你需要一份更加專業(yè)的作品集。

02、關(guān)于作品集導出格式和表現(xiàn)形式

最近經(jīng)常遇到一些設(shè)計師咨詢作品集用什么軟件做、要不要做成一長條的展示圖、需要做成 PPT 還是 PDF 等等問題。

對于設(shè)計師來說設(shè)計作品集最方便的可能還是我們最熟知的各類設(shè)計軟件，比如 PS、AI、Sketch 等等。我們可以更好地進行版式設(shè)計和細節(jié)處理，如果采用 PPT 類軟件設(shè)計，相對于大部分設(shè)計師還是沒有這么熟練的。最終導出格式建議采用 PDF 格式，我們可以通過設(shè)計軟件自身就能快速地導出 PDF 格式，或者將你的設(shè)計稿合成一份 PDF 格式即可。

作品集排版布局盡量采用橫版形式，雖然很多設(shè)計師喜歡平臺型作品包裝形式，做成一長條展示圖。但是這樣可能會造成文件過大、不利于全屏觀看、翻頁觀看體驗不好、版式設(shè)計難以統(tǒng)一、長度范圍難以控制等等問題。

03、作品包裝展示思路

作品集是為了引導面試官對你的專業(yè)能力進行評估，我們自然是希望結(jié)果是美好的。在展示作品上面要進行合理的分類和排序，揚長避短。

作品包裝展示時要分類展示，突出自己是個多面手。根據(jù)自己的職業(yè)目標將最強關(guān)聯(lián)的作品分類放在最前面，其次是直接或者間接相關(guān)的，日常練習的零散作品放在最后。

挑選作品時寧缺勿濫，近期產(chǎn)出的質(zhì)量越高的越靠前，視覺表現(xiàn)力較好的練習作品作為壓軸呈現(xiàn)，這樣開始和結(jié)尾都是精品。

04、作品展示模版設(shè)計技巧

很多設(shè)計師習慣在一些素材網(wǎng)站下載模版或者索性就簡單地找個樣機進行貼圖，作品自身反而沒有被很好地展現(xiàn)出來。我們需要養(yǎng)成制作模版的習慣，結(jié)合作品設(shè)計出定制化的展示模版。

下面我們一起看一下模版制作流程和技巧，希望帶給你更強地動手能力。

05、如何控制作品集中的配色

如果你對于色彩的把控不能運用自如，那么在作品集設(shè)計的時候就要適當?shù)乜刂撇煌嗟倪\用。字體顏色的選擇盡量以無彩色系為主，如果你要為其添加顏色，可以先確定一個標準色，然后通過飽和度和明度的變化確定 1～2 個輔助色。

底色盡量以白色或者淺色為主，如果要添加深色背景需要結(jié)合整套作品的配色情況慎用，因為色彩之間相互作用會對作品造成影響，運用不當容易讓作品集變得花俏。深色背景以黑色搭配也是比較推薦的處理方式之一，黑色的包容性可以更好地凸顯作品。

06、作品集排版字體如何選擇

排版時字體顏色的選擇是為了更好地控制視覺風格，字體的選擇是為了更好地呈現(xiàn)內(nèi)容。推薦使用字體以非襯線字體為主，可以更好地提高閱讀效果，特殊情況下可以選擇襯線字體。盡量避免運用花式字體，不僅影響內(nèi)容閱讀，設(shè)計把控力也比較大。

字體樣式的處理需要慎重，不要對其運用過度，拉低作品整體質(zhì)量。利用黑色、灰色、淺色進行信息層級的區(qū)分，可以適當選擇粗體和常規(guī)進行對比。

07、作品展示中的注意事項

細節(jié)的處理往往最容易被忽略，我們一起看看這些是否被你所熟知，歡迎大家繼續(xù)補全更多容易遺漏的細節(jié)。

a. 作品展示不宜過小且排版密集，這樣基本也看不清你作品的設(shè)計亮點。整套產(chǎn)品界面放入作品集時可以精選部分主界面和視覺效果較好的界面進行展示。

b. 作品包裝不要過度使用傾斜樣式和透視過度的包裝手法，這樣面試官沒辦法看清楚你的作品細節(jié)，而且歪著頭看也很不舒服。

c. 作品展示可以不采用樣機，如果要用樣機就選擇的樣機包裝，讓作品也能與時俱進。

d. 應用圖標或者設(shè)計組件等不要重復展示，例如展示應用圖標只需要展示一個，輔助項目背景和設(shè)計說明即可，無需將各種應用場景都展示出來。

e. 設(shè)計元素適當小一點也許顯得更精致，只要不影響閱讀體驗就好。

f. 各種組件、標注、規(guī)范等可以省略，這些你面試的時候可以把成套的設(shè)計規(guī)范給面試官過目一下即可，放進作品集中意義不大。

g. 交互原型可以省略展示，只要有高保真視覺稿就好，因為你面試的是視覺崗。如果要體現(xiàn)出你的交互設(shè)計能力，可以利用一些第三方工具制作 demo 給面試官過目，效果更好。

h. 真實還原設(shè)計稿，不要重復性地采用相同的文案信息、配圖等，更好地體現(xiàn)出自己的專業(yè)度。

還有更多地細節(jié)希望大家可以交流探討，精細化的設(shè)計需要不斷地發(fā)現(xiàn)細節(jié)，優(yōu)化細節(jié)。

08、適當包裝切勿過度

為了提高作品集整體的設(shè)計感，適當進行包裝設(shè)計是很必要的，但是不能為了放大包裝的力度，而忽略作品本身。在進行包裝設(shè)計時不要裝飾過度，讓裝飾元素影響作品自身的呈現(xiàn)，要分清信息呈現(xiàn)的優(yōu)先級，內(nèi)容本身才是你需要凸顯的，要善于利用包裝來強化作品本身的設(shè)計亮點。

作品包裝容易過度的情況：

a. 過于炫酷的背景、與設(shè)計稿相互融合的背景、配色過于刺激的背景等等背景設(shè)計的過度；

b. 裝飾元素所占面積大于展示作品的比重，將用戶的注意力分散；

c. 不要見縫插針，到處都是各種裝飾元素，適當?shù)牧舭卓梢栽鰪姰嬅嫱肝龈校?

d. 樣機的運用不要五花八門，也許統(tǒng)一一種風格的樣機整體視覺效果更加協(xié)調(diào)；

e. 樣式運用過度，如果可以利用 1~2 種樣式達到信息層級的區(qū)分就不要采用第三種；

f. 還有更多包裝過度問題需要結(jié)合具體情況進行判斷，希望大家多多交流一起優(yōu)化。

09、適當添加項目背景和設(shè)計思路

對展示的作品進行項目背景、設(shè)計思路等描述將有助于面試官做出更好地判斷，比起純視覺作品展示，將會更加凸顯設(shè)計師的專業(yè)度。在進行項目背景說明的時候，如果可以搜集到一些負責產(chǎn)品的相關(guān)數(shù)據(jù)情況（可公開）將會更有說服力，這個將是作為商業(yè)設(shè)計最有價值的體現(xiàn)。

設(shè)計很大一部分因素是感性的，你的思路展示將會輔助別人讀懂你的想法。無論是真實的項目設(shè)計還是日常練習作品，都可以對其進行設(shè)計思路的描述。

10、重視封面封底的設(shè)計

不要忽略封面的重要性，就如同你在平臺發(fā)布一個作品，封面是用戶觸碰你設(shè)計的第一印象，直接關(guān)系到是否會點擊打開。封面的設(shè)計換成作品集依然重要，打開作品集的瞬間就給面試官一個更好的開始。作品包裝完畢，添加封底設(shè)計給作品集畫上句號，做事有頭有尾，將會讓面試官對你有更好的印象。

11、不要忽略這些細節(jié)

設(shè)計作品集需要注意的除了設(shè)計層面的以外，還有一些設(shè)計以外需要考慮成熟的地方，希望大家引以重視。

a. 作品集需要分兩步走，不只是一套而已，你首先需要做出一套最全面的，然后改一個精簡版，因為如果是有幸參與一些大平臺的內(nèi)推，附件往往是有大小限制的；

b. 精簡版作品集也可以用于一些有大小限制的招聘平臺作為附件添加；

c. 作品集需要命名規(guī)范，連你自己名字都沒有寫就顯得有點粗心啦；

d. 如果是將作品集以郵件形式發(fā)送，郵件里面需要添加一些問候語和說明作品集請附件查收之類的信息，別是一片空白；

e. 發(fā)送作品集需要核對對方身份，不要把自己的心血到處亂撒；

f. 注意格式問題，你的源文件別人不一定打得開，比較常用的是 PDF 格式。

12、良好的習慣給你帶來好運

設(shè)計作品集往往大部分設(shè)計師都是在需要找工作的時候才想起來，如果你能夠養(yǎng)成不斷迭代作品集的習慣，那么你將是走得比別人更快的設(shè)計師。你耗費幾天或者一兩周完成的作品集自然不能和耗費一年以上精心打磨的進行對比，你需要有產(chǎn)品思維去維護自己的作品集，不斷更新迭代，最終才能更快地抓住機會。

更好地控制自己的時間，提高時間利用率，產(chǎn)出更多成套或者成體系的作品，這樣你一年下來才不會出現(xiàn)找不出作品進行展示的情況。哪怕你堅持每天畫一個圖標 / 界面 / 插畫等等，一個月下來也能產(chǎn)出一套作品。萬事開頭難，開啟之后，堅持變得更難，希望你從今天開始能夠走出第一步并不斷堅持，那么你必將不會錯過下一次的旺季。