王豫雯 

 作品集網站  https://kabin0566.github.io/cv.html

  


在藝術大學在學期間習得思辨的能力及多年累積的美感,從純美術的基礎下自學HTML、CSS等前端網頁設計技能,我認為自己具備樂於主動學習跟吸收國際潮流設計的優點,平常有瀏覽日本或歐洲的設計網站的習慣,興趣廣泛,喜歡攝影、畫畫、看電影、看書、寫詩,這些看似跟工作無關的知識對我來說反而是幫助自己在設計上能夠有更多創新的想法。

學歷


國立台北藝術大學

美術系

2017 - 2021

技能 

Tech Stack

 HTML    CSS     Bootstrap  

Design Tool

    Photoshop      Sketch      Figma  



技能


  • HTML5
  • CSS3
  • Photoshop
  • Figma
  • Illustration
  • Photograph

語言


  • Chinese - Native
  • English - Toeic 795
  • Japanese - N2
  • Deutsch - Little

UI設計網站實作


個人作品集網站

運用所學UI技能製作自己的個人網站,也從中學習到如何除錯跟利用終端機將網站上傳github。

https://kabin0566.github.io/cv.html

UI 設計實作練習

微互動波浪按鈕練習

練習利用css的transform和hover去達到一個海浪效果的微互動按鈕,很適合利用在將飲料與海洋結合的清爽感視覺設計。

偽元素互動按鈕實作

練習利用偽元素做出觸動開關後的另一種型態,能夠運用在需要呈現兩種不同視覺效果的地方,ex:黑夜與白天、冬日與夏季等等

Keyframe關鍵影格實作

練習運用Keyframe製作簡易網站動畫,適合應用在網頁頭版的主視覺,利用動畫製造出動感的閱讀體驗。

插畫繪製作品



繪製軟體:Procreate



繪製軟體:Photoshop


繪製軟體:Photoshop



繪製軟體:Procreate


攝影作品

工作經歷

視覺設計、插畫繪製  •  ALOO、私人委託

Apr 2019 - Jan 2021

在學期間,幫服飾品牌ALOO設計活動海報,和接過數件私人委託的插畫繪製。

酒吧服務生  •  Mono Taipei

May 2020 - Jul 2020

在大三期間短暫在一間酒吧打工,因為會日文,所以常常接待日本客人,也曾幫日本調酒師擔任臨時講座翻譯。

電影側拍師 •  學生劇組

Sep 2020 - Oct 2020

被同學邀約在一個學生微電影劇組裡擔任側拍師,第一次參與片場,知道了電影如何製作,是一次很棒的經驗。