前端是網站的前臺部分，在PC、移動等瀏覽器上顯示給用戶瀏覽的網頁。隨著互聯網技術的發展，HTML5、CSS3、前端框架的應用和跨平臺響應式網頁設計可以適應各種屏幕分辨率和適當的動態效果設計，給用戶帶來度的用戶體驗。下面就讓小編為大家介紹前端設計注意事項。

Sketch

3.6

47條點評

咨詢產品

免費試用

解決用戶選型困難的好軟件，有各維度的信息

客戶案例

暫無

合作品牌

5

前端設計注意事項

      前端設計注意事項

1、尊從內容與頁面樣式的脫離，如需要，同樣也要做到布局與COLOR的脫離。什么樣的圖片屬于內容：從數據庫里取出來的圖片。凡是不屬于內容的圖片請都用背景。

（1) 頁面代碼，做到精簡，邏輯性清楚;公用部位可以引入進來，比如頭部，腳部。

（2) CSS邏輯清析，精簡?？稍诓桓淖児δ艿那疤醿?，做到能更換頁面布局及換色。

　　CSS樣式每個頁面引入不超過兩個文件，一個是COMMON：它包含整個站點都需用到的公用部分，如整體布局，頭部，腳部，框，按扭等。另一個是當前頁的CSS。CSS文件引入在2個之內，減少http請求避免CSS的表達式。

2、盡量把頁面的背景圖及小圖標整合到一張圖片，用CSS定位方法。這樣以減少http請求，從而降底網站的下載速度。

3、 將腳本放在底部。

　　這樣頁面就可以逐步呈現，而且頁面中的可視組件可以盡早下裁。

       HTML、CSS、JavaScript是前端開發中最基本、最必要的三項技能。在前端開發中，HTML在頁面布局中定義元素，CSS定位顯示的元素，然后通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單，但里面不會少。以上就是小編為大家分享的前端設計注意事項。