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

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

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

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

　　設(shè)計(jì)的思維，會(huì)直接影響你寫的代碼結(jié)構(gòu)和網(wǎng)頁結(jié)構(gòu)，因?yàn)槟憧床怀鲈O(shè)計(jì)的重點(diǎn)在哪里，怎么寫才可以達(dá)到設(shè)計(jì)師要求的效果，你沒有辦法好好的組織你 的結(jié)構(gòu)和元素，就無法好好把網(wǎng)頁拼湊出來。這不但大大降低了你的效率，做出來的東西也不會(huì)一致。可能一個(gè)網(wǎng)站，就出現(xiàn)幾種本該一樣，結(jié)果「很像」但是不一 樣的按鈕，因?yàn)槟阌昧藥讉€(gè) class 和不同結(jié)構(gòu)來做。你一開始就沒有好好思考設(shè)計(jì)。