1、1 新建文件 打開PS軟件，新建一個文件，尺寸為1920*3000像素，分辨率選擇72像素英寸，顏色模式選擇白色作為背景2 設置網格 安裝并使用guideguide插件，設置左右邊距為360像素，行數為12行，余邊為20像素這有助于規范頁面布局3 建立首屏線 在視圖菜單中，選擇新建參考線，選擇水平方向。

2、制作網站頁面的過程并不簡單，需要掌握一定的Photoshop技能首先，你需要設計網頁的視覺效果，這要求有扎實的PS功底接著，你需要了解網頁結構，進行切圖工作PS可以另存為網頁，但這僅僅是一個起點網頁優化是關鍵步驟，你可能需要使用Dreamweaver軟件來進一步優化，去除多余的空白區域，調整背景如果打算。

3、網頁前臺設計頁面的步驟概念化階段在紙上或使用數字工具繪制頁面的大致布局，規劃頁面的整體結構和元素位置，確保用戶導航和信息理解的便捷性視覺設計階段利用PS工具將概念變為現實，注重細節，包括顏色字體圖標和圖片的選取，確保設計符合品牌形象和用戶審美切片與準備階段使用DW或其他網頁編輯。

4、4凝視所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果，一般多用明星凝視狀5空白空白有兩種作用，一方面對其他網站表示突出卓越，另一方面也表示網頁品位的優越感，這種表現方法對體顯網頁的格調十分有效以上的設計原則，雖然枯燥，但是我們如果能領會并活用到。

5、1打開PS，新建空白文檔，名稱設置為“feifei工作室”，從預設大小下拉列表中選擇“1024x768”，模式設計為“RGB顏色”，內容設置為“白色”，點擊“好”按鈕完成文檔的創建工作2新建一名稱為“框架”的圖層，利用該圖層實際整個網頁的整體布局首先選擇“矩形選擇工具”，然后將矩形的寬度設置為1024。

6、1一般而言，設計網站的尺寸是1920px寬度包含背景設計，當然內容顯示區是950px980px1000px而高度根據需求來定，分辨率為72就可以了，很多設計師為了追求細節，一般都是這個數值的2倍或者三倍2圖解整個頁面設計內容顯示區淘寶是950px，一般的企業網站是980px一般內容 設置950~1000 像素就好了。

7、簡單的圖片格式的保存為網頁格式的話 第一在PS里面設計好網頁 第二利用切片工具把網頁切成一塊一塊，要想提高頁面訪問速度的話就切片切的小一點 第三保存為WEB所有格式圖片及HTML 這樣的話你直接打開HTML的話 就形成了頁面訪問的網頁了。

8、首先，我們需要先確定一個網站的類型和類型如果是企業網站，我們就需要將網站的內容編寫成標題副標題和正文，然后根據內容的主題來設計網站的頁面，同時也要注意網站中的字體的統一性如果是商城網站，我們應該使用襯線體手寫體圓角矩形體粗體傾斜體等另一種簡單的網頁形式，如站酷淘最。

9、給你舉個例子一級頁面是網站首頁，導航中有一個“聯系我們”，你現在要做的二級頁面就是“聯系我們”這個頁面在dw中新建一個頁面，做成你需要的效果，然后在dw中打開一級頁面網站首頁，在導航“聯系我們”這幾個字或者圖片加個超鏈接，鏈接到你剛剛做好的二級頁面即可。

10、如何用ps做ui設計 步驟1新建一張大小為640*1136的畫布，然后保存，命名為5S渲染模板2創建一個新的畫布，命名為渲染2創建一個新的畫布，命名為渲染大小可選你可以把它變大這要看你自己的情況3拖動5S效果圖模板PSd剛剛保存到這個畫布上CtrlT變換到合適的大小，傾斜到合適的。

11、2切圖，要知道網頁結構才能切圖 3生成網頁，PS本身能另存為網頁 4優化網頁，需要使用DW軟件來優化修改去掉多余的空白區域，背景優化5制作成模板，如果要應用到相應的CMS中需要加入CSS代碼和標簽代碼調用6上線測試瀏覽器兼容性看是否錯位，經過不停的修改后達到滿意效果做網頁不容易，做網站。

12、網頁設計標準尺寸1800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定21024*768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612615之間就不會出現水平滾動條和垂直滾動條在dw里面有設定好的標準值， 1024*768頁面的標準大小是955*600，照著它的。

13、現在國內常用網站的寬度都是1000或者1002，1003，一些門戶網站用的是980的，高度在建畫布的時候可以長一點，這樣最后不用的方可以用裁刀裁剪下去，如果頁面想要短了想要加長的話就按快鍵CTRL+ALT+C，將下面的小白方塊點到上面一排的中間位置，然后在高度的數字處改成自己想要的高度就可以了，這樣改變的。

14、界面設計有一定的設計規范，在設計規范的基礎上可以較快的入門和進階頁面構成一個網頁通常來說會有一個導航條nav，一個頁腳footer和一個內容區域body各個頁面二級頁面通過導航條的鏈接來訪問通過內容區域的鏈接和列表來訪問其他詳細頁面三級頁面因此，通常，一個簡單的CMS。

15、在網站設計中使用字體的步驟首先，我們需要先確定一個網站的類型和類型如果是企業網站，我們就需要將網站的內容編寫成標題副標題和正文，然后根據內容的主題來設計網站的頁面，同時也要注意網站中的字體的統一性如果是商城網站，我們應該使用襯線體手寫體圓角矩形體粗體傾斜體等另一種簡單的。

16、1先用Photoshop做一個網頁圖片2Ctrl+R調出標尺，在圖片上繪制表格，框選出要做鏈接的部分3使用切片工具，按照繪制的表格劃分切片 4以上步驟完成后，進行操作“文件”“儲存為Web和設備所用格式”，在打開的窗口中按照自己的需要為網頁圖片作設置，設置完成后，“儲存”，保存類型“html和圖片。

17、畫布是你建立文檔內可視區域或可操作區域的尺寸，這個可以根據個人喜好來規定大小目前網頁設計有兩種主流方式一傳統設計模式頁面寬度一般在1000像素或以內，以滿足1024分辨率下的電腦，通常設計尺寸有以下幾中寬960px 寬980px 寬990px 寬1000px 二寬屏設計模式由于現在顯示器。