當(dāng)站點的結(jié)構(gòu)被骨架搭建起來之后，就需要更為詳盡的細(xì)筆鉤勒，讓整個站點豐滿起來
通過框架設(shè)計，解決這個站點的結(jié)構(gòu)，主要區(qū)域為item內(nèi)容展示。側(cè)邊欄為公用模塊
接下來，是兩人個關(guān)鍵界面的設(shè)計：首頁和item列表頁。這兩個界面將為后續(xù)的詳細(xì)設(shè)計定義具體的框架和模板
整個流程中的還有一個亮點，將通用模塊的元件化處理，不僅使得復(fù)用性增強、效率提高，也為大型設(shè)計項目積累經(jīng)驗，使得多個設(shè)計師的合作更為有趣和高效
詳細(xì)界面設(shè)計，從兩個方面入手：布局和行為。功能模塊如何組織？點擊某個功能將會觸發(fā)怎樣的操作？而這些，也就是交互設(shè)計師最終將輸出給項目組的稿件
3.1界面框架設(shè)計
首頁采用三欄式布局，突出豐富多彩的內(nèi)容
內(nèi)頁詳情頁面。右側(cè)邊欄為固定組件，左邊為主要內(nèi)容展示區(qū)
3.2模塊組件處理
對于一些在原型制作過程中，會重復(fù)用到的功能模塊，使用Axure將其制作成了元件（master），可重復(fù)使用
這樣做有幾個方面的好處
A：原型制作效率大幅度提升（觀看制作過程）；
B：在需要多名設(shè)計師合作的大型設(shè)計項目中，可以通過這種方法保證原型風(fēng)格統(tǒng)一；
C：有利于培養(yǎng)新同學(xué)快速上手
這里典型的模塊為頁面右側(cè)邊欄，“自定義頭像”“分享頭像”和“7天自動分享頭像”為特性功能點，做成模塊化處理，在各個頁面都可以很順利的進(jìn)行
3.2詳細(xì)界面設(shè)計
首頁界面
0
喜歡他，就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計網(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è)計網(wǎng)
