關於設計作品整理|Behance展示分享|Mockup用得好,作品集沒煩惱

筱涵|Hannah-avatar-img
發佈於工作記事 個房間
更新於 發佈於 閱讀時間約 4 分鐘

最近為了備課,希望能在自我介紹時,能有個人網站之外的作品展示平台,在朋友推薦下,我打開了一直以來都是空白的Behance,然後開始整理自己往年的作品。


就像是在打掃家裡一樣,越整理越被工作時的回憶影響。

也很糾結,到底要哪樣才能把作品展示得好看一點XD


真的是,也做過很可怕的東西呢!

是不是,就乾脆別放這鬼東西了!


最後我還是選擇面對,盡量在快10年前的作品裡面,選出適合的呈現,畢竟我的用途是教學時的自我介紹,分享自己由醜的那端走到還算美的另一端,感覺有些勵志,也是不錯啦,哈哈。


就這樣,拿了一張白紙,我開始了我的Behance更新計劃。


▉ 寫下自我分析和期許


  1. 檢視自己的作品量,我大概有將近12年的作品資料。
  2. 篩選作品,以對自己「有幫助」當作擺放標準。
  3. 加上一些強迫症,我希望以四個為一組更新單位,去放作品。
  4. 希望看起來很舒適、很專業。


▉ 尋找參考資料與可用資源


  1. 我利用關鍵字功能,去大量查看其他人的設計展示方式。
  2. 尋找免費圖庫資源,並下載紀錄可以用的圖樣。
  3. 觀察。


在這個階段,可以說是要最小心的,千萬不要讓自己變成在抄襲別人的版面。

可以參考手法、段落表現方式,但別偷懶描圖抄間距,一定要是自己做的。


而且別人用起來很厲害的展示方式,不一定適合自己。

我那十年前可怕的黑歷史神仙大師都救不了


我觀察了目前最新的網頁設計展示方式,發現有一些共通點:

舒適的低飽和色系、圖片本身的空間感、大量的情境圖。

現在感覺比較流行深色系,和我的喜好有些落差,但在淺灰色的平台上,滿版的填滿感的確會讓人感覺很豐富。

Behance搜尋截圖

Behance搜尋截圖


接著我以Pexels上面所提供的免費素材為主,利用Mockup相關的關鍵字,找到了很多可以發揮應用的圖。

Pexels上的Mockup 搜尋

Pexels上的Mockup 搜尋

▉什麼是Mockup


直接把Mockup丟翻譯的話,會得到「樣品」、「模擬」的答案。

在學校,老師會跟你說這是「展示用的視覺稿」。
在職場,設計師們則會稱作「提案稿」。


這是一種讓設計師與客戶達成共識的方式,設計師利用Mockup將自己的想法傳達給客戶,而客戶藉由這樣的視覺模擬展示圖,了解設計師想要做什麼。


講白話點的話,這是「把概念具象化」的形式,讓雙方理解意思後,才能有共識,一起討論設計方向是否符合客戶需求。


而在作品集的呈現上,好好利用Mockup,會讓作品展示看起來更成熟,也讓人更理解作品的實際用途。


拿戶外廣告來舉例,把圖片合成到戶外的大型展示架上,會比只看平面的檔案要能讓人感受到真實感。



▉ 整理與編排


以上的資料蒐集、自我分析都結束之後,就可以開始整理作品。


而在整理的時候就要考量到編排。


封面圖尺寸為808x632px,若沒有特別製圖,平台會直接截作品內容的某區塊圖。

作品的內容圖我以1400px當作寬度設定,展示的長度就沒有另外設定。



因為我是自我介紹用,並不是要接案用(平台另有販售自己設計稿的功能),所以我為每個作品寫一些簡短的介紹文字,比如客戶產業介紹、期許的設計風格之類。


並將作品內容的排版給拆開,利用Behance的編輯器做區塊配置,除了上傳作品圖檔之外,也能放上我寫的簡單介紹(同時記錄設計理念),並用編輯器設定背景底色。

Behance編輯器截圖

Behance編輯器截圖

Behance編輯器截圖|設定選項

Behance編輯器截圖|設定選項


▉ 在上傳或發佈作品之前


在上傳作品或發佈之前,要先決定一些事情:


一、決定作品排序方式

雖然就算不特別整理排序也沒關係,只要標題關鍵字有下好,一樣能被看到,但華人圈大部份設計師還是習慣使用「年份」來排序自己的作品,也有人是用類型做分類。

在排序這塊,除了按照年份之外,我也給自己制定了「四個一階段」的上架規則。


二、讓版面封面圖的色調盡量一致

在觀察別人的成熟作品集後,我覺得最多的共通點就是賞心悅目。

要達成這種感覺,除了簡約,整體顏色的飽和度也要整理過,才能有一種協調感。

然後封面圖可以做得像是在「展示商品」的模擬圖,或者「有佈景的情境」模擬圖。


▉ 我的成果

雖然還沒有整理完,也沒能像上面的設計大師那樣,有很強烈的個人品牌與氛圍感,但對於在短時間內能有這樣成果,給予自己一個讚👍🏻


我會繼續整理,期望自己未來能做出更好的作品與完整的展示。


希望我所分享的內容,能為正在準備畢業作品集的人有幫助。


也歡迎跟我分享漂亮的作品集喔😆


