最近在做項(xiàng)目的交互設(shè)計(jì)及視覺設(shè)計(jì)那槽，第一次承擔(dān)整個(gè)項(xiàng)目的交互設(shè)計(jì)以及視覺設(shè)計(jì)的全部工作悼沿，真的很累；做完交互稿骚灸，以UI設(shè)計(jì)的身份去審視交互稿時(shí)糟趾，發(fā)現(xiàn)其中存在的問題如下：
（1）交互的部分的工作量，并沒有很大；但交互花費(fèi)的時(shí)間很長义郑；
（2）雖然可以進(jìn)行頁面間的跳轉(zhuǎn)蝶柿，但要讓其他視覺設(shè)計(jì)和開發(fā)人員看懂整個(gè)交互稿，需要人工進(jìn)行講解非驮，易讀性差交汤，溝通成本太高；
（3）設(shè)計(jì)稿不夠規(guī)范劫笙，在進(jìn)行UI界面設(shè)計(jì)時(shí)需要增加頁面芙扎，雖然問題都是，搜索界面填大，彈出樣式戒洼，缺省頁，定位界面此類問題允华，仍占用來一部分時(shí)間和開發(fā)溝通問題圈浇，新增界面，不斷完善例获；
故從書中學(xué)習(xí)他人完善的工作經(jīng)驗(yàn)汉额，以提高工作效率，保障工作的規(guī)范性榨汤，減少工作中不必要的溝通蠕搜。
本文是一篇讀書筆記，記錄的是“《以匠心收壕，致設(shè)計(jì)》中如何繪制交互稿妓灌？“?文章中的相關(guān)知識。具體文章內(nèi)容請查看《以匠心蜜宪，致設(shè)計(jì)》
交互稿應(yīng)該包含那些內(nèi)容？?
a.?封面：用于記錄版本號圃验、人員掉伏、時(shí)間等信息；
b.?更新日志：記錄交互稿的更新信息澳窑，方便他人查看同時(shí)保障來協(xié)作的規(guī)范性斧散；
c.?設(shè)計(jì)過程：包含需求信息，設(shè)計(jì)資料記錄摊聋，設(shè)計(jì)過程記錄三方面信息鸡捐，目的是為了讓自己的設(shè)計(jì)過程更加結(jié)構(gòu)化，也方便日后回溯麻裁，總結(jié)設(shè)計(jì)箍镜，此部分可依個(gè)人習(xí)慣取舍源祈；
d.?交互稿：交互稿的主體，內(nèi)含流程圖色迂、界面圖香缺、設(shè)計(jì)說明等
e.?廢紙簍：用于存放廢棄的界面，以后后期使用脚草。
總結(jié)：本人在實(shí)際項(xiàng)目中缺少：封面赫悄、更新日志，設(shè)計(jì)過程馏慨；廢紙簍部分在我實(shí)際項(xiàng)目中被我命名為“暫時(shí)不用的界面”埂淮。在以后的繪制交互稿過程中必須要加上“封面”、“更新日志”写隶；最好加上“設(shè)計(jì)過程”倔撞。
2、如何組織交互稿結(jié)構(gòu)慕趴？
（1）交互稿結(jié)構(gòu)依賴于產(chǎn)品信息架構(gòu)痪蝇。
??a.?產(chǎn)品信息結(jié)構(gòu)，即我們用思維導(dǎo)圖軟件繪制冕房，下圖（圖1）是????我在體驗(yàn)產(chǎn)品時(shí)躏啰，繪????制的小紅書的產(chǎn)品信息結(jié)構(gòu)。
??b.?圖2為產(chǎn)品信息結(jié)構(gòu)和交互目錄的關(guān)系耙册。
3给僵、其他注意事項(xiàng)
（1）每一頁交互稿內(nèi)容需要：頁面標(biāo)題、界面標(biāo)題详拙、界面尺寸建議為360*640px帝际、設(shè)計(jì)???說明、流程線饶辙、鏈接蹲诀、作者信息；
（2）可以用網(wǎng)格系統(tǒng)使界面布局更加易讀弃揽，方法：“布局-柵格與輔助線-網(wǎng)格設(shè)置”脯爪；
（3）每頁只展示一條流程；
（4）建議使用蘋方字體矿微，字體大小不小于13px痕慢。
