網站建設中原型圖是如何設計出來的？

來源：https://www.chinanovo.net   發(fā)布時間：2022-05-30 11:24:06      

原型圖介紹：

有接觸過(guò)UI設計的應該都(dōu)了解過(guò)原型圖，國(guó)内廣泛使用原型圖也是因APP開(kāi)發(fā)浪潮而起(qǐ)，簡單來講，原型圖就是份産品原型圖稿，即能(néng)夠清晰呈現産品框架的圖稿，可以是草圖，也可以是高保真的圖稿。

原型圖的顯示形式：

可以在紙上進(jìn)行手繪原型草圖、也可以將(jiāng)原型圖畫成(chéng)張精美的高保真圖稿，隻要能(néng)夠將(jiāng)所有的需求呈現出來，與團隊成(chéng)員快速對(duì)接進(jìn)行協作即可，更爲重要的是能(néng)夠將(jiāng)需求落地，進(jìn)行測試、驗證、優化、确認，形成(chéng)份完善的網站原型。

原型圖的帶來的作用是什麼(me)？

1.探索與實驗

原型的本質是種(zhǒng)測試工具，根據自己的需求探索網站功能(néng)或方向(xiàng)，從而實驗些想法是它爲主要的目的。我們不妨搭建個簡單的網站原型開(kāi)始，隻將(jiāng)必備的基本信息和功能(néng)體現出來，然開(kāi)始測試，甚至可能(néng)在紙上繪制草圖即可。

2理解與驗證

當我們接收到個個分散的需求點時，我們需要做的是將(jiāng)分散的需求點具象成(chéng)可視化的閉環，這(zhè)時就可以通過(guò)繪制原型圖來展示網站需求的視覺效果，直觀的看到網站成(chéng)品交付時的理想狀态，因此越貼近理想狀态的原型圖，也就越合格。

就如很多時候你并不知道(dào)自己想要什麼(me)，可以試着繪制個簡單的原型圖來展示自己的想法。或者在接收到不全面(miàn)的需求，以及沒(méi)有充分理解需求的真實意圖時，通過(guò)原型圖展示你對(duì)需求挖掘和分析的結果，可以有效驗證該需求的可行性。

3交付與對(duì)接

原型圖是個可以起(qǐ)到很好(hǎo)展示作用的有力工具，更是産品經(jīng)理向(xiàng)執行團隊進(jìn)行闡述和說明需求的工具，可以借助原型圖對(duì)網站布局和功能(néng)等進(jìn)行說明，給開(kāi)發(fā)團隊提供個清晰的概念，清楚各自的職責是要做什麼(me)，是怎樣的個邏輯，明确目标才能(néng)夠根據各自的職責進(jìn)行網站開(kāi)發(fā)。

還(hái)需要注意點，并非個架構就能(néng)通用于每個網站，我們始終堅持網站架構服務于網站内容，而并非定下網站架構再往架構内填充内容，因爲這(zhè)樣的傳統建站思維往往無法建成(chéng)個好(hǎo)網站。

上一篇： 怎麼(me)才能(néng)讓我們制作出來的網站吸引人？
下一篇： 小程序搭建框架更像是種(zhǒng)輕OS！