如何打造更好的線框圖
2017.08.28
xiankuangtushiwangzhanshejiliuchengzhonghenzhongyaodeyihuan。tayoudianxiangwangzhanhuozheyingyongxiangmudelantu，nengbangzhunizaodianfaxianshenmeyouyongshenmemeiyong，hainengrangnibushoushejideganraolaishezhineironghejiaodian。
做得好的話，線框圖可以明確你的想法。但如果沒有正確完成，也可能導致項目脫軌。基於此，下麵給大家介紹1種方式來提高你的線框圖技巧，以及如何使用一些好用的線框圖工具。
1. 從草圖開始
從cong你ni最zui喜xi歡huan的de設she計ji工gong具ju開kai始shi聽ting起qi來lai是shi個ge不bu錯cuo的de主zhu意yi，但dan用yong紙zhi和he筆bi畫hua出chu線xian框kuang圖tu草cao圖tu其qi實shi能neng獲huo得de更geng好hao的de效xiao果guo。這zhe個ge過guo程cheng不bu會hui花hua太tai長chang時shi間jian，但dan能neng幫bang助zhu你ni更geng好hao地di了le解jie整zheng體ti規gui劃hua。
2. 跳過顏色
線框圖的目的，是展示內容、yemianheshituyuansu，yijimiaoshuyingyongdegongneng。tianjiarenheshejiyuansu，biruyanse，douhuipianlizuichudemubiao。yansedewentikeyiliudaoshijiaogaojieduan，xiankuangtuwuxukaolvzhexie。
3. 保持簡單
不bu要yao把ba線xian框kuang圖tu複fu雜za化hua。簡jian單dan的de線xian框kuang圖tu會hui讓rang你ni關guan注zhu大da局ju，避bi免mian分fen心xin。線xian框kuang圖tu應ying該gai清qing晰xi地di描miao述shu應ying用yong的de可ke用yong性xing和he功gong能neng性xing。在zai這zhe個ge階jie段duan你ni不bu需xu要yao深shen入ru了le解jie那na些xie細xi枝zhi末mo節jie或huo者zhe設she計ji的de最zui終zhong效xiao果guo。
4. 使用更好的樣本數據
如(ru)果(guo)選(xuan)擇(ze)不(bu)當(dang)，樣(yang)本(ben)數(shu)據(ju)可(ke)能(neng)會(hui)毀(hui)掉(diao)線(xian)框(kuang)圖(tu)。當(dang)然(ran)你(ni)並(bing)不(bu)需(xu)要(yao)花(hua)費(fei)太(tai)多(duo)時(shi)間(jian)在(zai)線(xian)框(kuang)圖(tu)中(zhong)填(tian)充(chong)數(shu)據(ju)，但(dan)至(zhi)少(shao)要(yao)保(bao)證(zheng)使(shi)用(yong)的(de)樣(yang)本(ben)數(shu)據(ju)是(shi)相(xiang)關(guan)的(de)。
5. 必要的時候添加注釋
線框圖作為藍圖，是設計和開發打造應用或者網站的指南。如果你希望線框圖更容易被理解，可以在必要的和適當的地方添加注釋。
6. 使用網格係統和布局框
製作線框圖的一個有趣的技巧，是使用網格係統和布局框，能夠簡單快速地歸類並布置不同的組件。
7. 打造可重複使用的樣式與符號
大多數可用於製作線框圖的軟件都有創建並重複使用樣式與符號的功能。這不僅能加快製作流程，還能保證線框圖的一致性。
8. 使用正確的工具
很多軟件都適合製作線框圖，有的則是專門用於線框圖的。下麵給大家介紹幾個比較常見的工具：
·Sketch 是最好用的工具之一。與其它解決方案比如InVision一起，Sketch能為設計人員提供他們完成工作所需的工具。
·Affinity Designer 是一個輕量級的矢量設計工具，完全滿足製作線框圖所需的一切。
·Pencil Project 是一款免費的開源工具，為Android、iOS、Dojo等內置了形狀和模板等。也可以應用與線框圖網站和桌麵應用。
9. 了解線框圖類型
如果你不熟悉“保真度”這個詞，它指的是細節的水平。在線框圖中，你可以選擇低保真度和高保真度，這兩種都是必須的，其各自的功能和目的有所區別。
dibaozhenxiankuangtushijichu。tameiyourenheduoyudedongxi，keyikuaisuzhizuo。qizhuyaomudeshirangnikaishigongzuo。gaobaozhenxiankuangtuketigonggengduoxijie，dangranbingbuhuixiangshijiaogaonayangxiangxi。xiankuangtuyibanshihuiduhuozhedansede，shiyigebijiaojiejinshijishejidezhanshi。
10. 快速獲得反饋
線框圖的一大優點是製作周期短。這樣就能在設計流程中盡早地與團隊分享，盡快獲得反饋。
