一， 使用網格系統；其實網格系統是非常方便好用的，在 ps網頁設計 過程，能讓設計師少了很多頭痛。在這里提供一些免費的資源，Cameron McEfee’s GuideGuide，Photoshop 與extension，在或者是Grid System Generator。

二， 粗略的框架；網頁設計師常常只是專注于某一細節，而忽視了整體的效果，例如文章比重的失衡。所以要先弄一個粗略的框架，會讓你更好的把握全局，并可以進行明確的修改。

三， 新建文檔設計；可以使用快捷鍵Ctrl/Cmd+N ，打開新建文檔窗口。 預設菜單包括基礎的網頁和移動終端設置，但是它缺少了一些網格系統，如banner，iOS和Android設備的設置。你要做的就是新建文檔，進行保存。

四， 精簡字庫；簡單來說，就是你不需要那么多的字體，只需要選擇適合的。

五， 矢量圖形保持干凈；選擇矩形工具，打開幾何選項菜單，點選對齊像素。

六， 快速創建虛線。選擇筆刷工具，然后打開筆刷預設窗口，點開右上角的下拉菜單。選擇方頭畫筆，點擊添加。現在選擇像素為1的那個筆刷，點選畫筆預設，在間距那欄設置為300%。按住Shift來繪制你所需要的虛線。

當然了，ps網頁設計教程不單單是這些，還有很多。有需要學習的，可以到相關網站查找相關教程。