如翼視點
首頁>如翼視點>設計師高價值面試作品集如何去做
設計師高價值面試作品集如何去做
發表時間:2021-06-30

最近一段時間接觸到很多UI設計行業的新鮮血液和一些想跳槽但是沒苦于無法輸出自己作品集的同學,也在其他地方大致的去了解了一下,發現很多同學都普遍糾結的一些問題:想做作品集卻不知道從何下手;不了解怎么樣才算是一個優秀的作品集;也不清楚UI作品集中需要放哪些內容,只會一味堆平時的一些練習作品......


那么今天我就根據這些問題,提出一些自己對作品集的看法與建議,為大家梳理一下一個優秀的UI設計師的作品集應該是怎樣的。



一、初步了解作品集



1.作品集的定義


首先我們需要先了解一下什么是作品集。


任何一位創作者,無論創作的內容和題材是什么,在其創作了多個作品之后,均有對外展示的需求。那么在這種情況下創作者不可能將自己的所有作品零零碎碎的對外發布,這是不現實的,而且十分不利于別人有效閱讀或是觀看,所以創作者們都會把作品整理好編輯后,再對外進行宣傳發布。即通過整合從而表現出來的系列展示物,我們統稱為作品集。


舉一些生活中的例子,向我們熟知的音樂專輯、CD,一般為6-10個音樂歌曲整合,也就算是一個音樂的作品集。

undefined


2.作品集的重要性


了解作品集的定義后,那么對于我們設計師來說,為什么要做自己的作品集呢。


大家經??梢栽谝恍┱衅妇W站上看見一條要求就是需要提供自己的作品集,這是為了面試官在收到你作品集后,可以快速的根據你所提供的作品集對你這個人來進行一個評定,也就是說你制作作品集的目的是為了減輕面試官在招聘時候對人才篩選的壓力。

undefined

試想一下如果任何人都不提供作品集,面試全靠吹,那么企業負擔的成本將無疑會直線上升。


所以對于我們設計師,一份好的作品集能夠高效的向面試官傳達出我們自身的價值所在,講通俗點就是希望面試官覺得你可以勝任這個職位。


二、行業作品集分析




1.行業作品集現狀


1.1 同質化嚴重


我們打開設計師常用的一些網站,就拿國內比較大眾的站酷、UI中國舉例。搜索“作品集”關鍵詞就會出來一堆設計師作品集。(圖片來源:酸梅干超人)但是大家仔細看其實會發現,目前絕大部分的UI作品集都是大同小異,很多設計師對于自己作品集的展示是幾乎沒有一點思路的,一部分人只知道照著各大設計師交流平臺上別人已有的作品集進行模塊化的復制,這種基本上不需要花多少功夫就可以輸出一份能看的作品集,進而這種方式也成為了這部分人的快樂良藥。

undefined


1.2 商家利益操控


除了我上面說到的高度的借鑒以外,更甚至會存在一些利益主義者,在一些網站上打著“代做”“原創”等關鍵詞售賣面試作品集,而這里面大部分的商家都是將別人的作品集進行一些處理,抹掉關鍵信息元素,再將多個作品集裁剪拼接而來的。

undefined

那么當抄襲成風,代做成癮后,越來越多優秀的設計師們為了自身作品不被侵犯,便不會將自己的優秀作品分享出來。所以現在很多設計師只能夠逮著目前他們已知的一些風格、樣式、排版等進行作品的輸出,也就導致了為什么現在我們所看到的作品集幾乎都是一樣。


2.行業作品集需求


2.1 高價值作品集


上面說到過,作品集是為了高效的向面試官傳達出我們個人的能力,所以關于作品集一定要著重的突出自己的業務能力,而不是放與自己沒什么關系的作品。一個設計師的價值就體現在他能夠為這個公司帶來什么,為整個團隊帶來什么,所以一份高價值的作品集絕對都是自己的推銷手冊,你需要向面試官表明你在這一項目中擔任了什么角色,解決了哪些問題,完善了哪些驗證等等,這些比較關鍵的點才是面試官想聽和想看的。

undefined


2.2 作品集篩選套路


當我們作品集投向公司,將會進入作品集的篩選環節。面試官在篩選作品集的時候并不會一份份全打開看,往往企業在招聘時一天能收到上百分作品集,大一點的企業甚至上千份的作品集都是很正常的,所以這之間就會存在很多層篩選的流程。


簡單來說企業篩選作品集普遍會從以下幾個點進行:


