首先你要了解什么是原型?
原型設(shè)計的重要性是怎么樣的?
原型設(shè)計在整個產(chǎn)品流程中處于最重要的位置,有著承上啟下的作用。原型設(shè)計之前需求或是功能信息都相對抽象,原型設(shè)計的過程就是將抽象信息轉(zhuǎn)化為具象信息的過程,之后的產(chǎn)品需求文檔是對原型設(shè)計中的版塊、界面、元素及它們之間的執(zhí)行邏輯進行描述和說明。所以說,原型設(shè)計的重要性無可替代,產(chǎn)品經(jīng)理應(yīng)當要對此有絕對的控制和駕馭能力。
一般情況下首頁設(shè)計要分類清楚,簡單明了,讓用戶更容易找到自己想要的或者讓用戶更容易 看到你想呈現(xiàn)的主體部分。
頭部:LOGO+導航欄(菜單欄)+登錄注冊(如果有這部分功能得話)+搜索欄
主題:這是你主要呈現(xiàn)的主題部分,一般分為產(chǎn)品封面及簡介—>各類資訊(行業(yè),公司等文本類信息)—>主體特色(指你網(wǎng)站主體的有事,特點等)
尾部主要以超鏈接為主:網(wǎng)站協(xié)議->備案信息->聯(lián)系方式->網(wǎng)站介紹->各大類平臺連接(微博、微信等)
一個原型圖該有的結(jié)構(gòu),頭部、內(nèi)容部、尾部。(如下圖)
下面介紹一下我所設(shè)計的原型(如下圖)
頭部
先看頭部版塊
我適當?shù)募恿诵﹫A圈讓背景banenr更好看些。
在上圖可看到這張圖里面我都放了哪些布局。
最上面是logo或公司名稱導航欄、搜索欄。
左邊中間我放了介紹信息(列如:公司的一些信息,產(chǎn)品的一些信息等。)
那么下面的這個按鈕是個跳轉(zhuǎn)鏈接。
把信息放在banner板塊中一目了然也方便用戶去了解。
內(nèi)容部
這個版塊可以放一些公司的動態(tài)、活動等。
把日期放在最前面其次是標題內(nèi)容再其次是圖片。
這個板塊可以放一些產(chǎn)品、等,如果一個產(chǎn)品展示站肯定會推薦產(chǎn)品,用大圖片來吸引用戶去了解。
這個板塊可以放新聞、相關(guān)信息等。
這個版塊是尾部,尾部主要以超鏈接為主:網(wǎng)站協(xié)議->備案信息->聯(lián)系方式->網(wǎng)站介紹->各大類平臺連接(微博、微信等)
繪制的過程=設(shè)計的過程;繪制的結(jié)果=想法的表達。
注重設(shè)計師的思考過程,如何更好的表達對產(chǎn)品的理念和想法。
認識不同的設(shè)計方案原理、作用和使用場景,通過多種設(shè)計方案對比和分析,擴展自己的原型設(shè)計的素材,應(yīng)對將來設(shè)計產(chǎn)品時有領(lǐng)過方案的選擇;
熟練掌握參數(shù)選擇、頁面布局、功能位置、視角順序、元素關(guān)系等。
總結(jié):借鑒成熟產(chǎn)品是學會思考別人產(chǎn)品的設(shè)計原理,不僅是簡單的抄襲和模仿,卻不知為何這樣設(shè)計,這樣做有兩個問題:一是我們沒去分析別人為什么這么做,再不同的場景下設(shè)計方式不一定適合所有情況,也許在你的產(chǎn)品里就不適合,反而起到反效果,在者是只會簡單的模范,其實你就永遠比別的產(chǎn)品慢一步,并且你會漸漸喪失作為一個產(chǎn)品人最核心的能力—深入思考。
面對同類產(chǎn)品的不同設(shè)計方案時,學會對比分析,從布局方式、視角順序、參數(shù)選擇等去綜合思考。
網(wǎng)站名稱:網(wǎng)站建設(shè)之原型繪制總結(jié)
鏈接地址:http://aaarwkj.com/news/228991.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)