每個人看到的介面應該都要不一樣
- APP 功能太多已經造成困擾了
- 每個人看到的介面應該都要不一樣
- 那「一致性」怎麼辦？
- 未來的介面會長什麼樣子呢？
4 個步驟，讓你的 UI 設計提升一個檔次
學 UI 設計最怕什麼？
改了半天還是不對勁、看高手作品卻無從下手？
別擔心！這篇文章教你 4 個實用方法，讓你的 UI 設計不再卡關！
大學生的 UI 設計選修課（9）練習畫 Wireframe 的方法
常常有人問我：「自己一個人要怎麼練習畫 Wireframe？」「要怎麼知道自己畫的 Wireframe 對不對？」
前面一個問題我還能分享心得供參考，所以寫了這篇文。後一個問題很難回答，大概就像：要怎麼知道公司的商業策略正不正確。
深入解析微互動設計融入開發流程的方法
「微互動該怎麼開發？」
細節到位才能讓 UI 更順暢，但書上沒教怎麼落地實作！
這篇帶你從設計到開發，完整拆解流程。
先瞭解使用者操作，還是先畫 Wireframe？
設計 UI 的思考順序各位覺得該是什麼樣子的呢？
- 先出 Wireframe，再來想使用者會怎麼操作。
- 先確認使用者會怎麼使用產品功能，再來思考 Wireframe 怎麼畫。
如何挑選 UI/UX 設計課程
收到太多這類的私訊或 Mail ，問 A 補習班好不好、B 課好不好、C 班好不好的，一併在此回答，自己判斷啊。
因為我自己有開 UI 入門班，這文寫起來很業配，怎麼看都像是在貶低別人、自抬身價。
明知道我有自己的班還扔其他單位的開課訊息問意見的人真不知道在想什麼，想從我口中得到什麼答案？
UI/UX 工作的職責劃分
網路上對於 UI 和 UX 的謬談 這篇留言數量頗多，其中一則留言我另開這篇文來回答。
這張圖是 Dan Saffer 畫的，指的是 UX 包含那些範圍，可以看到並沒有「UI」的圓圈。
網路上對於 UI 和 UX 的謬談
最近 FB 上常看到有人分享這篇 UI & UX 差別是什麼，看圖大整理 ，這篇文有一半的圖都有問題啊，根本不是 UI…除非它指的是視覺設計。
介面設計必須考慮 輸入、輸出、運作內容 這三項，但幾乎所有的圖片都沒有提到怎麼輸入、輸出什麼、運作內容的規則。
UX 包含 UI，很難切開來講，但硬要分細的話，UX 講的是使用者感覺到什麼。UI 著重在互動和操作的媒介上。
頁面的第 6 種狀態：極限狀態
文件這回事我一直有種「永遠寫不完」的感覺，尤其是 Wireframe，把 Wireframe 當成幾個框框幾個圈圈加幾條線就搞定的文件，這樣的難度和隨手畫個井字遊戲有什麼不同？只要會畫圈圈叉叉直線橫線就能畫 Wireframe？
[翻譯] 如何修正壞 UI 一文中有提到 5 種狀態。事實上我覺得 Z 大提出的第 6 種狀態也該被納入考量。
- 理想狀態（Ideal State）
- 空白狀態（Empty State）
- 極限狀態（Maximum State）«« 第 6 種狀態
- 錯誤狀態（Error State）
- 局部資料狀態（Partial State）
- 載入中狀態（Loading State）
每個頁面在 Wireframe 階段都必須考慮這 6 種狀態，好，那狀態考慮完了也設計好了，要怎麼和專案成員溝通，確保他們都知道該頁面在各種狀態下的變化？
日本：2015 東京設計師週（下）
接續 日本：2015 東京設計師週（上） ，在展區裡有一個很大的區域適合親子互動，主要還是投影＋感應動作。因為這裡滿涼快的我想多待久一點的時間，於是把同行的設計師都拖去親手 DIY 玩了…（這動機實在是）
這篇主要在講 DIY 體驗互動的展區。
日本：2015 東京設計師週（上）
2015 年東京設計師週第一天開幕，天氣炎熱，身體疲倦體力很差，加上喝了白酒後繼無力只待了2小時就回飯店休息了，非常意外…整體來講東京設計師週品質很高，可以當成業界等級的新一代設計展，少了大拜拜的感覺。聽說前幾天現場不能有販售行為，真可惜，有好幾攤的工藝品很想下手…
以下截取我覺得有趣的部份。
初學者的 Prototype
（我竟然忘記寫這篇），和群裡設計師聊，發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關係，導致大混淆，所以來說明下這三者的不同。
文章分類
