UI設計師如何準備面試作品？

01-22

rt，UI設計師如何包裝自己的作品，以及如何面試。

謝謝邀請！

之前回答過類似的問題。等我回去給你找網址：）

個人認為作為一個合格的UI設計師，沒有on-line portfolio是很不專業的。尤其是如果你也懂些網站開發/設計 - 一個以自己域名為主要設計對象的個人網站最為理想。

如果你不懂UX和FE，沒關係，很多專門給設計師展示作品的網站可以幫助你。按等級和實用性大概介紹以下幾家（樓主為了招聘不容易啊）

* Dribbble - Show and tell for designers：審核嚴格，需邀請註冊，華人圈也沒多少人

* Behance：學設計的沒人不知道吧 (⊙﹏⊙)b

* about.me | your personal homepage：個性化比較吧突出，適合展示

* LOFTER｜網易輕博客：界面清新，國內較熱

* 站酷 (ZCOOL) 老牌UI網站，業內知名

*Welcome to Flickr: 非常實用的作品展示產品

*UI中國-專業界面交互設計平台：最近崛起的不錯的作品展示區

以上，歡迎交流！（作答於2014，陸續補充了一些）

關於這個問題，可能是很多UI設計師關注的問題。

特別是那些準備轉行，跨行業或者從其他設計領域轉過來的人，沒有UI設計面試經驗的人。

那麼到底如何準備面試，才能讓自己通過率高成功拿到offer呢？（我不是大神，但是希望對初次參加UI面試的人一些建議。）

我將這個分兩部分描述。

第一部分是面試前----簡歷部分。

眾所周知，找工作的第一步驟就是發簡歷，然後hr會通過篩選簡歷，才能決定是否給你面試的機會。所以簡歷很重要。可能跟你的學歷，畢業學校，之前的工作經驗有很大的關係。

除了這些以外，對於設計師來說，最重要的就是作品集了。如果你沒有漂亮的學歷，沒有太多相關的工作經驗，那麼作品集更是重中之重了。

一般設計師的作品集包含的內容很多，我當時放了很多作品在上面。

一般手機app的界面用瀑布流的形式來包裝，可以參考各大設計網站的裡面有很多界面都是包裝完的。這個包裝很重要。我的一個朋友就是作品一般，但是對於瀑布流的包裝很有feel，結果就找了個不錯的工作。

如果有網頁或者ipad的作品，也可以用瀑布流包裝出來。如果有主題設計，同樣可用瀑布流。

我在作品集中一共放了，5套app界面，2套網站設計的界面，1套主題設計，2套表情，2張banner，2張插畫，1張實物寫真，1套線性圖標。

這些作品我都傳到了lofter上，到時將網址放在了簡歷中，然後hr點擊網址就可以直接查看我的作品集了。（就像前幾個大神說的，作為一個合格的UI設計師，沒有on-line portfolio是很不專業的，）

我的最大的特色還用了keynote做了一個視頻，用視頻的形式展示我的所有作品。給人耳目一新的感覺。起碼能讓hr印象深刻一些。

所以簡歷中，將作品好好包裝真的很重要。放在網上的個人展示，也要注意排版，你可是專業的設計師啊。

第二部分是面試中----面試過程

如果你通過了簡歷，順利的到了面試，那麼恭喜你，至少hr對你的作品還是很肯定的。

我個人認為，面試的過程真心很重要。可能你的作品非常好，但是你不善於表達，也可能找不到跟你作品匹配的工作。比如你的作品價值9000的工作，但是你不會表達，那你可能僅僅找到7000的工作。

我個人的經驗就是多準備，多鍛煉。

我在沒有做設計之前，做過很多工作。幾乎只要我去面試了，都能通過。無論是全國五百強，還是那種民營的小公司，好像只有一家沒有通過，也是自己準備不充分，

所謂多準備，就是在你沒去面試這家公司前，要盡量的多查詢這個公司的資料和信息，看看一般都都會問到什麼問題。我一般面試一個公司就會列出個20個左右他可能問到的問題，然後到面試過程的時候不會慌。因為你準備了問題的答案，即使他問的不是這個問題，只要挨邊，你也可以盡量往上套。其實很多面試的人，在問出你問題後，他就開始頭腦跑偏了，不一定能夠認真聽的你的回答，而是通過你回答問題的反應來判斷。所以充足的準備很重要。

所謂多鍛煉，就是可能有的人天生比較內向，不太會說，遇到面試官會緊張，這樣的話就是需要多鍛煉。不要在乎結果，就是鍛煉怎麼溝通，怎樣跟面試官交談，面試的多了，就會不緊張了。

作品集和面試的狀態都非常重要。希望大家都可以通過面試，最好一次就過，拿到高薪～～～

Before you read...

