編者按:本文通過一個設計師作品集封面設計的實操案例,幫你掌握作品集封面設計,附贈500多張優秀案例打包,快來下載!
往期回顧:
作品集封面是個讓設計師又愛又恨的東西,看上去僅僅是個面子工程,但作為作品集的第一頁,承擔了重要的門面作用。
今天,咱來嘮嘮作品集封面。備好水,很干,很硬。
打個比喻的話,我會把面試官看到作品集封面的過程,比作相親過程的第一次會面。第一眼的視覺總是會先入為主得產生第一印象。
而這個所謂的第一印象,具體有多重要,可以用首因效應來解釋。
首因效應來自社會心理學,說的是人們初次收獲的信息產生的印象更難以消除,甚至會左右對后來新信息的解釋。
用人話說,就是第一印象往往會讓對方先入為主得給你貼標簽,你之后的種種行為,可能都會被帶著濾鏡看待。
這種有意思的效應涉及到一個經典模型——心智模型。
如果你看到卡尼曼的《思考快與慢》,你應該記得我們的大腦分為系統 1 和系統 2。分別對應無需思考的快系統和需深思熟慮的慢系統。
大腦喜歡高效和偷懶,所以為了更多得調用系統 1,總是下意識得建造一個又一個模型,之后遇到類似的情況可以不用思考就給反應、下決策。
比如我們看到一對男女進入酒店,麥當勞菜單上的超大漢堡包,草根在微博爆出的關于自己被 xx 明星拋棄的小長文。第一次看到這些信息,我們很可能會先入為主得認為自己看到的即是真相。而事實上,可能那對男女并不是情侶、服務員端來的漢堡包其實小得可憐、而那名草根也只是借勢炒作自己而已。
所以,人的第一印象受心智模型的影響,導致生成的標簽更加難以擦除。相親的第一眼,對方就可以通過外表給你貼上你意想不到的標簽。而面試官看你作品集的第一眼同理。
我和大多數面試官一樣,在篩選作品集時,會先通過作品集封面,對候選人能力做一個初步評定。
一個版面有明顯問題的封面,可能直接判定你的基礎能力不達標,導致作品集中的內容都可能受其影響。
而一旦面試官是一個急性子,很可能看了封面就直接把候選人 pass 了。
所以作品集封面,比我們想象得要更重要。
簡單說三個原則。
1. 大量參考
很多朋友上來就開始懟封面,在無數的嘗試糾結中浪費時間。但事實上,我們需要去借助大量的參考來更快得獲得啟發。參考它們的版面,參考它們的配色。
借鑒優秀案例,是一個必不可少的前置過程。
為了幫助老鐵們更好得獲得靈感,我公開分享了自己私藏的 500 多張封面圖,開頭和文末可領取。
2. 別減分
如果你的設計功底不夠好,建議直角走蘋果的極簡路線。這樣可以保證你不會在門面上減分。
比如下面的封面,版面和配色都走了簡單路線、干凈利落。
3. 表現力
畢竟是作品集制造的是第一印象,所以在不減分的前提下,封面的視覺表現力依然可以作為開局的分水嶺。比如下面兩個案例,你更傾向于注意到哪一個標題呢?
結合我自己的經驗,介紹一個非常實用的萬能公式:
作品集封面=搭骨架+表風格
搭骨架=確立版式+強化后的主體+輔助信息填充
表風格=色彩+元素+質感
這里的主體可以直接上英文 PORTFOLIO,簡單易出效果。
下面來實操一把。
1. 確立版式
我想傳達正式和儀式感,所以整體定居中版式。當然還有其他更優秀的版式,那些封面靈感都可以幫你更好參考。
2. 定下主體
portfolio 英文字體,整體作為畫面主體。
記得換一個更粗重的字體,因為字體筆畫擁有了更高視覺占比(筆畫由線化面),自然能制造出更飽滿的張力
3. 主體強化
強化的意義在于以更多的層次來提升畫面表現力。我常用的方法有兩個,第一個是重復+鏤空字,一來起了強化作用,二來以線面對比豐富層次,三來線本身的造型性可以大幅拉高設計感、逼格滿滿。
第二個是裂區手法。通過序列切割的形式來大幅強化造型感,讓畫面更加高級。這種試驗風格的感染力很強,很容易形成記憶點,打破視覺疲勞。大名鼎鼎的韓國設計團隊 plus X 曾為國內綜藝《演員的誕生》做過品牌設計,當時的 logo 便使用了這個手法。
4. 輔助信息填充
這一步就基本完成骨架了。為了避免畫面過空,可以在四角加上輔助信息來填充畫面、增加層次。結合一些流行符號,可以讓版面更新潮,比如{ }、?、箭頭符號等等。注意遵循網格規范。
5. 風格賦予
加入顏色來定格版面情緒。這里我想傳達互聯網的、理性的氣息,所以選用了藍色。
加入其它元素來豐富版面層次。角落通過高斯模糊形成彌散光,來疊加一層氛圍,左上可簽上專屬簽名展示你自己。
當然,你可以選用其他風格。比如加入封條、環形符號、小黃臉、網格等元素,可以讓封面非常新潮。
或者再加幾個高亮封條做交叉、鋪上透視網格、覆蓋仿真材質,這些都能讓畫面更加個性和潮流。
雖然表現力爆棚,但也會存在潛在風險。因為這種風格強烈的設計并非每個面試官都可以接受,而且其難度較大、不易駕馭。
所以,可以盡量讓畫面安靜。比如我們去掉額外的裝飾,僅僅用一個圓形表達主體。
做一個單側模糊,虛實對比迅速拉滿設計感。很多同學比較好奇這種模糊是怎么實現的。步驟很簡單,打開 ps,濾鏡-模糊畫廊-場景模糊即可實現。
或者可以換個冷色調。或者冷暖結合,通過不同的布局來傳達不同的情感。
疊加一層噪點,意義在于讓畫面更有質感和細節。這是一招鮮的做法,效果卻是立竿見影。
當然,我們還可以選擇另一個方向。標題底下加上 4 個大小不一、互相疊加的半透明的圓
賦予不同的顏色。
每個形狀都可以來個高斯模糊,就形成了近年很火的彌散漸變風格。
同樣的,可以加上噪點來出更多的效果。
不論哪一種風格,我們的目標都是在不減分的基礎上,給面試官留下良好的第一印象,甚至開始期待你的內容。
而實現這個結果投入產出比最高的方式,就是去參考優秀的封面。
我全網搜集了 500 多張優質的作品集封面,里面按類別分成了純文字、圖形、人像等多個類目。每一張封面都是精挑細選,每一種都有值得去參考借鑒的地方。附件即可下載
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 708 位幸運星
發表評論 為下方 25 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