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