當(dāng)站點(diǎn)的結(jié)構(gòu)被骨架搭建起來之后，就需要更為詳盡的細(xì)筆鉤勒，讓整個(gè)站點(diǎn)豐滿起來
通過框架設(shè)計(jì)，解決這個(gè)站點(diǎn)的結(jié)構(gòu)，主要區(qū)域?yàn)閕tem內(nèi)容展示。側(cè)邊欄為公用模塊
接下來，是兩人個(gè)關(guān)鍵界面的設(shè)計(jì)：首頁和item列表頁。這兩個(gè)界面將為后續(xù)的詳細(xì)設(shè)計(jì)定義具體的框架和模板
整個(gè)流程中的還有一個(gè)亮點(diǎn)，將通用模塊的元件化處理，不僅使得復(fù)用性增強(qiáng)、效率提高，也為大型設(shè)計(jì)項(xiàng)目積累經(jīng)驗(yàn)，使得多個(gè)設(shè)計(jì)師的合作更為有趣和高效
詳細(xì)界面設(shè)計(jì)，從兩個(gè)方面入手：布局和行為。功能模塊如何組織？點(diǎn)擊某個(gè)功能將會觸發(fā)怎樣的操作？而這些，也就是交互設(shè)計(jì)師最終將輸出給項(xiàng)目組的稿件
3.1界面框架設(shè)計(jì)
首頁采用三欄式布局，突出豐富多彩的內(nèi)容
內(nèi)頁詳情頁面。右側(cè)邊欄為固定組件，左邊為主要內(nèi)容展示區(qū)
3.2模塊組件處理
對于一些在原型制作過程中，會重復(fù)用到的功能模塊，使用Axure將其制作成了元件（master），可重復(fù)使用
這樣做有幾個(gè)方面的好處
A：原型制作效率大幅度提升（觀看制作過程）；
B：在需要多名設(shè)計(jì)師合作的大型設(shè)計(jì)項(xiàng)目中，可以通過這種方法保證原型風(fēng)格統(tǒng)一；
C：有利于培養(yǎng)新同學(xué)快速上手
這里典型的模塊為頁面右側(cè)邊欄，“自定義頭像”“分享頭像”和“7天自動(dòng)分享頭像”為特性功能點(diǎn)，做成模塊化處理，在各個(gè)頁面都可以很順利的進(jìn)行
3.2詳細(xì)界面設(shè)計(jì)
首頁界面
0
喜歡他，就推薦他上首頁吧^_^
CND設(shè)計(jì)網(wǎng)（CNDESIGN）會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處，作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號-2
豫公網(wǎng)安備 41019702002261號
