Web前端開發(fā)工程師需要掌握設計思維！很多時候，前端工程師本身也是設計師，但是也有很多是本身是前端工程師也是后端工程師，設計和前端是分割不開的。當然我這里說的設計，不是真的要你弄一個畫面或完整的設計圖。

　　”It’s not just what it looks like and feels like. Design is how it works.” —Steve Jobs

　　前端的設計是指一個畫面或元素，如何被執(zhí)行和創(chuàng)造，移動或消除，這個設計在不同的寬度和高度，不同的裝置看，效果是怎樣，考慮進去就是你的設計思維，怎么把設計師的畫面弄成一個活生生的網(wǎng)頁，要用設計師的角度去思考，才能有辦法把設計圖的概念充分的表達出來。

　　話說早前，收到一個「設計圖」，上面有一個「X」，我問客戶這是什么，他說是「回上一頁」，為何回上一頁是「X」，這不是一個 popup 也不是一個 modal，同時這個圖上還有很多不同顏色和大小的「X」，分別代表了「刪除」、「關閉」、「滑下」，這是一個不太合理的設計。

　　設計的思維，會直接影響你寫的代碼結構和網(wǎng)頁結構，因為你看不出設計的重點在哪里，怎么寫才可以達到設計師要求的效果，你沒有辦法好好的組織你 的結構和元素，就無法好好把網(wǎng)頁拼湊出來。這不但大大降低了你的效率，做出來的東西也不會一致?？赡芤粋€網(wǎng)站，就出現(xiàn)幾種本該一樣，結果「很像」但是不一 樣的按鈕，因為你用了幾個 class 和不同結構來做。你一開始就沒有好好思考設計。