Blog
2024 年工作回顧
2024 年絕對是一個充實的一年,執行了將近 12 個大小專案,經歷過無數的挫折、失敗與學習,我認清看似簡單的需求,可能包含複雜的 RWD 設計、不同情境、技術限制下的設計等

犯錯與挫折,到重新詮釋錯誤
這篇將回顧過去,我如何看待錯誤的心得與學習
工作職場很現實,在學校犯錯可能只影響分數;但在職場上犯錯,可能會對公司造成很大的損失、賠償。
剛進社會時,幻想自己,應該可以很順利的工作吧?但實際上,所有菜鳥的坑都踩過。

[Free] GoodNotes template 分享!
因為蠻常在 GoodNotes 手寫日記畫 Wireframe,蠻喜歡這種手寫的時光。
在工作繁忙的時候靜下心手寫記錄心情、畫圖,這種時刻蠻好的。
所以在近期我用 Figma 做了一些 GoodNotes 的樣式。如果妳也有在用 GoodNotes 也可以下載後加到 GoodNotes 的 Template。

2022 年回顧:小旅行、準備多益、產品設計師
再回到 2021 年給自己 2022 年設的目標,算是完成了 7 成左右,自己的工作步上軌道。
接下來簡述幾項今年我印象深刻的內容:

CSS 料理室 – CSS 變數辛香料:不用 Sass、不用 JavaScript,也能實做 Dark Mode Theme 切換!
這次製作的料理,主要是使用原生的 CSS 變數 實做出深色模式和淺色模式的切換。除此之外,我們還會利用 HTML input 標籤當中的 checkbox 實做 『切換』這個動作,以下將介紹這些食材的特性。

2021 回顧
時間過得很快,感覺前幾天才寫 2020 現在又立馬回顧 2021。
以下列出 2021 做的大專案:公司官網設計與開發、和 UX 顧問學習訪談、參加 F2E PK。上看起來好像不多,有些專案有寫出文章,其他有些主要專案因為還在進行所以暫時沒有文章。但之後會再寫一些文章分享專案的!

【 F2E – PK 心得 】公車動態網站設計 – 訪談到 UI 設計
這篇文章主要是分享之前公司收到六角學院的邀約,參與 F2E PK 賽 的參賽心得紀錄。PK 所製作的內容是『全台公車動態時刻查詢應用服務』活動的目標不是一個月內完成一個產品,而是透過活動練習不熟的技術和設計。而此篇文章將從 UI 設計角度,分享製作過程與收穫。對我來說正想要練習的是:使用者研究與訪談。

讓人心動的 6 個 React Design Systems
在前端切版時應該會很常遇到 UI Component 的困難,像是 Component 命名、撰寫方式、可擴充、可共用性等問題。
我雖然不是準 React 工程師,單純因為工作關係接觸了 Next.js 、 Tailwind CSS ,就此愛上這種以資料驅動樣式改變、建立組織、 Component 的方式。

網站設計過程分享 – 歷經波折的官網改版
前陣子筆者經歷了公司的品牌設計更新和公司網站設計的兩大專案,而這兩項專案也從一團雜亂的待辦清單到現在步入軌道,進行優化的階段。
以下,將主要分享網站設計的過程,一方面是紀錄,另一方面是想透過分享,回顧一下在執行設計的過程中有哪些部分是可以調整的。

網頁設計師的 6 個實用小工具分享
筆者身為網頁設計師一半設計師、一半工程師,蠻多時候會花時間在設計稿與 CSS 樣式調整,以下我將分享工作中常用的小工具網站,減少設計稿和網頁切版的落差。