學歷、經驗這必然是第一步,很多公司都會有硬性的指標,學歷不達標技術再好也進不去,比如某團。


第二步就是會篩選作品集的封面了,剛才說到過企業一天可能會有上百份作品集,一份份打開來看這不太現實,所以大多數面試官會根據你作品集的封面來進行一輪篩選。對于設計師來說,作品集的封面就可以直觀的映射出你這個設計師的設計水平,從某種程度來說封面代表了你這個作品集的百分之99的價值。

undefined

當出現大量相似的封面時,很大程度上就會被全部pass掉,那么關于封面如何去制作我們等會去說。


篩選完封面后面試官才會進入你的作品集里面對你的內容進行查看。一般的順序是從整體到細節再到最后是否有加分項和你項目與自己公司項目的匹配程度進行一定的評判。


以上的步驟如果都沒有問題,那么不出意外你就可以收到面試官的面試邀約了。


3.作品集如何脫穎而出


3.1 封面吸晴


剛才已經說到過作品集封面的重要性了,我這里就不贅述了直接進入正題:如何才能讓你的封面吸引到面試官?


我們先來看一些反面案例,看一看你有沒有中招:


3.1.1 低精度插畫封面

undefined

如果你插畫能力不夠強,那這里是建議你不要去輕易的嘗試插畫來當作你作品集的封面。這類低精度的插畫不但不能起到強化視覺的作用,反倒會讓面試官覺得你非常的業余,如果對自己手繪、插畫能力十分認可又或是意向公司對插畫的需求比較高的,那么就務必認認真真的對待你的這個插畫封面,保證整個頁面風格的協調性以及視覺氛圍的營造把控是OK的。

undefined


3.1.2 低逼格極簡封面

undefined

這部分同學做封面時可能想要追求高逼格封面,但是因為審美又或是基礎功底等一些原因,導致做出來的封面非常簡陋。并且高逼格、極簡封面并不通用于所有作品集,對于你作品集里面的內容也是有一定的門檻,否則就算封面做的很有逼格,也可能會因為你主體內容的逼格與面試官所期望的差距過大而讓面試官對你瞬間失去興趣。

undefined


3.1.3 高級版式風

undefined

這一種類型的封面比較考驗設計師的設計功底,目前行業有著各式各樣專業轉來的設計師,所以很多這部分剛入行的設計師審美、排版、配色等能力都有所欠缺。我個人不是很建議新手設計師們嘗試這種類型的封面,并且如果去應聘的公司規模比較小,那么很大概率這種類型的封面不會被他們所青睞。

undefined


3.2 作品集風格定義


封面好比一把鑰匙,當你的封面獲得了面試官青睞后,他才會打開你的作品集看里面的內容,那么關于作品集內容風格的制定也是比較重要的。


作品集是多個作品的集合體,所以很容易就會出現風格的不統一,上一秒還是沙漠這一秒已經進入了海洋。

undefined

所以這一點我們要去想方法避免掉,可以提前制定規范,也支持后續統一修改,這個根據每個人自己的習慣以及經驗來。


那么我們說一下,在制作作品集中,什么地方需要控制?我這里將它分為3大類:字體、版式以及色系。


3.2.1 字體的統一


我們整個作品集中承載最多的除了界面就是文字,任何的作品基本上都會存在文字,那么如果想做好作品集風格的統一,第一步就要從字體上下手。


我們可以大致的梳理出來,作品集中字體無非就是用在標題、正文以及注釋上面,那么針對這三類,我們將不同的作品中文字進行一定的統一即可。

undefined

一些常用的像:蘋方、思源、阿里巴巴普惠等都是很不錯的字體。切記一套作品中不要出現太多字體,我這里建議上限3種。


3.2.2 作品集版式


我們在包裝自己的作品時,不可避免地會去借鑒別人一些優秀的版式供自己參考,但是想要只靠一張參考來打通你的整條包裝思路是相當困難的一件事,所以就會有很多人出現做一張抄一張的情況,這也就是為什么能看見有些人的作品集版式尤其紊亂。

undefined


所以我們在設計自己的作品時,一定要將版式進行統一,這里很多設計師都會采用柵格系統來輔助自己進行設計。注意我這里所說的柵格并不是隨隨便便繪制幾條參考線就可以了的,對于柵格系統的定義大家可以去看一下關于網頁柵格系統的一些文章。(圖片出自酸梅干超人)

undefined


3.2.3 色彩的把控


