頭像web版交互設(shè)計(jì)總結(jié)_第2頁(yè)-CND設(shè)計(jì)網(wǎng),設(shè)計(jì)網(wǎng)絡(luò)首選品牌

作者：

分類：觀點(diǎn)/經(jīng)驗(yàn)

2010-08-26

6021

3、交互設(shè)計(jì)

當(dāng)站點(diǎn)的結(jié)構(gòu)被骨架搭建起來(lái)之后，就需要更為詳盡的細(xì)筆鉤勒，讓整個(gè)站點(diǎn)豐滿起來(lái)

通過(guò)框架設(shè)計(jì)，解決這個(gè)站點(diǎn)的結(jié)構(gòu)，主要區(qū)域?yàn)閕tem內(nèi)容展示。側(cè)邊欄為公用模塊

接下來(lái)，是兩人個(gè)關(guān)鍵界面的設(shè)計(jì)：首頁(yè)和item列表頁(yè)。這兩個(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è)功能將會(huì)觸發(fā)怎樣的操作？而這些，也就是交互設(shè)計(jì)師最終將輸出給項(xiàng)目組的稿件

3.1界面框架設(shè)計(jì)

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

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

3.2模塊組件處理

對(duì)于一些在原型制作過(guò)程中，會(huì)重復(fù)用到的功能模塊，使用Axure將其制作成了元件（master），可重復(fù)使用

這樣做有幾個(gè)方面的好處

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

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

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

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

3.2詳細(xì)界面設(shè)計(jì)

首頁(yè)界面

分享到：

喜歡他，就推薦他上首頁(yè)吧^_^

CND設(shè)計(jì)網(wǎng)（CNDESIGN）會(huì)員所發(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)

成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