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

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

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

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

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

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

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

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

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

10、如何用ps做ui設(shè)計(jì) 步驟1新建一張大小為640*1136的畫布，然后保存，命名為5S渲染模板2創(chuàng)建一個(gè)新的畫布，命名為渲染2創(chuàng)建一個(gè)新的畫布，命名為渲染大小可選你可以把它變大這要看你自己的情況3拖動(dòng)5S效果圖模板PSd剛剛保存到這個(gè)畫布上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代碼和標(biāo)簽代碼調(diào)用6上線測(cè)試瀏覽器兼容性看是否錯(cuò)位，經(jīng)過不停的修改后達(dá)到滿意效果做網(wǎng)頁不容易，做網(wǎng)站。

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

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

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

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

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

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