關于顏色的使用真的成為了很大一批設計師的痛點,人對色彩的敏感度決定因素有很多,除了后天的努力之外還有一些很被動的先天因素,比如家庭的條件、男女性別差異甚至人的基因天賦等。


并且這一技能除了多看多練以外可以說幾乎沒有什么捷徑可以走,這也就導致了很多設計師作品的色彩搭配的著實令人著急。

undefined


所以這里強烈建議對顏色把控較弱的設計師們在做自己作品集時多去借鑒一些已有作品的配色,不要盲目的去用一些非常主觀的顏色,往往都會出錯。

undefined



三、作品集內容制定



1.UI作品集放什么


1.1 方向決定內容


在說作品集需要放哪些內容之前,先說一個比較重要的點,那就是方向。


要知道UI設計師所接觸的產品也是分為很多種,除了toC還會有toB、toG產品,而每一個公司需要UI設計師去做的內容也是不同的,遇到很多同學應聘的是UI設計師但實際上做的很多都是平面、視覺方向的內容。所以當你有意向的公司,不妨去看看他們招聘海報上需要哪些業務能力吧。

undefined


1.2 必要性內容


什么是必要性內容呢,無論你的方向是什么,作品集中一定會出現的頁面。我這里以封面、個人信息、工作經歷頁面以及目錄頁面來展開說明一下。


1.2.1 封面的設計


視覺優秀的封面長什么樣我上面已經提到了,這里主要說明一下,我們封面除了讓面試官注意到自己其實還有傳遞信息的作用。


我這里是比較建議大家制作自己作品及封面時可以放一些能夠代表自己的形象,最簡單的就是姓名、聯系方式......如果有一定的手繪能力也可以繪制自己的肖像插畫,又或是顏值爆表的同學何不放自己的照片呢(顏值高的話很加分)

undefined




1.2.2  個人信息頁


這一頁主要承載了你自己的個人介紹,包含主要信息:姓名、性別、年齡、學歷。也包含自我的評價、個人的優勢總結、獲獎經歷、個人影響力等。但是切記勿長篇大論,一個自我評價寫了好幾百字誰會去看,更不要去用英文來表達一些重要信息(除非你面試的公司對英文有要求),一般情況下我們始終要保持作品集頁面的簡潔高效。

undefined


1.2.3 工作經歷


很多小伙伴喜歡將這個頁面和個人介紹整合在一起,但是我這里推薦將他單獨的作為一個頁面來展示,方便面試官來查看我們過往的一些職業經歷,這一點是大多企業都比較在意。


這里提一點,如果你有大廠的實習或是工作經歷,又或是接過大廠的一些合作項目,一定要在這頁將他清晰的顯示出來,甚至可以加大加粗,這個還是很加分的,不要為了視覺的平衡然后把很精彩的一段職業經歷放在角落。


1.2.4 目錄頁面


如果你的能力涵蓋面較廣,各個領域都能拿出來一些像樣的作品,那么目錄頁是一定要存在的,可以方便面試官快速的了解你已有的業務能力,并且能夠增加閱讀時的體驗。但如果你作品很少,只有幾個項目的改版就結束了,那么我這是是不建議你放的,原因大家應該也都猜到了。

undefined


1.3  主要項目類型展示


剛才說過UI涵蓋的方向有很多,我這里不可能全部將他列舉出來。在這里以大家接觸最多的C端項目來進行舉例,其他方向也都大同小異,自己轉換一下就可以。

那么我們先來說一下APP、小程序該如何的展示在作品集中。首先大家知道,任何的項目都是需要包裝,關于這類項目的包裝我簡單的將它分為兩種,Redesign與工作項目改版。


1.3.1 Redesign項目展示


我們知道,工作中落地的項目代表了一個設計師的下限,而平時的飛機稿代表了一個設計師的上限,那么關于Redesign可以說是夾在這兩種之間。


Redesign項目對比真實落地項目給面試官的說服力顯然是不夠的,因為設計師在面對真實工作場景中會存在太多的束縛,而對于Redesign來說這種束縛要小了很多,但Redesign真的就不能夠打動面試官么?其實不然,這一點就在于你有沒有真正的通過Redesign項目將你個人的價值體現出來。


怎么樣才能在Redesign中體現出你的價值呢?那就是模擬真實工作場景。我剛才說過,真實項目對比Redesign項目多了很多束縛,有公司商業層面、方法論如何落地、改版可行性等等一系列原因。而往往面試官看重的也就是你在面對問題時解決問題的方式方法。哪怕是Redesign項目,只要能夠體現自己解決問題的能力,那么就是有價值的,所以當我們沒有真實項目做支撐的話,可以通過放大自己在Redesign項目中解決問題的能力來給自己加點料。

