Blog

【 F2E – PK 心得 】公車動態網站設計 – 訪談到 UI 設計

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

12/05/2021Design
F2E-公車動態網站設計-封面

讓人心動的 6 個 React Design Systems

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

08/29/2021Tech
讓人心動的 6 個 React Design Systems - cover

網站設計過程分享 – 歷經波折的官網改版

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

08/14/2021Design
五倍紅寶石-網站設計

網頁設計師的 6 個實用小工具分享

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

06/15/2021Tech
網頁設計師的 6 個實用小工具分享

2020 回顧

一直遲遲沒有面對的 2020 回顧。 2020 嘗試了很多事,有失敗、有些事還在進行、有些小有成就。這篇文章就好好的做一次整理。

02/16/2021Life
2020 回顧 - Cover

Functional map 原來是這樣啊!

雖然筆者使用 Functional map 的次數不多,可能對於這個流程還不是很熟稔,也許尚有一些細節描述不是很完整,但以下我將分享在這個過程中獲得的一些體悟。

01/13/2021Design
Functional map 原來是這樣啊!

一起來畫科技插畫吧!

仰賴於網頁及科技應用發展,越來越多商品、服務都與網路、手機等接上,隨著這樣的發展很快的網頁設計、 APP UI 設計等也越受重視,為了讓使用者在體驗、摸索、認識網站或 APP 的過程感到有趣

12/02/2020Design
一起來畫科技插畫吧!

商業模式如何影響 UI 設計

為什麼會寫這篇文章呢?是因為筆者最近在 UI/UX Design 社團看到一篇發文討論,原文大致是一間公司的 PM 詢問社團內的人有沒有推薦的實體 UI 課程

10/07/2020Design
商業模式如何影響 UI 設計

設計工作術 | 專案管理踩雷分享

筆者最近剛好有機會肩負幾個大專案進行,其中包含一塊設計這個部落格的前期規劃。在這過程當中學習到很多與人合作和專案規劃的細節。其中一些踩雷經驗分享給讀者。

09/11/2020Design
設計工作術 | 專案管理踩雷分享

關於天份與美感以外的事

在做設計沒有一天不會懷疑這件事,就是我的設計夠不夠好?怎麼樣才算好?美嗎?厲害嗎?有創意嗎?夠酷嗎? 這時再點開 dribbble 和 Behance 就會陷入一種,為什麼我就是設計不出這麼厲害的畫面?

04/11/2020Design
關於天份與美感以外的事