毫無疑問，作為一名用戶體驗設計師和產品設計師的你，一個優秀的且目的性強的portfolio會在你職業生涯大部分的時間裡跟隨著你，無論你申請什麼樣level的職位，你都需要一個高競爭力的作品集。怎麼準備portfolio，怎麼準備portfolio，怎麼準備portfolio，這是個寬泛的命題，沒有對的回答也沒有錯的回答，但卻有好壞之分，有巧拙之別。首先，先想想自己是屬於哪一個階段，如果小夥伴們是new grad，想申請的工作屬於entry level或者是internship，那麼此時的作品集在內容的上應該考慮放些自己的passion project, internship project或者是school project，之後的絕大多數的時間也會圍繞著這些來說，這個道理我想大家都懂。要是已經也工作經驗的小夥伴，想申請一份senior的或者想跳槽去好一點的公司，此時學生時代的作品會顯得沒那麼重要，側重點側應該是自己在工作中切身參與設計的作品或服務，我相信interviewer也會對這塊會的信息更加感興趣。如果是再往上走，至於要申請lead, director, vp之類的職務，我這裡目前暫時經驗有限，也許過段時間能給大家總結。現在我主要就對大家找entry level和new grad job的小夥伴們，在這樣準備作品集上面來聊聊我的一些看法和分享一些我的經驗。

作品集的構成

小夥伴們來自不同背景，不同學校，但既然選擇了做ux, 做產品，那就一定要有明確的目標, 正確的心態和一個合理的strategy，目標大家都有，那就是拿到一個offer，至於心態，我個人覺得，得到offer一個複雜的過程，需要一系列的準備，實施甚至運氣，一個好的作品集只是這裡面的一種一部分，是一個很小的部分同時但同時也是非常重要的一部分。我個人覺得，在整個得到offer的過程中，現階段你的portfolio的唯一目的就是為你贏得一個面試機會，至於那些其他你作為產品設計師應該具有的特質，比如product sense, design thinking, decision making等等等等，這些需要你在之後的phone screen, onsite interview中慢慢表達出來。(至於怎麼準備phone screen或者是onsite，我在這裡就暫不提到了，如果以後有機會我會再給大家分享)

我知道大家來自不同的背景，知識和經驗也不同，有做dev轉做ux的，有做graphic design轉做ux的，有做電影轉ux的(比如我)。你的每一個作品都會多多少少有一些你的特質，我覺得這是有好有壞的，好的方面是這些特質是what makes you different；同時，不太好的地方就是也許太強的個人風格會左右interviewer對你能力的精準定位和公司人才要求的精確匹配，記住，如果你是new grad, 你很渴望得到一個offer，你需要的是一個好的策略，而不是盲目的展示所有的東西。(別急，我以後還會提到這點的) 如果你申請的是一家科技公司的ui/ux designer/interactive designer/product designer工作，我覺得在你作品集的構成中，大部分應該展示關於ux設計和產品設計，例如，這些可以是你設計的一個app design或者是service concept design. 適當加入一些你個人風格強烈的作品在這個時候是加分的，比如可以適當加入一個graphic design, 攝影作品甚至是一些interactive installations都可以。另外一個重要方面也是很多小夥伴忽略的，那就是看你作品集的也是人，整個過程對於他們來說也是一套用戶體驗，所以我們要站在這方面來思考，對於國內的情況來說，我不是很了解，但對於灣區大大小小的科技公司，根據我的經驗，從最早發現你作品集的人來看,（不論是recruiter還是designer，manager甚至VP）他們第一次看你作品集的時候，花在你作品集上得時間不是很多的，特別是recruiter。所以瀏覽我們的作品集的過程對於他們來時本來就是一套用戶體驗，一個functional的網站啊，字體大小，media的loading速度啊這就不用多說了，怎麼建網站也不是我要在這裡廢話的。我想要說的是，他們也是人，所以作品集給他們的第一印象一定要好。我比較推崇簡單的portfolio而不是fancy的template，當然這個因人而異。因為簡單的網站可以更加的突出你的作品，他們的注意力會被更好的轉移到你的東西上，而不是你買來的網站上自帶的各種fancy交互。第二，簡單的網站擁有相對清晰的navigation，這樣他們能更容易找到他們想找的。那麼接下來說說具體的，就我目前看過的portfolio來說，絕大多數小夥伴還是用thumbnail縮略圖的形式來引導和展開，既然是thumbnail, 那就一定要選一個好看的，最能吸引他們的，這就好比是一個電影的trailer或者是海報。舉個小小的列子，如果你做的是youtube的redesign, 那麼這個縮略圖甚至可以是直接紅底白字: The New Youtube: Coming Soon, 下一行，Summer 2016。我要是recruiter，我肯定會點進去的。當然想一個好的tagline也是需要心思的。雖然現在大家都說ux才是最重要的，對沒錯，能決定你是否得到offer基本都是從你的ux上或者產品思維上決定，但小夥伴要記住，此刻的你需要的是一個strategy，也許國內對於ui,ux的分工會細一點，但在灣區，我覺得大家如果要找一個像樣的工作，你需要在你網站上體現出full stack designer的樣子，恨不得把research, design, testing, prototype, dev, QA都全做了。那麼回到你的作品集上來，說來說去還是第一映像，還是得好看，如果你有一大推優秀的ux design在後面，但是你的thumbnail沒選對或者是你的ui太丑了，沒有能夠足夠吸引到我，我也就不會再點進去看了，別忘了，我是recruiter，你後面還有50個網站等著看呢，但是對你來說這不是虧了嗎？對吧。至少現在的產品還不是直接把代碼甩給用戶吧，還是需要有GUI吧，所以，拿著ux designer title的我們，visual design還是要注意的，那麼有些小夥伴會問，大公司裡面不是都要自己的style guide嗎，是不是對於我們來說visual design就那麼重要了，對，大公司是有自己的style guide，你去了facebook後我覺得也不會有人叫你把藍色變成紅色或者是redesign他們的logo，但是，那是你拿到facebook offer以後再來考慮的事情，你現在是new grad,你需要一個offer, 需要一個strategy幫你拿到這個offer。另外一點重要的，有些設計師或是recruiter在看我們作品集的時候，一眼看去就大概知道你是不是他們想要的了，所以，我覺得，我們的作品最好能夠少一點學生氣質，多一分商業感和成熟的產品感，這個我真的很難用語言描述，不是說不能有school project和group project，肯定是可以有的，畢竟絕大多數公司對teamwork很感興趣。所以說，小夥伴們根據自己的實力，看來怎麼包裝一下自己的作品，電影看多了你就知道，片子好不好是一回事，trailer吊不弔又是另一回事。別忘了，我說了怎麼多，這都還在你的主頁，還沒點擊去看每一個具體的project。總結下，如果我現在去你的主頁，我希望看到的是：簡潔好操作的主頁，清晰的navigation，優秀的縮略圖（有hook），吸引力強的tagline或是summary，學生氣不要太濃的project，然後就是適量的加入一些個人風格強烈的作品作為加分。對了，有人肯定會問，放幾個合適呢，這個也是仁者見仁，智者見智的，我的作品集從最初的30個怒減到10個左右，最關鍵的還是一旦點進去後，裡面長什麼樣，這個我後面會說。不過總體來說，可以多但不能太少（最少4-6個/page, 至少一個page），平台可以廣但不能太窄（ios, android, web, wearable, installation）。

