作者：

分類：觀點/經(jīng)驗

2010-08-26

6088

3、交互設計

當站點的結(jié)構(gòu)被骨架搭建起來之后，就需要更為詳盡的細筆鉤勒，讓整個站點豐滿起來

通過框架設計，解決這個站點的結(jié)構(gòu)，主要區(qū)域為item內(nèi)容展示。側(cè)邊欄為公用模塊

接下來，是兩人個關鍵界面的設計：首頁和item列表頁。這兩個界面將為后續(xù)的詳細設計定義具體的框架和模板

整個流程中的還有一個亮點，將通用模塊的元件化處理，不僅使得復用性增強、效率提高，也為大型設計項目積累經(jīng)驗，使得多個設計師的合作更為有趣和高效

詳細界面設計，從兩個方面入手：布局和行為。功能模塊如何組織？點擊某個功能將會觸發(fā)怎樣的操作？而這些，也就是交互設計師最終將輸出給項目組的稿件

3.1界面框架設計

首頁采用三欄式布局，突出豐富多彩的內(nèi)容

內(nèi)頁詳情頁面。右側(cè)邊欄為固定組件，左邊為主要內(nèi)容展示區(qū)

3.2模塊組件處理

對于一些在原型制作過程中，會重復用到的功能模塊，使用Axure將其制作成了元件（master），可重復使用

這樣做有幾個方面的好處

A：原型制作效率大幅度提升（觀看制作過程）；

B：在需要多名設計師合作的大型設計項目中，可以通過這種方法保證原型風格統(tǒng)一；

C：有利于培養(yǎng)新同學快速上手

這里典型的模塊為頁面右側(cè)邊欄，“自定義頭像”“分享頭像”和“7天自動分享頭像”為特性功能點，做成模塊化處理，在各個頁面都可以很順利的進行

3.2詳細界面設計

首頁界面

分享到：

喜歡他，就推薦他上首頁吧^_^

亚洲激色,日日干夜夜爱,久青草资源福利视频,九色免费,四虎网站在线播放,中国一级特黄**毛片免,性大特级毛片视频