undefined



1.3.2 真實項目展示


如果你有公司項目,我建議你不要進行項目從零到一的展示,很多人喜歡拿真實項目包裝成從零到一,那么將其價值大大的縮水了。


往往我們在工作中很小幾率會接觸到零到一的項目,大多設計師在公司都處于發現問題與解決需求的兩點一線之間,經常會因為數據未達標、某一板塊數據難看又或是一些其他的因素進行升級調整。在這之前我們設計師可能會進行數據分析、方法論實踐、小組會議等等一些方式來考慮如何優化,這才是真實項目應該去體現出來的點,也是你自己最核心的價值。

undefined


1.4 輔助項目類型展示


一般來說,一個UI設計師在日常工作中只接觸界面是幾乎不可能的,大部分的公司招聘時都會要求設計師會一些其他的技能,其中絕大多數公司都會要求設計師同時具備 Web 端的設計能力。

undefined

所以我們的作品集中除了最關鍵的APP界面展示外,還需要放上Web端的設計作品,如果沒有這方面的作品,還是一樣參考我之前所說的放上有價值的Redesign。


前面有說到過,任何的作品都是需要去包裝的,而Web端的包裝其實就并沒有那么講究了,一般面試官只會大致看一下整體的視覺表現,很少會細看,那么我們在包裝上就可以主要針對視覺來進行包裝。常規做法是背景加上一層高逼格的圖片來進行襯托。

undefined


1.5 運營類作品


說完了前面兩個必放的作品外,我們當然還需要一些能夠給自己加分的作品,其中運營設計相關的作品可以說是最受面試官青睞了,這部分作品普遍講究強視覺或是高逼格。


這個環節可以有設計師自由發揮了,沒有什么固定的套路,每一個設計師所擅長的領域不同所展示的內容也就不同,擅長插畫你就放插畫,擅長三維你就放三維,但是要注意,我們放的內容最好是能夠體現出你在工作中能用得到的,比如說一些運營插畫的Banner、H5等等,這些都會在我們工作中經常出現,也就會更加分一些。

undefined

這里建議,如果你這方面能力并不是很強,我們可以堆量來展示,這樣既能夠保證作品集的豐富性,并且在量多的情況下,往往一些細節的粗糙就會被面試官所忽略。

undefined


2.練習與臨摹


2.1 練習與臨摹


考慮到很多同學工作之余只有零零碎碎的練習又或是臨摹的作品,無法很完整的輸出成套作品,所以我這里將這個問題單獨拿出來講。


首先我們先要搞清楚練習和臨摹的概念。練習可以是依據別人的想法、思路,又或是完全自己的思路,最后輸出一份沒有商業價值的作品,而臨摹只是單純的照著參考將他實現出來。這兩者本質上的概念是不同的所以帶來的價值也是不一樣的。


2.1.1 練習作品


說到練習作品,其實大多數的公司對練習作品的態度還算是比較中肯的,但是也存在因為沒有帶來商業價值而否定你這個設計師能力的企業或面試官。所以這樣的情況,我們應該如何應對?我這里給兩點建議,一個是包裝話術、一個是包裝作品。


先從包裝話術來說,很多設計師在放練習作品的時候還非得加一個“哪年那年個人練習作品”,生怕面試官不知道你這是練習的。

undefined

我們在放練習作品的時候一定不要主動表明這是練習的,如果非要擬個標題,那么就以"自我提升"“工作之余”這類比較摸棱兩可的文字作為標題,實在不會你就用“其他設計”也比放“個人練習”要好得多。


然后說說如何包裝自己的練習作品。一般情況我們放練習作品目的無非就兩種“提高自己行業競爭力”“打造熱愛設計人設”,而想要達到這兩種目的我們只是隨隨便便放幾個作品是不夠的,一定要堆量或者成套展示。

undefined


2.1.2 臨摹作品


再來說到我們的臨摹作品,這種作品本身的意義就不大,所以如果實在沒有作品展示,只能靠臨摹作品來豐富你的作品集,那也去找一些實現效果較難的作品去臨摹,這樣也算是發揮了臨摹的最大價值。并且還是一樣,不要直接表明這是“臨摹作品”

undefined

undefined




四、作品集制作導出與命名



1.高效制作作品集


1.1 作品集制作工具