作品集的具體內容

我已經無法用更多的語言來強調這個部分的重要性，至少現在沒有哪個公司是看了你的thumbnail就是直接給offer的吧，不過如果有也請告訴，希望這位大神能收下我的膝蓋。前面說的有點兒多，承上啟下一下先，我去了你的網站，看到你很簡潔的主頁和一系列讓我心神不寧的project縮略圖，那麼我現在非常有興趣想繼續了解一下，我就應該選一個點進去看看具體的了。在這裡，也許又有小夥伴要問我，哪個放在前面哪個放在後面，有沒有一個priority呢，priority當然是有的，一般來說，根據小夥伴自己經驗的多少來決定，如果你之前有工作經驗或是實習的經驗，在你老闆同意的情況下，把自己工作的作品放在前面一般來說比較好，為什麼呢，因為如果我是recruiter，如果我看到你有個去年在google實習的作品，我當然會對這個非常感興趣，phone screen的時候也會要你基本上把大部分時間用來說這個，所以，基本來說，把你們最有信心的，花費時間比較多的，最有競爭力的放在前面，第一是容易引導recruiter的注意力，第二，這個project你們也是花了心思時間去做的，講起來也有信心。

下面是重點了，有大小公司面試經驗的小夥伴都知道，說白了，大家都想看看你的作品集有沒有清晰的展示出identify problem, solve problem和一系列的design process和design thinking等等。（在這裡說明一下，不光是要展示出來，更要說出來，怎麼說我在這裡就不具體聊了，以後會有機會的，我在這裡先著重講怎麼準備new grad的portfolio）。既然design process是重頭戲，那麼就來講講這個。始終記住一點，你沒有必要展示所有的，你需要的是一個有效的strategy，一個聰明的storytelling，實際上，整個作品集的展示過程就是一個storytelling。具體我後面會說到。先來說說一個有趣的事，我有很多朋友是HCI名校畢業的，其中有些朋友在找工作上也一直不順，他們就叫我幫著看看他們的作品集，看了之後我發現，也許是名校的優勢和傳統吧，他們有非常好也非常完整的research process, 一哥們兒設計一在線買花的app, 點進去一看，具有非常專業research技能和各種複雜的前端分析，眼花繚亂的wireframe和I.A，各種persona分析，然後又是prototype採訪加視頻，再來幾張小夥伴其樂融融一起做testing的照片，寫了一大堆專業牛逼的話，這design process夠全了吧，但是到最後，recruiter一看，你這個買花的app到底長什麼樣啊，我想多看幾個screen多了解幾個flow，結果沒了。不過這個我可以理解，名校的HCI program都挺注重自己學生的research和design thinking, 一個學期都基本上就做這個一個project，可以說的太多了，恨不得都全部弄上來。記住，你需要的是一個strategy和一個storytelling，冗長複雜的research對於recruiter來說，他們是沒時間看的，也是不想看的。小夥伴們需要學會循序漸進，慢慢吸引他們的興趣，讓他們願意在你的作品集的上畫更多的時間，在visual presentation和design process上找到一個最合適的balance, 通過一個有邏輯的展示過程來介紹你的設計和你設計這個產品的highlight。沒人喜歡讀一大段充滿專業術語的文字，特別是對於new grad的小夥伴來說，recruiter平均在你們身上的時間特別少，如果你一上來就讓他覺得無聊了，也許就1分鐘就沒了，要是你讓他看得爽，花再多的時間在你的作品集上都是有可能的。所以，在整個展示的過程中，注意圖文並茂，有順序有邏輯的展開，從identify problem開始，我為什麼要做這個project, what"s the problem。然後到你的design process這裡根據小夥伴的自己情況來看，可以包括一起初始階段的research, user case study, wireframe, design iteration, prototyping和一些testing等等，記住，不要太多，也不能太少，這和你不說話被人把你當啞巴一個道理，你不寫user study大多數情況下他們也不會認為你不懂persona，對吧。總之，遵循一個你自己心中的storyline來講好這個故事，在visual和research之間找到一個最適合的balance。然後不斷的時不時的來突出你設計的highlight, 回到剛才那哥們兒，市場上那麼多買花的產品，為什麼你的就能standout, 打個比方，如果這哥們兒設計了一個一鍵送妹子的功能，那麼我希望能看到他能重點講這個killer feature。最後，個人覺得，小夥伴們還需要有個地方來最終展示自己的design, 這個部分可以看做是一個最後的visual presentation，這個放在所有design process之後，在這裡，重點用簡潔，一步到位的語言來展示設計的這個產品，突出它的highlight，如果再加上有很好看的UI, 那就太好了。大家可以把這個看做是是一個最終的visual presentation，舉個很簡單的例子，大家隨便找一個app的landing page上去看看就知道我說的什麼意思了。請小夥伴們記住，好看的通俗易懂的portfolio會在你面試的過程中讓你始終保持上風，有一套漂亮的作品集當然還是不夠，最重要是要學會如何運用，在介紹自己的portfolio或者是project的時候，要學會很好的利用作品集，做到有條不紊來講述這個故事, (說話技巧的提高當然需要小夥伴在各種面試中不斷積累) 當然，我相信，如果你能真的做到上面這些，在recruiter面前給她們（我遇到的recruiter絕大多數是妹子，部分同時擁有86年的相貌和94年的聲線）展示一個生動真實的project, 你還怕進去不了下一輪嗎？好了，總結一下，我點進你的project之後，我希望看到的是一個有邏輯的展示順序，圖文並茂的說明方式，有好看visual但同時又不缺乏仔細縝密的research，循序漸進的storytelling和思維清晰的design process，隨後在給我一個final design當做dessert。之後就等著電話去第二輪吧。

