[互動設計]繪製Wireframe的要點

前一篇([互動設計]從繪製Wireframe開始到UI/UX)有提到一些繪製Wireframe的工具,雖然各家工具還是有不同特點,但依然有一個設計原則,本篇我們就以架構內容已經討論完畢的情況下,針對繪製框線圖要注意的細節來討論,前面也有提到Wireframe是技術類參考文件,目的是做溝通。因此,我們不需要花太多時間處裡視覺元素,要做的事情就專注在溝通,把需求標示清楚即可。

繼續閱讀 “[互動設計]繪製Wireframe的要點"

[互動設計]從繪製Wireframe到UI/UX前準備

Wireframe是什麼?

在開始討論Wireframe之前,我們先來定義一下Wirefram究竟是什麼;在工作流程中,通常將Wireframe當作開發前的規格文件,它的目的是用來和業主或者夥伴們溝通,這份所謂的"框線圖"就是一種技術文檔,以建築、室內設計或工業設計的角度來看就是產品藍圖,從網站或軟體應用角度看較類似使用流程圖,必須將每個畫面的使用情況、資料架構、流程都規範下來,才能方便進行之後的任務進行,讓專案開發團隊確認整個開發內容的規格,依照難易評估所需的時間,方能制定開發時程,跟客戶共享這份文件,也較能獲得信賴,以及保障開發者的工作項目內容。

繼續閱讀 “[互動設計]從繪製Wireframe到UI/UX前準備"

[互動設計]什麼是互動設計-淺談互動

互動設計是什麼?

互動設計又稱為"交互"設計,言下之意是定義行為方式的一種設計方法,只是它的應用範疇是基於人工產品回饋反應的介面,英文縮寫是IxD或者IaD(Interaction Design),經常會跟使用者體驗(User Experience Design,簡稱UX Design)產生混淆,使用者體驗其實是互動設計上的一個環節而已,雖說非必要但又相對重要,可以用來分析和探討設計價值。而早在1989年Gillian Crampton-Smith就已經在倫敦皇家藝術學院建立了一個名為"SoftFace"的電腦相關設計的碩士學位教育,這就是互動設計的前身,而後展開了全球後續的相關設計教育。近代數位媒體如此發達的情況下,也延伸到各種設計領域中,從平面到立體藝術、空間、人際、人機;抽象到具象的廣告、產品、工商業設計之類的應用,這當中任何元素也都有可能是其中的一環,例如:影像、圖形、聲音…等等,可以說是無所不在。

繼續閱讀 “[互動設計]什麼是互動設計-淺談互動"