4 步驟增進 UI 設計能力
4 步驟增進 UI 設計能力

當你在努力刻 UI 圖的時候,腦海裡浮現的畫面是什麼樣子的呢?

是不是專注在頁面細節上呀?

有沒有畫著畫著,總覺得自己好像漏掉什麼了的感覺?

煩人的通知:手機推播怎麼設計?
煩人的通知:手機推播怎麼設計?

你有沒有過這樣的經驗?
走在街上感覺到口袋裡的手機連續震動好幾下,打開一看發現突然收到一堆通知。

要重新流行擬物風了嗎?
要重新流行擬物風了嗎?

台灣開始流行 iphone 大約是 iphone 4 那個時代。
距今也超過 10 年以上了!

UI 設計師這職位還能活幾集?
UI 設計師這職位還能活幾集?

UI 設計師做需求和代碼中間的橋樑,負責讓程式變得「好用」和「美觀」。
如果好用和美觀都能讓 AI 處理的話呢?

生活中的資訊架構:衣櫃與 UI 設計
生活中的資訊架構:衣櫃與 UI 設計

你的衣櫃,和使用者介面之間有什麼共通點?

「我要的東西永遠找不到!」

嗯,這真的是最大的共通點呢!

「操作介面設計模式」這本書怎麼讀?
「操作介面設計模式」這本書怎麼讀?

不知道有多少想當 UI 設計師的人買了操作介面設計模式 第三版 這本書呢?

這是本我很喜歡的好書!大力推薦,不過很多人嫌它厚得跟磚一樣。

學生反應說,這本書內容有點硬,不是看了前文忘了後文,就是不懂為什麼書裡面會這樣寫。

其實這本書很適合從初階想轉中階的設計師閱讀,把自己累積一陣子的經驗轉化吸收。

也滿適合非設計師的人入手,只要你把它當字典看!

一連串血淋淋的經驗:生活中的易用性
一連串血淋淋的經驗:生活中的易用性

這是一連串活生生血淋淋的故事,我被老公嘲笑到快飛起。
在網路上找幾個收納整理手作材料的櫃子就被開嘲諷真是…

拆解 UI:EZ WAY 易利委-1-Tab Bars
拆解 UI:EZ WAY 易利委-1-Tab Bars

不曉得大家有沒有注意到,因為全球受到疫情的影響,很多實體店面都關閉只靠線上商店獲利。

非常多人失業,購買能力下降,銷售狀況更是雪上加霜。我自己習慣購買的幾個品牌甚至給出了 70% off 這種折扣。(然後我就買買買了。)

購買國外的商品進到台灣,必需先過海關,需要使用EZ WAY 易利委這款 App 報關,但當我打開 App,就像是開啟一場莫名奇妙之旅…

Adobe XD 製圖版面尺寸
Adobe XD 製圖版面尺寸

粉絲團有學生跑來問:「老師~為什麼 Adobe XD 預設的手機尺寸和官方文件數值不一樣啊!?我要聽哪個的?」

呃…這和解析度有關…

從公共設計看新北市門牌選色
從公共設計看新北市門牌選色

新北市政府這篇換門牌的 貼文 引起很大的討論聲音。尤其是「配色」方面得到許多負面評價,就來看看這幾個顏色出了什麼問題吧!

RWD 怎麼畫 Wireframe?
RWD 怎麼畫 Wireframe?

之前曾經去演講過的學校,有學生傳訊問了關於 RWD 設計的問題。

  1. 設計師在繪製 RWD 網站的 Wireframe 時,會繪製 PC 和 Mobile 兩個版本嗎?或是直接使用軟體去做版本之間的切換呢?

  2. 若是沒有軟體可以直接使用的話,那又要如何繪製兩種版本的 Wireframe 呢?

px、pt、dp、sp 大混戰
px、pt、dp、sp 大混戰

dpi、ppi、px、pt、dp、sp 之類的名詞釋義網路文章已經有很多,但全部混在一起運用到 Mockup 上時該怎麼處理?

這個問題其實我也爬了滿久的文,沒翻到有比較完整的說法,所以自己整理了一篇。