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

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

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

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

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