原型設計

一`什麼是原型設計?

世界觀:

原型就是一個產品出爐之前樣品的簡單框架,就像建築業製造業的圖紙一樣,起到指導和展示的作用. 這部分工作是由產品經理來規劃.

原型設計就是設計原型的過程.

<>互動設計,細分的話略區別於原型設計,互動設計更詳細,會詳細的考慮到相容性和具體實現.區別詳解

     在整個專案開發過程中,原型起到了指路燈的作用,這是本人的一個小專案,不像大企業那麼嚴格和標準:有一套完整的計劃書.在專案實現進行的時候,每當完成一個或者以系列功能模組,就要回來翻一翻原型設計,還要進行哪些工作.(當然,我相信大企業製作計劃書,也要一部分參照原型來編織)

    一張圖展示一下原型設計

在整個專案進行過程中的位置:

(圖片來源於網路)

二`怎麼做好原型設計?

關於方法論,談不上指導,只能說是共同學習:

翻閱各種資料,概括性的指導意見說:''開闊眼界,提高審美''.

這裡是一些寶貴的資料和知識:

這些資料來源於:

小結:

設計師這個職業需要的知識面裡很廣泛,又要跟客戶去理解需求,還要跟工程師溝通模組的實現方式.這就要求能力很全面,比如:資訊收集的能力,理解需求的能力,對口設計的能力等等等等.

總的來說,這是一個需要"靈性"的職位,幾乎沒有公式可言.(不能總是墨守規)

古人云:"工欲善其事,必先利其器."

• Pencil:

Pencil風格其實大多數都是手繪風格的,可以繪製各種結構圖和流程圖,當然支援跨頁超連結跳轉.

Pencil的GUI原型工具免費!開源!還有具備眾多的原型設計模板等.

• Axure:
  

Axure是一款比較專業的工具,不過具體我不太瞭解,這裡是

• mockplus:

時下比較流行的一款Online版原型設計工具,快捷高效.體驗很棒.前一陣開始好像有收費的會員服務了.版本上還有mac版和ios/android版.可惜沒有linux版...

不過其中介紹的工具部分過於陳舊.有待考察.

• 對於我的專案,我認為最核心的功能就是編輯編譯頁面,然後我展示其中幾個主要的頁面,[登入]-[主頁]-[編譯頁面].
  

下面是我用pencil的基本包混合bootstrap寫的:

主要頁面的原型設計:

1.登入頁面

3.Home主頁面

3.線上編輯頁面