Uizard AI,幫你把腦內草圖變成畫面
靈感枯竭,還要趕時間畫設計稿怎麼辦?
Uizard AI 的 Generate Screens 功能只要 10 秒就能搞定!
而且所有畫面元件都能自由調整。
這種網頁設計越來越受歡迎!Bento Design 有什麼魔力?
「Bento」怎麼唸?扁東?對,就是日語「便當」。
但這跟網頁設計有什麼關係?
其實,Bento Design 就像便當一樣,把資訊分格擺放,整齊又有條理!
Netflix、Airbnb、Google 怎麼做 Prototype?你的公司學得會嗎?
設計提案被否決,老闆說「再精緻一點」。
但花時間做高保真原型,真的能讓方案通過嗎?
其實,不同保真度各有優勢,用錯了反而拖累專案!
大學生的 UI 設計選修課(10)Prototype 類型與使用時機
上週六在GDG Taichung 演講,主題是:「為什麼要加新功能」,有不少內容和 Prototype 有關,就合併整理成一篇文分享在這裡囉。
大學生的 UI 設計選修課(9)練習畫 Wireframe 的方法
常常有人問我:「自己一個人要怎麼練習畫 Wireframe?」「要怎麼知道自己畫的 Wireframe 對不對?」
前面一個問題我還能分享心得供參考,所以寫了這篇文。後一個問題很難回答,大概就像:要怎麼知道公司的商業策略正不正確。
大學生的 UI 設計選修課(8)UI Flow 介面流程
從字義上來解釋 UI Flow 就是「介面的流程」,可以想像是「完成任務會經過多少頁面的過程」。有很多種表現形式,文字版 UI Flow 可以當成頁面目錄、圖片版 UI Flow 可以探討頁面操作。
大學生的 UI 設計選修課(3)使用者測試、使用者訪談
我覺得所有的 UX 研究方法中,使用者測試和訪談能最快讓初學者了解「開發者想的和使用者做的根本不一樣」。學生親身體驗記錄者和受測者的角色,更能用雙方面的角度來看待「UI」和「UX」。
之後再來教怎麼發現問題、怎麼解決問題,會比較聽得進去。
如何為不同裝置設計 RWD Wireframe
「RWD Wireframe 要畫幾個版本?」
學生問得好,設計師到底該畫 PC、Mobile 兩版,還是靠軟體調整?
這篇一次解答!
深入解析微互動設計融入開發流程的方法
「微互動該怎麼開發?」
細節到位才能讓 UI 更順暢,但書上沒教怎麼落地實作!
這篇帶你從設計到開發,完整拆解流程。
Prototype 大觀園:Prototype 優劣分析步步來
本文同步刊登於 NTUChallenge Blog 挑戰誌
很多專案在開發過程中,會製作 Prototype(原型)測試與驗證構想。專案開發會經過許多階段,也有很多種製作 Prototype 的方式。該如何配合專案開發進度,製作適合的 Prototype?
做 UI 設計沒邏輯?學會這個順序避免反覆修改!
設計 UI 時,該先畫 Wireframe,還是先研究使用者操作?
順序錯了就會陷入無限補圖地獄,這篇告訴你正確思考方式!