留言
avatar-img
留言分享你的想法!
Carry Kuo-avatar-img
2024/05/03
展現出黑歷史,也是一個能凸顯自己專業成長差距的展示方式XD
筱涵|Hannah-avatar-img
發文者
2024/05/03
Carry Kuo 真的!!! 把黑歷史回收再利用 XDDDD
avatar-img
筱涵|Hannah的沙龍
9.1K會員
42內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
2025/04/28
在執行設計案件之前,我會讓自己有大概30分鐘左右的時間去找資料,認識產業、搜尋不同的設計靈感,隨手存下的靈感資料,若不適時整理,漸漸就會像我的辦公桌一樣,越堆越亂。 (倒是好好整理桌子啊...
Thumbnail
2025/04/28
在執行設計案件之前,我會讓自己有大概30分鐘左右的時間去找資料,認識產業、搜尋不同的設計靈感,隨手存下的靈感資料,若不適時整理,漸漸就會像我的辦公桌一樣,越堆越亂。 (倒是好好整理桌子啊...
Thumbnail
2025/03/31
確保真實性:最準確的繁體中文AI檢測器「isgen.ai」,這個AI檢測工具是我和學生交流時認識的,或許有些人已有使用過,也可能已是工作日常工具,我近期實際操作後覺得實在很有趣,想用文章的方式紀錄一下我的使用歷程,歡迎跟我一起看看怎麼使用~
Thumbnail
2025/03/31
確保真實性:最準確的繁體中文AI檢測器「isgen.ai」,這個AI檢測工具是我和學生交流時認識的,或許有些人已有使用過,也可能已是工作日常工具,我近期實際操作後覺得實在很有趣,想用文章的方式紀錄一下我的使用歷程,歡迎跟我一起看看怎麼使用~
Thumbnail
2025/03/21
這真是一本讓回憶湧上心頭的書。從學生時期開始,我就因為參加同人誌活動而接觸書籍印製,不管是影印店還是印刷廠都有參觀過,畫圖或者把自己畫的圖印出來,都和紙張是好朋友,我也曾在影印店做過短暫的工讀生。 雖然目前的我在網頁的RGB領域,但也曾待在CMYK好一陣子,當初會選擇踏入印刷產業,除了
Thumbnail
2025/03/21
這真是一本讓回憶湧上心頭的書。從學生時期開始,我就因為參加同人誌活動而接觸書籍印製,不管是影印店還是印刷廠都有參觀過,畫圖或者把自己畫的圖印出來,都和紙張是好朋友,我也曾在影印店做過短暫的工讀生。 雖然目前的我在網頁的RGB領域,但也曾待在CMYK好一陣子,當初會選擇踏入印刷產業,除了
Thumbnail
看更多
你可能也想看
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
爲什麽還每天匯報自己幹什麽? 大家也許很奇怪,不用連休息都每天出post來匯報吧?我只是想以這個為動力來支持自己,並記錄一下如果一人工作室,來製作MV、有聲小説,並慢火經營Youtube頻道等的創作日志。 也希望大家真切感受到,所謂的創作並不如大家所見,很快就能完成的一個過程。從策劃到出成品
Thumbnail
爲什麽還每天匯報自己幹什麽? 大家也許很奇怪,不用連休息都每天出post來匯報吧?我只是想以這個為動力來支持自己,並記錄一下如果一人工作室,來製作MV、有聲小説,並慢火經營Youtube頻道等的創作日志。 也希望大家真切感受到,所謂的創作並不如大家所見,很快就能完成的一個過程。從策劃到出成品
Thumbnail
以前曾經想過,不知道怎樣可以讓喜歡我作品的人,用對彼此最簡單的方式取得,後來是在臉書個頁和粉專上釋放出喜歡的人可以私訊收藏。 不過只有零星兩三位學伴有真的來私訊,而且有的原稿我也捨不得賣。 這個月比較頻繁用脆,昨晚提出問題,就有脆友們來給意見,感謝其中一位脆友提供雲端列印的服務,覺得是目前最
Thumbnail
以前曾經想過,不知道怎樣可以讓喜歡我作品的人,用對彼此最簡單的方式取得,後來是在臉書個頁和粉專上釋放出喜歡的人可以私訊收藏。 不過只有零星兩三位學伴有真的來私訊,而且有的原稿我也捨不得賣。 這個月比較頻繁用脆,昨晚提出問題,就有脆友們來給意見,感謝其中一位脆友提供雲端列印的服務,覺得是目前最
Thumbnail
於是就整理一下見工資料。其實我一直讀,一直讀,讀完了就塞爆了見工的File…當我今天整理的時候,怎麼這一頁有幾張證書,那一頁有不知明的作品…這滿滿的血汗終於需要在這裡斷捨離
Thumbnail
於是就整理一下見工資料。其實我一直讀,一直讀,讀完了就塞爆了見工的File…當我今天整理的時候,怎麼這一頁有幾張證書,那一頁有不知明的作品…這滿滿的血汗終於需要在這裡斷捨離
Thumbnail
這篇整理了我這個月讀到關於「設計創作」和「AI」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。
Thumbnail
這篇整理了我這個月讀到關於「設計創作」和「AI」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。
Thumbnail
最近為了備課,希望能在自我介紹時,能有個人網站之外的作品展示平台,在朋友推薦下,我打開了一直以來都是空白的Behance,然後開始整理自己往年的作品。
Thumbnail
最近為了備課,希望能在自我介紹時,能有個人網站之外的作品展示平台,在朋友推薦下,我打開了一直以來都是空白的Behance,然後開始整理自己往年的作品。
Thumbnail
這個專欄分享了除了PV影片之外,自己學習或創作的其他經歷,包括自製頭像的設計和繪製過程。作者分享了創作的初版草稿、上色過程以及根據意見修改的過程。
Thumbnail
這個專欄分享了除了PV影片之外,自己學習或創作的其他經歷,包括自製頭像的設計和繪製過程。作者分享了創作的初版草稿、上色過程以及根據意見修改的過程。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News