網(wǎng)站建設(shè)原型圖總結(jié)
  • 更新時間:2024-10-27 10:18:53
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 361

首先,你需要了解什么是原型?

網(wǎng)站建設(shè)Prototype,顧名思義,就是用線條和圖形畫出產(chǎn)品的框架,當(dāng)然就是俗稱的線框了。

原型設(shè)計的重要性是什么?

原型設(shè)計在整個產(chǎn)品流程中處于最重要的位置,起著承上啟下的作用。需求或功能信息在原型制作之前是相對抽象的。原型制作的過程就是將抽象信息轉(zhuǎn)化為具體信息的過程。后續(xù)的產(chǎn)品需求文檔就是原型中的塊、接口、元素以及它們的實現(xiàn)邏輯。描述和說明。因此,原型設(shè)計的重要性是不可替代的,產(chǎn)品經(jīng)理應(yīng)該對它有絕對的掌控和掌控。

總的來說,首頁設(shè)計要分類清晰,簡潔明了,讓用戶更容易找到自己想要的東西,或者更容易看到你要展示的主要部分。

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

主題:這是你的主題部分,一般分為產(chǎn)品封面和介紹——各種信息(行業(yè)、公司等文字信息)——主要特色(指你網(wǎng)站的主體、特色等)

尾部主要是超鏈接:網(wǎng)站協(xié)議-備案信息-聯(lián)系方式-網(wǎng)站介紹-連接各平臺(微博、微信等)

原型圖應(yīng)該有的結(jié)構(gòu),head,content,tail。 (如下所示)

下面介紹一下我設(shè)計的原型(如下圖)

先看頭部部分

我添加了一些圓圈以使背景banenr 看起來更好。

在上圖中,您可以看到我在這張圖片中放置了哪些布局。

頂部是徽標(biāo)或公司名稱導(dǎo)航欄和搜索欄。

在左邊的中間,我放了介紹信息(比如:公司的一些信息,產(chǎn)品的一些信息等)

那么下面的按鈕就是一個跳轉(zhuǎn)鏈接。

把信息放在banner部分,一目了然,也方便用戶理解。

內(nèi)容部

?

? ??這個版塊可以放一些公司的動態(tài)、活動等。
? ? 把日期放在最前面其次是標(biāo)題內(nèi)容再其次是圖片。
?
?
? ? ?這個板塊可以放一些產(chǎn)品、等,如果一個產(chǎn)品展示站肯定會推薦產(chǎn)品,用大圖片來吸引用戶去了解。
?
?

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


?

? ? 這個版塊是尾部,尾部主要以超鏈接為主:網(wǎng)站協(xié)議->備案信息->聯(lián)系方式->網(wǎng)站介紹->各大類平臺連接(微博、微信等)
?
? ? ? ?繪制的過程=設(shè)計的過程;繪制的結(jié)果=想法的表達(dá)。
? ? ? ?注重設(shè)計師的思考過程,如何更好的表達(dá)對產(chǎn)品的理念和想法。
? ? ? ?認(rèn)識不同的設(shè)計方案原理、作用和使用場景,通過多種設(shè)計方案對比和分析,擴(kuò)展自己的原型設(shè)計的素材,應(yīng)對將來設(shè)計產(chǎn)品時有領(lǐng)過方案的選擇;
? ? ? ? 熟練掌握參數(shù)選擇、頁面布局、功能位置、視角順序、元素關(guān)系等。
?? ? ? 總結(jié):?借鑒成熟產(chǎn)品是學(xué)會思考別人產(chǎn)品的設(shè)計原理,不僅是簡單的抄襲和模仿,卻不知為何這樣設(shè)計,這樣做有兩個問題:一是我們沒去分析別人為什么這么做,再不同的場景下設(shè)計方式不一定適合所有情況,也許在你的產(chǎn)品里就不適合,反而起到反效果,在者是只會簡單的模范,其實你就永遠(yuǎn)比別的產(chǎn)品慢一步,并且你會漸漸喪失作為一個產(chǎn)品人最核心的能力—深入思考。
? ? ? ?面對同類產(chǎn)品的不同設(shè)計方案時,學(xué)會對比分析,從布局方式、視角順序、參數(shù)選擇等去綜合思考。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/11550.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部