鐵人檔案
分享我在職場開發網站的實務經驗，從需求確認、介面設計，到前端開發與部署上線，呈現一個網站功能從規劃到實作的流程。
當踏入前端開發的世界，常聽到的一句話可能是：「這個功能我們再加一頁就好～還有那邊，順便調個版面，應該很快吧？」 但，真的很快嗎？ 🤨 開發一個網站功能，從需求確...
先打個預防針💉 在不同公司，前端工程師的職責範圍可能會有所不同。有些公司會配置 UI/UX設計師、視覺設計師 或甚至由 創意工程師（Creative Engin...
前言說明 在開始使用 FigJam 製作前，我們先來釐清一個非常重要的觀念！「設計的本質，不只是要讓畫面變得漂亮，而是要讓使用者感覺自然、順暢，甚至在無意識中...
前言說明 在前幾篇文章中，我們曾經說過構思階段常用的線框稿（Wireframe），可以用來與客戶討論並確認需求，還沒看過的朋友，若有興趣歡迎參考第二篇文章。接下...
前言說明 在進入設計 Mockup 之前，我們先來認識一下 Figma 這款設計工具🎨。Figma 可用來打造多種設備的美觀介面與互動體驗，還具備多人協作和雲端...
前言說明 在這篇文章會分享 Figma 的圖層管理技巧，從基礎的 Frame 設定，到如何運用柵格系統（Grid System），以及使用約束（Constrai...
前言說明 比起線框稿（Wireframe），Mockup 可以更進一步呈現畫面的細節，像是配色、字型與實際圖片等，能更真實模擬設計最終完成的樣貌。這類的視覺稿...
前言說明 在 Mockup 完成後，我們可以根據使用者流程（User Flow）開始設定各圖層之間的互動連結，如果還沒看過使用者流程的規劃方式，可以參考先前的...
前言 到這裡，我們已經順利完成「註冊功能」設計的部份，為自己鼓掌👏！在這個 AI 盛行的年代，想分享如何運用 AI 透過自然語言輸入，或是直接匯入設計稿，快速生...
前言 假設從 UIUX 設計師那邊拿到設計稿之後，第一步就直接下手切版嗎？其實不是！這篇文章將從前端開發者的角度出發，思考拿到設計稿後該怎麼看，並分享在正式進入...
