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

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

1.了解需求；

2.畫出草圖；

3.設(shè)計界面；

4.前端代碼編寫；

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

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

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

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

細致說來可以分為以下幾點：

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

（2）突出的，利于使用的視覺交互體驗。

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

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