Uizard AI,幫你把腦內草圖變成畫面
Uizard AI,幫你把腦內草圖變成畫面

靈感枯竭,還要趕時間畫設計稿怎麼辦?
Uizard AI 的 Generate Screens 功能只要 10 秒就能搞定!
而且所有畫面元件都能自由調整。

這種網頁設計越來越受歡迎!Bento Design 有什麼魔力?
這種網頁設計越來越受歡迎!Bento Design 有什麼魔力?

「Bento」怎麼唸?扁東?對,就是日語「便當」。
但這跟網頁設計有什麼關係?
其實,Bento Design 就像便當一樣,把資訊分格擺放,整齊又有條理!

Netflix、Airbnb、Google 怎麼做 Prototype?你的公司學得會嗎?
Netflix、Airbnb、Google 怎麼做 Prototype?你的公司學得會嗎?

設計提案被否決,老闆說「再精緻一點」。
但花時間做高保真原型,真的能讓方案通過嗎?
其實,不同保真度各有優勢,用錯了反而拖累專案!

大學生的 UI 設計選修課(10)Prototype 類型與使用時機
大學生的 UI 設計選修課(10)Prototype 類型與使用時機

上週六在GDG Taichung 演講,主題是:「為什麼要加新功能」,有不少內容和 Prototype 有關,就合併整理成一篇文分享在這裡囉。

大學生的 UI 設計選修課(9)練習畫 Wireframe 的方法
大學生的 UI 設計選修課(9)練習畫 Wireframe 的方法

常常有人問我:「自己一個人要怎麼練習畫 Wireframe?」「要怎麼知道自己畫的 Wireframe 對不對?」

前面一個問題我還能分享心得供參考,所以寫了這篇文。後一個問題很難回答,大概就像:要怎麼知道公司的商業策略正不正確。

大學生的 UI 設計選修課(8)UI Flow 介面流程
大學生的 UI 設計選修課(8)UI Flow 介面流程

從字義上來解釋 UI Flow 就是「介面的流程」,可以想像是「完成任務會經過多少頁面的過程」。有很多種表現形式,文字版 UI Flow 可以當成頁面目錄、圖片版 UI Flow 可以探討頁面操作。

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

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

呃…這和解析度有關…

大學生的 UI 設計選修課(3)使用者測試、使用者訪談
大學生的 UI 設計選修課(3)使用者測試、使用者訪談

我覺得所有的 UX 研究方法中,使用者測試和訪談能最快讓初學者了解「開發者想的和使用者做的根本不一樣」。學生親身體驗記錄者和受測者的角色,更能用雙方面的角度來看待「UI」和「UX」。

之後再來教怎麼發現問題、怎麼解決問題,會比較聽得進去。

如何為不同裝置設計 RWD Wireframe
如何為不同裝置設計 RWD Wireframe

「RWD Wireframe 要畫幾個版本?」
學生問得好,設計師到底該畫 PC、Mobile 兩版,還是靠軟體調整?
這篇一次解答!

深入解析微互動設計融入開發流程的方法
深入解析微互動設計融入開發流程的方法

「微互動該怎麼開發?」
細節到位才能讓 UI 更順暢,但書上沒教怎麼落地實作!
這篇帶你從設計到開發,完整拆解流程。

Prototype 大觀園:Prototype 優劣分析步步來
Prototype 大觀園:Prototype 優劣分析步步來

本文同步刊登於 NTUChallenge Blog 挑戰誌

很多專案在開發過程中,會製作 Prototype(原型)測試與驗證構想。專案開發會經過許多階段,也有很多種製作 Prototype 的方式。該如何配合專案開發進度,製作適合的 Prototype?

做 UI 設計沒邏輯?學會這個順序避免反覆修改!
做 UI 設計沒邏輯?學會這個順序避免反覆修改!

設計 UI 時,該先畫 Wireframe,還是先研究使用者操作?
順序錯了就會陷入無限補圖地獄,這篇告訴你正確思考方式!