5、帶網(wǎng)格的網(wǎng)站原型
復(fù)雜一點(diǎn)的可以用Axure、Balsamiq等原型工具實(shí)現(xiàn)HTML線框圖，可以參考《使用線框圖來簡(jiǎn)化你的產(chǎn)品設(shè)計(jì)流程》一文，如圖9：
不要忘記用戶界面設(shè)計(jì)版式－－用戶界面設(shè)計(jì)版式對(duì)設(shè)計(jì)用戶界面是很有幫助的。版式往往能解決常見問題，合理的版式可以方便用戶熟悉界面，盡快閱讀應(yīng)用。因此，要在設(shè)計(jì)流程的初期階段就考慮版式，最好在草圖（UE）階段就開始，如圖10：
一些基本的頁面布局也需要熟悉，或者自己制定一套具有延展性的頁面布局標(biāo)準(zhǔn)，如圖11：
最后總結(jié)一下，流程圖分為邏輯流程圖和頁面流程圖，線框圖分為紙質(zhì)線框圖和HTML線框圖，線框圖加上了操作步驟、交互邏輯可以叫做流程線框圖。這些在理清產(chǎn)品架構(gòu)，梳理產(chǎn)品邏輯時(shí)至關(guān)重要。但是流程圖和線框圖都是為了輔助產(chǎn)品開發(fā)，而不能本末倒置，在流程和原型階段花費(fèi)太多的時(shí)間和精力，只要能便于溝通，盡量選擇最簡(jiǎn)單最高效的方式。
0
喜歡他，就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
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)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)
