Low-fi,即低保真原型圖,整個APP設計階段,設計師真正開始上手的環節。待PM製作好PRD文件和邏輯流程圖之後,互動設計師開始依據已有的結論,畫出Low-fi。
Low-fi的作用
就像使用場景Scenario和使用者畫像Personas,團隊每個成員腦海中所理解的都會有所不同,但透過PRD,咱們可以進行至少是大體上的統一。而在這基礎上,APP的具體畫面和流程,每個人都有自己想象的視覺效果。Low-fi就在此時起了相同的作用。
當然統一的進一步促進效果是,進行後面核心功能的深入探討,將概念落實到實施方案,並驗證邏輯上是否能跑通,以及主頁面元素的確定。
2. 方便開發人員進行整體架構的佈置,開始著手一些基礎元素的部署。
3. 做出demo進行內部嘗試、小範圍的使用者調查,一般會有一些更改,不會影響專案主方向,大多是功能上的調整
Low-fi 的處理工具與檔案要求
作為互動設計師,在Low-fi階段多使用的是sketch,PS更側重於用來做圖片的處理。出發點還是更多的從效率上進行考慮,sketch執行速度非常快,文件小,測量距離方便,可複用的圖層組(symbol),做好圖之後匯出多倍圖也十分方便。所以在此階段做草圖,sketch是不二之選。
然而,對Low-fi的檔案處理也有一些要求,主要分為視覺效果和檔名整理。
視覺效果上傾向於使用黑白灰無色彩感的設計方案,目的是為了降低視覺上的干擾,讓設計師和團隊其他成員,將精力重點放到APP本身的功能完善和邏輯完整上面。
而檔名的整理主要表現在圖層命名需要規範。統一的控制元件用symbol進行管理,symbol的命名建議使用駝峰式,即每個單詞間沒有空格,每個單詞首字母大寫(這裡說的是大駝峰式,即第一個單詞的首字母也大寫了)。
Low-fi,即低保真原型圖,整個APP設計階段,設計師真正開始上手的環節。待PM製作好PRD文件和邏輯流程圖之後,互動設計師開始依據已有的結論,畫出Low-fi。
Low-fi的作用
就像使用場景Scenario和使用者畫像Personas,團隊每個成員腦海中所理解的都會有所不同,但透過PRD,咱們可以進行至少是大體上的統一。而在這基礎上,APP的具體畫面和流程,每個人都有自己想象的視覺效果。Low-fi就在此時起了相同的作用。
當然統一的進一步促進效果是,進行後面核心功能的深入探討,將概念落實到實施方案,並驗證邏輯上是否能跑通,以及主頁面元素的確定。
2. 方便開發人員進行整體架構的佈置,開始著手一些基礎元素的部署。
3. 做出demo進行內部嘗試、小範圍的使用者調查,一般會有一些更改,不會影響專案主方向,大多是功能上的調整
Low-fi 的處理工具與檔案要求
作為互動設計師,在Low-fi階段多使用的是sketch,PS更側重於用來做圖片的處理。出發點還是更多的從效率上進行考慮,sketch執行速度非常快,文件小,測量距離方便,可複用的圖層組(symbol),做好圖之後匯出多倍圖也十分方便。所以在此階段做草圖,sketch是不二之選。
然而,對Low-fi的檔案處理也有一些要求,主要分為視覺效果和檔名整理。
視覺效果上傾向於使用黑白灰無色彩感的設計方案,目的是為了降低視覺上的干擾,讓設計師和團隊其他成員,將精力重點放到APP本身的功能完善和邏輯完整上面。
而檔名的整理主要表現在圖層命名需要規範。統一的控制元件用symbol進行管理,symbol的命名建議使用駝峰式,即每個單詞間沒有空格,每個單詞首字母大寫(這裡說的是大駝峰式,即第一個單詞的首字母也大寫了)。