2013-1-25 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源： http://beforweb.com/node/164
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
如今，創(chuàng)意行業(yè)掀起的風(fēng)浪比以往任何時(shí)期都更加猛烈，其中的競(jìng)爭(zhēng)也越發(fā)殘酷，作為設(shè)計(jì)師，想要脫穎而出已經(jīng)是很困難的事情了。如果你還沒(méi)有自己的設(shè)計(jì)作品集，那么情況對(duì)你來(lái)說(shuō)也許會(huì)更加嚴(yán)峻。
從最基礎(chǔ)的層面上講，設(shè)計(jì)作品集就是你自己的廣告，它可以告訴世界：“嘿，我在這！看看我能做的東西叭！” 除此之外，作品集也是你的名片和畫廊，是你展示能力、技巧、項(xiàng)目經(jīng)驗(yàn)的地方；同時(shí)，你還可以通過(guò)它來(lái)表達(dá)接下來(lái)打算做什么事情。對(duì)我(英文原文作者)個(gè)人來(lái)說(shuō)，作品集還決定著人們是否會(huì)給我一份工作offer，或是找我合作項(xiàng)目。
作品集有著不同的展現(xiàn)形式，包括在線和印刷冊(cè)等等，它們所具有的一些精髓是共通的；本文中，我們將把注意力集中在在線作品集這個(gè)方面。
與我們所熟悉的其他類型的網(wǎng)站產(chǎn)品相似，在線作品集也需要具有良好的信息結(jié)構(gòu)和導(dǎo)航模式，同時(shí)在可訪問(wèn)性、易讀性等方面具有上乘表現(xiàn)。你要盡最大努力讓你的作品集在被目標(biāo)用戶打開的時(shí)候可以完美的呈現(xiàn)你要表達(dá)的信息。
Scott Belsky是作品集制作工具Behance的CEO，在他看來(lái)，無(wú)論是公司項(xiàng)目還是個(gè)人項(xiàng)目，只要它們能夠展示你在設(shè)計(jì)方面的才華、風(fēng)格、熱情，那么就可以收錄到作品集當(dāng)中。對(duì)于每一個(gè)你打算展示出來(lái)的項(xiàng)目，要確保訪問(wèn)者可以首先了解到它的背景概況及設(shè)計(jì)目標(biāo)，然后再通過(guò)具體的圖片來(lái)展示你在不同階段的產(chǎn)出；這里所說(shuō)的圖片既包括作品全局，也包括重要部分的局部放大。
關(guān)于作品圖片的尺寸，Scott建議不要小于400像素(寬度)。有些設(shè)計(jì)師喜歡將作品圖片縮到很小，或是只展示其中的某些局部元素——這些做法都無(wú)法全面的展現(xiàn)你自己。另外，在作品全景及細(xì)節(jié)要素這兩方面都做到清晰的呈現(xiàn)，這也是設(shè)計(jì)師自信心的體現(xiàn)。
Sacha Greif是一名UI設(shè)計(jì)師，同時(shí)也是自由設(shè)計(jì)師工作信息公告板Folyo的創(chuàng)始人，他每天都能接觸到大量的作品集。在他看來(lái)，案例質(zhì)量的重要性確實(shí)要高于數(shù)量，不過(guò)至少5到6個(gè)項(xiàng)目展示也是需要保證的。如果你是一名畢業(yè)生或是相對(duì)年輕的設(shè)計(jì)師，無(wú)法拿出一定數(shù)量的設(shè)計(jì)案例，那么也不用太焦慮，最首要的是針對(duì)你手頭已有的案例盡量詳細(xì)的呈現(xiàn)其中的細(xì)節(jié)；當(dāng)然，個(gè)人項(xiàng)目也可以作為補(bǔ)充。此外，你還可以將一些學(xué)習(xí)和探索性質(zhì)的作品囊括進(jìn)來(lái)，例如幫Facebook重新設(shè)計(jì)一套頁(yè)面——只要你不會(huì)宣稱這是扎克伯格授權(quán)你做的就好。
在面試過(guò)程中，我們通常會(huì)根據(jù)目標(biāo)職位的實(shí)際情況來(lái)表達(dá)自己接下來(lái)的目標(biāo)及規(guī)劃；對(duì)于設(shè)計(jì)作品集來(lái)說(shuō)，也是一樣的道理。如果你心里確實(shí)已經(jīng)有了下一步打算，那么最好在作品集當(dāng)中著重突出那些與你的目標(biāo)最為相關(guān)的內(nèi)容。
“視覺(jué)”固然是設(shè)計(jì)師最為熟悉的信息媒介，但對(duì)于作品集來(lái)說(shuō)，文字內(nèi)容也是不可或缺的。優(yōu)秀的作品集可以使用很少的文字來(lái)的描述出項(xiàng)目相關(guān)信息；而且在很多時(shí)候，作品截圖難以表達(dá)出的東西卻可以經(jīng)由文字來(lái)展現(xiàn)出來(lái)，例如你的設(shè)計(jì)思路、解決方案的構(gòu)思過(guò)程、溝通協(xié)作能力等等。
很多設(shè)計(jì)師會(huì)在作品集的開頭使用一段簡(jiǎn)短而直白的文字對(duì)自己進(jìn)行介紹。這是一種很有效率的方式，不過(guò)要注意避免陳詞濫調(diào)；我們能看到的很多個(gè)人簡(jiǎn)介在實(shí)質(zhì)上等同于“我是一名工作勤奮、值得信賴的員工”。
雖說(shuō)是簡(jiǎn)介，也要在有限的篇幅中盡量做到具有針對(duì)性。例如Ethical Studio 簡(jiǎn)單而有效的將他們自己描述為“為非ZF組織、慈善團(tuán)體創(chuàng)建網(wǎng)站”的工作室；又譬如設(shè)計(jì)師Matt Dempsey 是這樣介紹自己的：“我為充滿激情與想法的小創(chuàng)業(yè)團(tuán)隊(duì)打造體驗(yàn)精良、符合用戶直覺(jué)的漂亮界面。” 通過(guò)這樣的文案，你不僅可以立刻了解到他是做什么的，而且對(duì)他所承接業(yè)務(wù)的方向也有了清晰的認(rèn)知。
此外，你也可以將客戶或需求方的褒獎(jiǎng)、用戶的點(diǎn)評(píng)、社交媒體上關(guān)于你的良好口碑引用到自己的簡(jiǎn)介當(dāng)中。當(dāng)然，這些內(nèi)容同樣可以運(yùn)用在作品集里的具體項(xiàng)目案例里。
很多在線作品集當(dāng)中還專門放置了一個(gè)“關(guān)于我”的內(nèi)容區(qū)或頁(yè)面，用來(lái)集中呈現(xiàn)一些更加具體的信息，包括設(shè)計(jì)師所在的城市、他們的職業(yè)規(guī)劃或是承接項(xiàng)目的類型等等。另外，這里也是詳細(xì)展現(xiàn)良好口碑以及個(gè)人特質(zhì)、個(gè)性愛(ài)好等內(nèi)容的好地方，只是這方面的信息不要做的過(guò)多過(guò)濫。
要時(shí)刻記得那些觀看你作品集的人，考慮他們的感受，而不只是你自己的。當(dāng)你描述“我能做什么”的時(shí)候，其實(shí)是在向這些人描述“我能為你做什么”。此外，在文案方面，一定不要犯拼寫和語(yǔ)法方面的低級(jí)錯(cuò)誤，并且避免長(zhǎng)篇大論。
Scott Belsky認(rèn)為，通過(guò)文字來(lái)闡述你在項(xiàng)目當(dāng)中的設(shè)計(jì)思路是非常有必要的。人們?cè)诠蛡騽?chuàng)意人員的時(shí)候，通常都很希望了解他們?cè)谧髌繁澈蟮纳顚酉敕ê屠砟?。作品集?dāng)中的項(xiàng)目案例要體現(xiàn)出從概念到產(chǎn)出的整個(gè)流程，或是其中的某些關(guān)鍵階段。
Belsky還提到了關(guān)于“職員列表”的問(wèn)題。他會(huì)特別尊重那些在項(xiàng)目案例當(dāng)中提到相關(guān)合作人員的設(shè)計(jì)師，因?yàn)檫@是一種自信及協(xié)作精神的體現(xiàn)。
如果你想創(chuàng)建的是一個(gè)比較“正式”的、小有規(guī)模的作品集站點(diǎn)，那么不妨考慮在里面架設(shè)一個(gè)小博客，保證內(nèi)容的質(zhì)量及更新頻率——這很有可能成為體現(xiàn)你個(gè)人或團(tuán)隊(duì)水平的又一個(gè)亮點(diǎn)。通過(guò)博客，你可以展現(xiàn)自己作為設(shè)計(jì)師的品味，闡述你的設(shè)計(jì)理念，或是對(duì)某些案例進(jìn)行更加詳盡的分析。想要雇傭你的人總是希望能夠更多的了解你，博客可以為他們提供這樣的機(jī)會(huì)。
另外一方面，你在博客中闡述的觀點(diǎn)也有可能讓某些潛在雇主產(chǎn)生不悅，進(jìn)而喪失掉一些機(jī)會(huì)。這種情況在所難免，從長(zhǎng)遠(yuǎn)來(lái)看也未必是壞事：如果雇主真的不喜歡聽到設(shè)計(jì)師發(fā)表看法，或是無(wú)法接受和自己意見(jiàn)向左的人，那么從一開始就避免和他們打交到才是上策。
你對(duì)怎樣打造自己的在線作品集已經(jīng)有數(shù)了，接下來(lái)應(yīng)該考慮怎樣把它實(shí)現(xiàn)出來(lái)了。這里有很多方案，你可以手寫代碼建立一套靜態(tài)頁(yè)面，也可以做到輕博客當(dāng)中(例如在Tumblr中使用SimpleFolio 一類的模板)，或是通過(guò)WordPress搭建一個(gè)站點(diǎn)，搭配Briefed 、Sideshow 等模板。此外，Behance的ProSite ，或是4ormat 一類的服務(wù)也是可以考慮的。當(dāng)然，你也可以將作品直接放在DeviantArt 這樣的站點(diǎn)當(dāng)中。
自己動(dòng)手寫頁(yè)面搭建站點(diǎn)的方式可以給你全部的控制權(quán)，讓你在自己能力范圍內(nèi)隨心所欲的打造自己的作品集；而使用輕博客或WordPress這樣現(xiàn)有的平臺(tái)也有著相當(dāng)?shù)膬?yōu)勢(shì)，譬如安全性、便捷性的保障等等。采用哪種形式其實(shí)不是最重要的，客戶或雇主并不在意這些，只有設(shè)計(jì)師自己才會(huì)糾結(jié)于此。當(dāng)然，如果你的目標(biāo)還包括向同行展示自己的才華能力，那么可以盡情的用HTML5、CSS3寫一套頁(yè)面出來(lái)。
Scott Belsky認(rèn)為，很多設(shè)計(jì)師所犯的一個(gè)共同的錯(cuò)誤就是把個(gè)人作品集打造的過(guò)于個(gè)性化了，特別是在導(dǎo)航結(jié)構(gòu)和交互方式方面，這會(huì)使得瀏覽者特別是潛在雇主們難以在最短時(shí)間內(nèi)獲取有效信息。
有些能力全面的設(shè)計(jì)師為了讓自己的案例被更多相關(guān)的“目標(biāo)用戶”看到，會(huì)把不同類型的作品放到不同的平臺(tái)上，例如將照片放在Flickr里，而繪畫作品則歸入DeviantArt，另外還會(huì)把Web或移動(dòng)端的界面設(shè)計(jì)作品放在Dribbble當(dāng)中。不過(guò)Sacha Greif并不推薦這樣的策略。他認(rèn)為，相比于社交與傳播，將所有作品集中于一個(gè)站點(diǎn)當(dāng)中可以獲得更大的回報(bào)，畢竟這樣可以讓瀏覽者及潛在雇主們通過(guò)最小的成本來(lái)獲取你的全部信息，而且可以幫你自己減輕維護(hù)方面的負(fù)擔(dān)。
當(dāng)然，這絕不意味著你不能使用現(xiàn)有的社會(huì)化平臺(tái)，畢竟這是個(gè)策略方面的問(wèn)題，而最終的策略將取決于你自己；不同的人有不同的需求，對(duì)于某些設(shè)計(jì)師來(lái)說(shuō)，傳播效應(yīng)確實(shí)更為重要。
無(wú)論你將作品集放在什么地方，它本身都應(yīng)該是近乎于完美的。我們看到過(guò)的很多簡(jiǎn)歷當(dāng)中都存在著本該避免的低級(jí)錯(cuò)誤：令人困惑抓狂的首頁(yè)閃屏，過(guò)小的文字，缺乏一致性的或是過(guò)于復(fù)雜的導(dǎo)航，缺少聯(lián)系信息，質(zhì)量低劣的圖片，令人反感的文案，詞匯拼寫錯(cuò)誤，瀏覽器兼容性問(wèn)題...如果這樣的作品集會(huì)說(shuō)話，它們首先要喊“救命！”
不過(guò)，Sacha Greif的觀點(diǎn)較為寬容，他堅(jiān)持認(rèn)為雇主們不應(yīng)該因?yàn)樽髌芳?dāng)中一些明顯的設(shè)計(jì)錯(cuò)誤而片面的否定設(shè)計(jì)師的能力；即使此人的作品集里通篇使用著Comic Sans字體，他在實(shí)際工作中的設(shè)計(jì)能力依然有待公平的評(píng)估。
不過(guò)很顯然，作品集當(dāng)中的低級(jí)錯(cuò)誤肯定會(huì)帶來(lái)比較低的印象分。有三種錯(cuò)誤是非常要命的：
小尺寸縮略圖是沒(méi)有任何意義的，而過(guò)度壓縮的圖片則會(huì)給人帶來(lái)非常負(fù)面的感受。有時(shí)，如果手頭的作品素材無(wú)法滿足需求，我們寧可花時(shí)間重新制作一份。另外，如果頁(yè)面空間確實(shí)吃緊，也可以考慮點(diǎn)擊縮略圖后呈現(xiàn)大圖的做法。
哪怕你的案例中確實(shí)包括Flash方面的作品，我們也建議你只呈現(xiàn)靜態(tài)圖片，并將其鏈接到實(shí)際的動(dòng)畫作品中。過(guò)多的加載會(huì)讓瀏覽者很快失去耐心，而且他們很有可能在使用iPad一類不支持Flash的設(shè)備。另外，如果你的作品當(dāng)中包含移動(dòng)站點(diǎn)的設(shè)計(jì)案例，那么最好也對(duì)你的作品集本身進(jìn)行相應(yīng)的處理，例如通過(guò)響應(yīng)式設(shè)計(jì)使其能夠適應(yīng)不同的瀏覽環(huán)境。(相關(guān)閱讀：什么是響應(yīng)式Web設(shè)計(jì) 、通過(guò)CSS3 Media Query實(shí)現(xiàn)響應(yīng)式Web設(shè)計(jì) 、響應(yīng)式網(wǎng)站的產(chǎn)品需求和設(shè)計(jì)流程詳解 )
最后，也是最關(guān)鍵的一點(diǎn)：你的作品集應(yīng)該以最正確的方式展示你最拿的出手的東西。成功的作品集都是會(huì)講故事的，它們絕不僅是一堆圖片集，你要讓瀏覽者了解案例的相關(guān)信息，讓他們知道項(xiàng)目的設(shè)計(jì)進(jìn)程，知道你的想法，你的目標(biāo)，你在項(xiàng)目當(dāng)中發(fā)揮的重要作用。如果你很棒，那么就用你的作品集來(lái)證明這一點(diǎn)叭。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com