這是啥：

一本和“人機設(shè)計”有關(guān)的筆記。啥時候有空了，哪怕3分鐘，你都可以撿起來，邊看邊吐槽木龍。

寫給誰看：

對“人機設(shè)計”感興趣的人。如果你想短期內(nèi)讓自己像個老鳥設(shè)計師，或僅僅是想從中脫穎而出，或和他們有工作交集，或想了解他們的思維方式，甚至是想和他們建立連接以達成你的目的，這本筆記對你都有價值。如果不是，那可能你只能看到我在瞎說。

寫些什么：

行為心理學(xué)、人際關(guān)系tips、個人形象提升、軟件技法、設(shè)計潮流。

線框圖 原型圖 這倆有啥區(qū)別？

如果不明白這個概念，很可能你對人機交互產(chǎn)品的開發(fā)流程就是模模糊糊的...

線框圖：簡單來說就是【低保真的，需求排布，與操作流程界面】。咱拆開來說：

? 1.低保真：用黑白灰的線條與方框，注明這個產(chǎn)品的“骨架”即可，在這個階段切忌過分追求細節(jié)，比如按鈕形狀、跳轉(zhuǎn)動畫、動效反饋等。

? 2.需求排布：搜集起來需求之后，按照優(yōu)先級，在線框圖內(nèi)明確規(guī)定需求的順序、從屬結(jié)構(gòu)、篇幅或排期安排?

? 3.操作流程界面：就是整個人機之間的交互動作是怎樣的，點了某按鈕后跳到了哪里、彈出了什么提示，流程是否暢通。這個流程面向的用戶認知結(jié)構(gòu)越簡單，或用戶構(gòu)成越大眾化，就越需要減少每個頁面主要操作的數(shù)量，比如百度搜索框最重要的操作只有一項“搜索”，以前的“圖片、視頻、音樂、文庫”等次級入口現(xiàn)在都被安排在了頁面頂部，最重要的搜索入口則唯一保留在頁面正中央。

原型圖：這是最接近產(chǎn)品最終樣式的視覺與交互流程，【除了沒進入正式開發(fā)，其他能被看見的細節(jié)都包括了】，用于和客戶、產(chǎn)品、開發(fā)、市場等同事來溝通用。在這個階段，色系、排版、動效等視覺性的元素都應(yīng)該基本就位了。

考慮到經(jīng)常需要進行敏捷開發(fā)，所以開發(fā)同學(xué)在拿到一份確定的線框圖之后就可以進入開發(fā)狀態(tài)啦，等原型圖甚至最終設(shè)計圖完成后，就可以切圖替換素材了。