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

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

3、網(wǎng)頁前臺設(shè)計頁面的步驟概念化階段在紙上或使用數(shù)字工具繪制頁面的大致布局，規(guī)劃頁面的整體結(jié)構(gòu)和元素位置，確保用戶導(dǎo)航和信息理解的便捷性視覺設(shè)計階段利用PS工具將概念變?yōu)楝F(xiàn)實，注重細節(jié)，包括顏色字體圖標和圖片的選取，確保設(shè)計符合品牌形象和用戶審美切片與準備階段使用DW或其他網(wǎng)頁編輯。

4、4凝視所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果，一般多用明星凝視狀5空白空白有兩種作用，一方面對其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁品位的優(yōu)越感，這種表現(xiàn)方法對體顯網(wǎng)頁的格調(diào)十分有效以上的設(shè)計原則，雖然枯燥，但是我們?nèi)绻茴I(lǐng)會并活用到。

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

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

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

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

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

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

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

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

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

14、界面設(shè)計有一定的設(shè)計規(guī)范，在設(shè)計規(guī)范的基礎(chǔ)上可以較快的入門和進階頁面構(gòu)成一個網(wǎng)頁通常來說會有一個導(dǎo)航條nav，一個頁腳footer和一個內(nèi)容區(qū)域body各個頁面二級頁面通過導(dǎo)航條的鏈接來訪問通過內(nèi)容區(qū)域的鏈接和列表來訪問其他詳細頁面三級頁面因此，通常，一個簡單的CMS。

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

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

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