如今我們設計師有非常的多工具軟件來進行設計操作,PS、Figma、Sketch...... 關于我們作品集的設計到底該使用哪類軟件其實并沒有一個完美的答案,追求強視覺的使用PS當然沒有問題,而figma、sketch、xd這類軟件從效率來看一定也是高于PS的,但是我這里還是推薦后者,畢竟即使真要有視覺上的高需求figma完成不了的,那么也可以臨時打開PS來處理一下,之后再復制到figma中進行排版。

undefined



1.2 頁面樣式及數量


1.2.1 頁面樣式


我們的作品集展示目前主流分為兩種,長頁面式與ppt式,簡單來說一下這兩種的不同點。


長頁面主要的優勢在于空間,因為這種樣式的展現不需要考慮到每一個畫板的高度,所以在排版上對比隔壁ppt式有了相對領先的優勢,我們排出來的視覺效果也會相對較好一些。

undefined


再來說ppt式,這種樣式幾乎規范了每一頁的高度,每一個模塊都劃分的非常清楚,給人的感覺就比較的穩。但是因為高度的局限導致了頁面空間較小,所以內容的展示相對來說都比較緊湊,視覺效果相比長頁面會遜色一些。

undefined

那么這兩種樣式應該如何去選擇呢?我這里建議是:如果你的項目以展示改版后的頁面為主,比如我之前說到的Redesign,并且你個人排版水平審美等都在線,那么我比較建議你使用長頁面;如果你的項目展示的是改版前后的對比和一些思路的說明,我建議使用ppt式,并且ppt式對于面試官的閱讀體驗是比較友好的也是目前比較主流的展示樣式。


1.2.2 頁面數量


除了作品集展示的內容以外還有另外一個點也很令大家頭疼,那就是展示頁面的多少,放少了會讓面試官覺得很簡陋,放多了又會讓作品集內容失焦。


我給出的建議是控制在60頁左右比較合適,并且我們的作品集一定要展示精華內容讓面試官可以在最短時間內對你的作品打出滿意的評分而不是一股腦全部塞進去,那樣只會讓面試官感到乏味。并且龐大的頁面數量也會使你作品集體積增加,這對于作品集在企業內部的傳輸也是十分不利的。



2.作品集的導出


2.1作品集格式


關于作品集格式目前我只推薦PDF文檔,無論是安全性還是查看起來的效率,pdf都要具備很明顯的優勢,那么有人會說了:我有交互的動效但是PDF不能顯示動效該怎么辦。首先你需要知道交動效在大部分工作環境中能用到機會并不多,哪怕你放了面試官也可能就看過且過,并且還會占用你的作品集頁面,所以如果你認為你的動效很加分,那么建議直接添加一個外鏈,面試官如果有興趣,自然會點進去看。


2.2 作品集壓縮


上面有提到我們PDF的大小如果過大會不利于作品集的傳輸,那么應該控制在多少比較合適呢,我這里給出的建議是10M,如何輸出一份體量小于10M的PDF文件呢?我們可以利用很多第三方網站或是工具,我這邊給出幾個比較常用的方法:


2.2.1 單張圖片壓縮


我們知道PDF是有多張圖片合并成一張的,如果想減小PDF體積其實就可以單獨為每一張圖片進行壓縮,壓縮圖片的地方有很多我就不詳細說明了,比如比較知名的熊貓壓縮 https://tinypng.com/ 又或是PS自帶的圖像處理器......

undefined


2.2.2 PDF在線壓縮


除了對單張圖片的一對一壓縮以外我們一樣可以將整個PDF進行壓縮,這里我推薦我用得比較多的一個壓縮網站https://www.ilovepdf.com/,我們直接將PDF拖入該網站進行壓縮即可。

undefined



五、文末總結



以上就是我對于作品集的一些梳理,希望對正在做作品集或者即將做作品集的同學有幫助。


最后提一些個人的看法,作品集對一個設計師的意義遠遠不限于是找工作那么淺顯,無論你的能力如何,作品集都是你這一年或是多年內自己所有經驗沉淀與總結。我們設計師幾乎每時每刻都是在為他人所服務,做的需求也都是為了迎合別人的利益,唯有作品集才是真正屬于自己的東西,所以請大家對作品集抱有一定的敬畏心......



原文鏈接: https://mp.weixin.qq.com/s/cf859CpW_dj5mc8HWc2-rg

如翼推薦

新婚少妇毛茸茸的性_老头舒服FULLHD_亚洲高清国产拍精品嫩草影院_IGAO视频网在线观看