前一篇([互動設計]從繪製Wireframe開始到UI/UX)有提到一些繪製Wireframe的工具，雖然各家工具還是有不同特點，但依然有一個設計原則，本篇我們就以架構內容已經討論完畢的情況下，針對繪製框線圖要注意的細節來討論，前面也有提到Wireframe是技術類參考文件，目的是做溝通。因此，我們不需要花太多時間處裡視覺元素，要做的事情就專注在溝通，把需求標示清楚即可。
閱讀全文 [互動設計]繪製Wireframe的要點
分類彙整: WorkProcess
[互動設計]從繪製Wireframe到UI/UX前準備
Wireframe是什麼?
在開始討論Wireframe之前，我們先來定義一下Wirefram究竟是什麼；在工作流程中，通常將Wireframe當作開發前的規格文件，它的目的是用來和業主或者夥伴們溝通，這份所謂的”框線圖”就是一種技術文檔，以建築、室內設計或工業設計的角度來看就是產品藍圖，從網站或軟體應用角度看較類似使用流程圖，必須將每個畫面的使用情況、資料架構、流程都規範下來，才能方便進行之後的任務進行，讓專案開發團隊確認整個開發內容的規格，依照難易評估所需的時間，方能制定開發時程，跟客戶共享這份文件，也較能獲得信賴，以及保障開發者的工作項目內容。
閱讀全文 [互動設計]從繪製Wireframe到UI/UX前準備
[互動設計]什麼是互動設計-淺談互動
互動設計是什麼?
互動設計又稱為”交互”設計，言下之意是定義行為方式的一種設計方法，只是它的應用範疇是基於人工產品回饋反應的介面，英文縮寫是IxD或者IaD(Interaction Design)，經常會跟使用者體驗(User Experience Design，簡稱UX Design)產生混淆，使用者體驗其實是互動設計上的一個環節而已，雖說非必要但又相對重要，可以用來分析和探討設計價值。而早在1989年Gillian Crampton-Smith就已經在倫敦皇家藝術學院建立了一個名為”SoftFace”的電腦相關設計的碩士學位教育，這就是互動設計的前身，而後展開了全球後續的相關設計教育。近代數位媒體如此發達的情況下，也延伸到各種設計領域中，從平面到立體藝術、空間、人際、人機；抽象到具象的廣告、產品、工商業設計之類的應用，這當中任何元素也都有可能是其中的一環，例如：影像、圖形、聲音…等等，可以說是無所不在。
閱讀全文 [互動設計]什麼是互動設計-淺談互動