網(wǎng)站建設(shè)之原型繪制總結(jié)

2023-01-07 分類：網(wǎng)站建設(shè)

首先你要了解什么是原型？

網(wǎng)站建設(shè)原型顧名思義是用線條、圖形繪制處產(chǎn)品框架，當(dāng)然俗稱線框圖。

原型設(shè)計(jì)的重要性是怎么樣的？

原型設(shè)計(jì)在整個(gè)產(chǎn)品流程中處于最重要的位置，有著承上啟下的作用。原型設(shè)計(jì)之前需求或是功能信息都相對抽象，原型設(shè)計(jì)的過程就是將抽象信息轉(zhuǎn)化為具象信息的過程，之后的產(chǎn)品需求文檔是對原型設(shè)計(jì)中的版塊、界面、元素及它們之間的執(zhí)行邏輯進(jìn)行描述和說明。所以說，原型設(shè)計(jì)的重要性無可替代，產(chǎn)品經(jīng)理應(yīng)當(dāng)要對此有絕對的控制和駕馭能力。

一般情況下首頁設(shè)計(jì)要分類清楚，簡單明了，讓用戶更容易找到自己想要的或者讓用戶更容易看到你想呈現(xiàn)的主體部分。

頭部：LOGO+導(dǎo)航欄（菜單欄）+登錄注冊（如果有這部分功能得話）+搜索欄

主題：這是你主要呈現(xiàn)的主題部分，一般分為產(chǎn)品封面及簡介—>各類資訊(行業(yè)，公司等文本類信息）—>主體特色（指你網(wǎng)站主體的有事，特點(diǎn)等）

尾部主要以超鏈接為主：網(wǎng)站協(xié)議->備案信息->聯(lián)系方式->網(wǎng)站介紹->各大類平臺(tái)連接（微博、微信等）

一個(gè)原型圖該有的結(jié)構(gòu)，頭部、內(nèi)容部、尾部。（如下圖）

下面介紹一下我所設(shè)計(jì)的原型（如下圖）

頭部

先看頭部版塊

我適當(dāng)?shù)募恿诵﹫A圈讓背景banenr更好看些。

在上圖可看到這張圖里面我都放了哪些布局。

最上面是logo或公司名稱導(dǎo)航欄、搜索欄。

左邊中間我放了介紹信息（列如：公司的一些信息，產(chǎn)品的一些信息等。）

那么下面的這個(gè)按鈕是個(gè)跳轉(zhuǎn)鏈接。

把信息放在banner板塊中一目了然也方便用戶去了解。

內(nèi)容部

這個(gè)版塊可以放一些公司的動(dòng)態(tài)、活動(dòng)等。

把日期放在最前面其次是標(biāo)題內(nèi)容再其次是圖片。

這個(gè)板塊可以放一些產(chǎn)品、等，如果一個(gè)產(chǎn)品展示站肯定會(huì)推薦產(chǎn)品，用大圖片來吸引用戶去了解。

這個(gè)板塊可以放新聞、相關(guān)信息等。

這個(gè)版塊是尾部，尾部主要以超鏈接為主：網(wǎng)站協(xié)議->備案信息->聯(lián)系方式->網(wǎng)站介紹->各大類平臺(tái)連接（微博、微信等）

繪制的過程=設(shè)計(jì)的過程；繪制的結(jié)果=想法的表達(dá)。

注重設(shè)計(jì)師的思考過程，如何更好的表達(dá)對產(chǎn)品的理念和想法。

認(rèn)識(shí)不同的設(shè)計(jì)方案原理、作用和使用場景，通過多種設(shè)計(jì)方案對比和分析，擴(kuò)展自己的原型設(shè)計(jì)的素材，應(yīng)對將來設(shè)計(jì)產(chǎn)品時(shí)有領(lǐng)過方案的選擇；

熟練掌握參數(shù)選擇、頁面布局、功能位置、視角順序、元素關(guān)系等。

總結(jié)：借鑒成熟產(chǎn)品是學(xué)會(huì)思考別人產(chǎn)品的設(shè)計(jì)原理，不僅是簡單的抄襲和模仿，卻不知為何這樣設(shè)計(jì)，這樣做有兩個(gè)問題：一是我們沒去分析別人為什么這么做，再不同的場景下設(shè)計(jì)方式不一定適合所有情況，也許在你的產(chǎn)品里就不適合，反而起到反效果，在者是只會(huì)簡單的模范，其實(shí)你就永遠(yuǎn)比別的產(chǎn)品慢一步，并且你會(huì)漸漸喪失作為一個(gè)產(chǎn)品人最核心的能力—深入思考。

面對同類產(chǎn)品的不同設(shè)計(jì)方案時(shí)，學(xué)會(huì)對比分析，從布局方式、視角順序、參數(shù)選擇等去綜合思考。

網(wǎng)頁名稱：網(wǎng)站建設(shè)之原型繪制總結(jié)
路徑分享：http://www.muchs.cn/news41/228991.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容