What"s next?

得到offer是一個複雜的過程，就像我一開始就說得一樣，好的作品集只是其中很小的一部分，但也是必不可少非常重要的一部分，有了一個好的portfolio, interviewer們就會對你感興趣，想和你聊。在這一行（至少在灣區），要得到一個心儀HCI工作，擁有一個好的作品集是遠遠不夠的，後面還有各種phone screen, design test, onsite interview等等等等，這些都是要靠你用嘴來說，後面的說和加上你優秀的作品集才是關鍵也是重點，由於時間有限，我在這裡就不具體怎麼應對各種interview了，如果以後有機會，我會在和大家分享的。記住一點就是，每個階段需要每個階段自己的strategy，這也是我從一開始就一直特彆強調的。最後，我雖然說了這麼多，但也不過是基於我的經驗和大家分享一下而已，每個人有每個人不同的習慣，目的都是一個就是得到offer，無論你用如何的方式來準備自己的作品集，能達到你預期的目的這就成功了，我說的也不是都正確，其他人說得也不是一定都不對，希望小夥伴們能根據自己的實力和情況，選擇一個最適合自己的。希望在這裡能對即將畢業或剛畢業的new grad想在ui/ux領域找internship,fulltime的小夥伴們有所幫助。

嗯，好的，謝謝你的回答。我會好好加油的！