當站點的結構被骨架搭建起來之后,就需要更為詳盡的細筆鉤勒,讓整個站點豐滿起來
通過框架設計,解決這個站點的結構,主要區域為item內容展示。側邊欄為公用模塊
接下來,是兩人個關鍵界面的設計:首頁和item列表頁。這兩個界面將為后續的詳細設計定義具體的框架和模板
整個流程中的還有一個亮點,將通用模塊的元件化處理,不僅使得復用性增強、效率提高,也為大型設計項目積累經驗,使得多個設計師的合作更為有趣和高效
詳細界面設計,從兩個方面入手:布局和行為。功能模塊如何組織?點擊某個功能將會觸發怎樣的操作?而這些,也就是交互設計師最終將輸出給項目組的稿件
3.1界面框架設計
首頁采用三欄式布局,突出豐富多彩的內容
內頁詳情頁面。右側邊欄為固定組件,左邊為主要內容展示區
3.2模塊組件處理
對于一些在原型制作過程中,會重復用到的功能模塊,使用Axure將其制作成了元件(master),可重復使用
這樣做有幾個方面的好處
A:原型制作效率大幅度提升(觀看制作過程);
B:在需要多名設計師合作的大型設計項目中,可以通過這種方法保證原型風格統一;
C:有利于培養新同學快速上手
這里典型的模塊為頁面右側邊欄,“自定義頭像”“分享頭像”和“7天自動分享頭像”為特性功能點,做成模塊化處理,在各個頁面都可以很順利的進行
3.2詳細界面設計
首頁界面
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設計網(CNDESIGN)會員所發布展示的 “原創作品/文章” 版權歸原作者所有,任何商業用途均需聯系作者。如未經授權用作他處,作者將保留追究侵權者法律責任的權利。
Copyright ©2006-2019 CND設計網