大到摩天大廈、鋪路造橋，小到別墅小樓都要有建筑圖紙。省去很多必要的人力物力和時(shí)間上的浪費，網(wǎng)站原型圖也是一樣，如果設計師直接上手做網(wǎng)頁(yè)設計的話(huà)，很難做出滿(mǎn)意的符合用戶(hù)符合產(chǎn)品的作品來(lái)。而這部分總成為產(chǎn)品原型設計，是由產(chǎn)品經(jīng)理負責對需求進(jìn)行分析改造，并通過(guò)軟件圖形化，把需求實(shí)例化這樣有利于更好的整理需求和BUG，事半功倍。

  那沒(méi)有產(chǎn)品經(jīng)理怎么辦？可以通過(guò)軟件進(jìn)行設計，通常用的軟件為Axure是一個(gè)專(zhuān)門(mén)設計產(chǎn)品原型的軟件，大量使用再網(wǎng)頁(yè)原型和手機APP原型制作。軟件有了那么下一步該怎么去手機規劃呢？

第一步：規劃信息

  欄目有了但是每個(gè)欄目下面要展示那些內容呢，比如首頁(yè)我要展示那些內容呢？通常首頁(yè)是整個(gè)網(wǎng)站的入口，訪(fǎng)客進(jìn)入網(wǎng)站要的看頁(yè)面，所以首頁(yè)需要有沖擊力的banner圖片和文字來(lái)體現企業(yè)的形象；接下來(lái)要展示的是關(guān)于我們或者產(chǎn)品中心這些，這些內容，做優(yōu)化的網(wǎng)站還可以有些新聞，案例什么的。

  最后就是頁(yè)腳了，好的頁(yè)腳通常報了網(wǎng)站的以及欄目和二級欄目信息，聯(lián)系電話(huà)還有社交網(wǎng)絡(luò )連接，版本歸屬權，友情鏈接，備案信息等。

第二步：規劃欄目

  把欄目需求規劃好，通常有些規定的欄目名稱(chēng)例如：首頁(yè)、關(guān)于我們、聯(lián)系我們、產(chǎn)品中心、成功案例等。有了欄目就有主心骨，這樣設計框架圖的時(shí)候不至于信息混亂。


第三步：規劃排列
  信息整齊有理的排序方法，可以減少用戶(hù)思考時(shí)間，提高內容傳達速度減小跳出率。內容排序有很多方式，比如一排信息3個(gè)，或者四個(gè)，或者平鋪這個(gè)屏幕。當行文字加一個(gè)簡(jiǎn)介這種形式。
  網(wǎng)站建設中網(wǎng)站原型圖的設計和制作，雖然大同小異但是如何安排好內容和框架依舊是非常重要的，如何提高產(chǎn)品的點(diǎn)擊流量，如何讓首頁(yè)的沖擊力更強更有煽動(dòng)性等等，都需要認真仔細的考慮。