歡迎訪問云搜官網,您的支持是我們前進的動力!!!
域名查詢 公司簡介
締造中國網站建設優質品牌只有客戶的滿意,才有我們的發展!!

客服熱線:
18131173387

營銷熱線:
18610180399

首頁 > 新聞中心 > 技術知識

移動端APP網站建設原型設計

2018-05-19   08:35:55   來自:wubaiyi

  根據這幾年的產品運營經驗總結得來,不一定適合所有的移動端APP團隊,但是對于大部分中小團隊還是比較有借鑒價值。移動端APP原型設計,是方法論,所以適用于所有的原型軟件,并不局限于Axure RP。
  畫頁面
  畫頁面是畫原型的必備工作,比如需要提前確定頁面的尺寸和位置,不過初級PM容易忽視關鍵步驟。
  建議使用375×667來畫APP原型頁面,能夠上下兼容目前主流的所有屏幕分辨率??蓞⒖寂f文章《為什么375×667是移動端原型的最佳分辨率》。如果你的手機是Android,那么使用360×640也可以。其他尺寸畫頁面會影響視覺設計師畫出有一定誤差的視覺稿。
  至于位置更少有PM關注,但是它影響著你在手機上預覽原型的展示區域。像墨刀、xiaopu、justmind默認幫你把位置設為(0,0),而Axure,mockplus是無限畫布需要PM手動設置。不設置的后果就是手機上預覽原型的時候很難看到頁面內容。
  確定頁面尺寸和位置后,接下來就是用原型軟件畫出一個個頁面??蓞⒖寂f文章《如何使用Axure規范的畫出頁面的線框圖》。
  不是特別建議PM在原型階段就把頁面中的元素進行配色,會妨礙了視覺設計師的發揮。當然如果你想提升自己對視覺的感覺,請配色之后只輸出黑白線框圖交付給視覺設計師(Axure是支持這樣的功能)。

  定保真

  正式畫App原型之前,需要明確“原型該畫到什么程度”。因為它決定了PM的工作量多少以及產品上線的質量。
  原型畫到什么程度,一般取決于上級的要求,或者延續團隊之前的習慣。當然也可以根據團隊實際能力以及上線要求來優化原型交付標準。
  不建議大家按照所謂的高保真、中保真、低保真原型來理解??瓷先澐趾軐I,實際概念不清晰。所以我明確了他們的概念,方便大家理解其中的差異。
  中保真=黑白線框圖,帶主要交互
  低保真=黑白線框圖,無交互
  高保真=配色線框圖,帶全部交互
  加交互
  如果你只畫了所有頁面,就交付給設計和開發,那么無疑是低保真原型。建議加上主要交互,以中保真原型的標準交付給大家。
  所謂的主要交互,首先是指頁面之間的跳轉。這個做起來很簡單,但是能夠展示整個產品的頁面關系。能夠讓設計和開發快速的評估整個版本大概需要多少工作量。


上一篇:網站建設中的交互設計原則 下一篇:怎么判斷一個網站的質量
亿客隆官方首页