前端設(shè)計(jì)是通過色彩/構(gòu)圖/等元素賦予網(wǎng)頁(yè)性格和特點(diǎn)，前端也是展現(xiàn)，通過色彩先抓住自己的目標(biāo)人群，通過設(shè)計(jì)表現(xiàn)自己。當(dāng)然這僅僅是是web前端網(wǎng)頁(yè)設(shè)計(jì)的一部分而已，這被成為-界面設(shè)計(jì)。WEB前端設(shè)計(jì)實(shí)際上是網(wǎng)頁(yè)制作 ，經(jīng)過web1.0進(jìn)入web2.0之后網(wǎng)站的前端由此發(fā)生了翻天覆地的變化，網(wǎng)頁(yè)不再只是承載單一的文字和圖片,它除了設(shè)計(jì)還要掌握網(wǎng)站建設(shè)的一些代碼，如：HTML、CSS和JavaScript等。

Web前端設(shè)計(jì)主要分為5個(gè)步驟：

1.了解需求；

2.畫出草圖；

3.設(shè)計(jì)界面；

4.前端代碼編寫；

5.兼容性調(diào)試。

Web前端設(shè)計(jì)應(yīng)該注意的問題：

1、最基本的就是代碼規(guī)范，整齊、簡(jiǎn)潔的代碼規(guī)范更方便后期調(diào)試和修改。

2、從用戶的角度來設(shè)計(jì)， 一直以來產(chǎn)品的設(shè)計(jì)都是在討好用戶。一種是視覺上給予用戶滿足，另一種則是在流程引導(dǎo)上下功夫。

細(xì)致說來可以分為以下幾點(diǎn)：

（1）符合產(chǎn)品特點(diǎn)的視覺呈現(xiàn)，并把自己代入用戶場(chǎng)景和角色設(shè)計(jì)布局。

（2）突出的，利于使用的視覺交互體驗(yàn)。

（3）用戶對(duì)產(chǎn)品功能不清晰的情況下，通過視覺表現(xiàn)合理的引導(dǎo)整個(gè)使用的流程。

除了必要的步驟和設(shè)計(jì)中要做注意的問題之外，還有一些細(xì)節(jié)需要去做，設(shè)計(jì)前與產(chǎn)品經(jīng)理，視覺分析師，體驗(yàn)師溝通。設(shè)計(jì)定稿后，和后臺(tái)程序員，測(cè)試工程師溝通，并反復(fù)調(diào)試。