Web前端开发工程师需要掌握设计思维！很多时候，前端工程师本身也是设计师，但是也有很多是本身是前端工程师也是后端工程师，设计和前端是分割不开的。当然我这里说的设计，不是真的要你弄一个画面或完整的设计图。

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

　　前端的设计是指一个画面或元素，如何被执行和创造，移动或消除，这个设计在不同的宽度和高度，不同的装置看，效果是怎样，考虑进去就是你的设计思维，怎么把设计师的画面弄成一个活生生的网页，要用设计师的角度去思考，才能有办法把设计图的概念充分的表达出来。

　　话说早前，收到一个「设计图」，上面有一个「X」，我问客户这是什么，他说是「回上一页」，为何回上一页是「X」，这不是一个 popup 也不是一个 modal，同时这个图上还有很多不同颜色和大小的「X」，分别代表了「删除」、「关闭」、「滑下」，这是一个不太合理的设计。

　　设计的思维，会直接影响你写的代码结构和网页结构，因为你看不出设计的重点在哪里，怎么写才可以达到设计师要求的效果，你没有办法好好的组织你 的结构和元素，就无法好好把网页拼凑出来。这不但大大降低了你的效率，做出来的东西也不会一致。可能一个网站，就出现几种本该一样，结果「很像」但是不一 样的按钮，因为你用了几个 class 和不同结构来做。你一开始就没有好好思考设计。