第一章 wireframing(線框圖)
1、 設(shè)計(jì)的流程包括：
POV（point of view）: 提出個(gè)人的想法／come up your pov
Storyboard(故事板)：? 通過繪制故事板，來(lái)思考用戶使用的場(chǎng)景，如何滿足用戶的需求
Paper prototype(紙質(zhì)原型) ／Rapid? Low? fidelity(低保真的快速原型)? ：用來(lái)思考你的原型要實(shí)現(xiàn)什么東西
Wireframe(線框圖) ： 真正細(xì)致的去思考界面是如何實(shí)現(xiàn)的
2. Wireframe
（1）繪制線框圖的方式：
對(duì)于wireframe， 我們可以選擇手繪,也可以使用一些軟件
（2）使用手繪的原型的好處：（推薦使用）
可以很方便的向團(tuán)隊(duì)成員展示當(dāng)前的設(shè)計(jì)狀況；
便于修改
（3）繪制線框圖的注意事項(xiàng)：
不需要使用色彩或字體（因?yàn)橐坏╅_始使用這些元素，人們就會(huì)開始評(píng)價(jià)是否應(yīng)該用某種色彩）
設(shè)計(jì)界面時(shí)要思考： 這種布局是如何實(shí)現(xiàn)我們的目標(biāo)任務(wù)的（How does layout achieve our tasks）
而不是因?yàn)槲覀冞@邊實(shí)現(xiàn)需要三個(gè)按鈕，所以我們?cè)谶@個(gè)地方放上三個(gè)按鈕
（4）繪制線框圖：
1.? 使用網(wǎng)格系統(tǒng)（Grid system）
2.? 要讓視覺的中元素，不論在什么樣的平臺(tái)下（桌面電腦，平板，手機(jī)），內(nèi)容都需要是清晰可見的
3.? 考慮不同的語(yǔ)言，是不是會(huì)破壞掉頁(yè)面
4. 如果需要使用條形圖或者餅狀圖，則需要考慮如何放置，留有足夠的空間
小tips： (1) 對(duì)于用戶來(lái)說，左對(duì)齊是符合用戶的閱讀習(xí)慣的
（2）如果對(duì)于有一行兩組的情況，可以采用，左邊有對(duì)齊，右邊最對(duì)齊的方式（設(shè)計(jì)方面的）
5. 避免頁(yè)面充滿一些不需要的元素 , chart junk
例如： 在每個(gè)頁(yè)面放置logo, 在這樣做之前，思考為什么需要重復(fù)放置這些logo，是不是可以去掉
6. 在繪制wireframe的時(shí)候，在決定頁(yè)面的網(wǎng)格布局時(shí)，可以多多嘗試看看其他網(wǎng)站的頁(yè)面布局，思考別人是怎么做的。
