北市職能發展學院 - 網頁設計師
臺北市職能發展學院
【網頁設計相關技能】
● 軟體操作 : Figma / Wordpress
● 程式語言 : HTML / CSS / Javascript
● 證照 : 電腦軟體應用 丙級
【專案 - 沒事曬曬網】
一個分享網頁設計知識文章與教學的平台網站。
【 我的角色-UI設計 】
● 擔任UI設計
● 網站吉祥物發想與繪製
● 負責講義與師資頁面美化,動態效果呈現
在這個專案中,我擔任UI一職,協助網站的風格發想、配色技巧、網站吉祥物的發想與繪製,以及網站的動態效果呈現,創建最佳的使用者體驗。
【專案創作過程中,令人棘手的困難】
當時,專案有時程上的規劃與限制,從UX手中接收wireframe,到完成網站的風格美感配置,我們只有一個禮拜的時間,非常急迫,考量了時程與技術,最終,與夥伴們決議以輕易簡單又帶有童趣味的幾何圖塊來創作,七彩的色塊讓網站附有一層活力,給予使用者在瀏覽網頁文章或講義學習時,能感受到充滿學習的熱情。另外,網站的吉祥物也是一大特點,剛開始吉祥物的表現方式以七巧板多型色塊做發想,但總覺得少了點什麼,希望能夠更有特色,我便提議以low-poly的方式去做呈現,讓吉祥物同時帶有3D科技感又不失趣味性,讓使用者在瀏覽網站與其互動後,能感到有趣,在網站多做停留。
【無時無刻都要提醒自我的省思】
當時對於做UI的規範還很淺略,雖有許多天馬行空的想法,但能不能真的呈現出來又是另一回事,必須同時考量產品的實際性、時程的規劃、技術層面的技巧等等,也因為有這個專案的機會,讓我理解到UI的創作不僅考量產品的美觀、視覺上的饗宴,同時還帶有一定的規範與限制在,學習其他網站所呈現的動態效果,固然是好的,但能不能適用於自我的網站上,還有許多層面可去探討,這次的作品尚有待改善的地方,期許自我持續在這領域學習,下次能以更好的動態效果去呈現作品。
● 擔任UI職務
● 網站吉祥物發想與繪製
● 網站視覺美感風格設計
● 網站視覺動態效果呈現
● 創意發想 / 團隊協作 / 溝通技巧 / 時程掌控