導航:首頁 > 萬維百科 > ps網頁設計解析度

ps網頁設計解析度

發布時間:2020-12-01 16:30:38

1、PS網頁設計尺寸問題 需要滿屏

你用PS做出來的是圖片,並不是網頁,圖片是多大,就顯示多大,居中顯示是在代碼里實現的。
如果你想讓圖片居中,可以這樣做:
假如你的解析度是1440*900,,而普通的網頁頁面寬度大部分都是960(PX)。所以你想讓圖片居中就很簡單了,在1440*900的畫布上,左右分別拉兩條輔助線:左邊一條在240px,右邊一條在1200px那裡,在兩條輔助線中間的區域,剛好就是在1440解析度下的居中顯示。
所以看你的解析度,再設置你的網頁設計圖的大小,現在主流的解析度是1440*,而頁的寬度大部分是960(你可以百度一下為什麼這是大部分網站會採取的尺寸)

滿屏需要代碼標簽屬性width:100%來實現,看上面的回答貌似都是說代碼類的,所以你自己看看自己是要代碼類的居中還是要圖片類的居中。
代碼上的居中更簡單,一般採用的是div的magin居中。不過這不屬於你的問題范疇,這里就不說了。

2、關於用PS設計網站模板解析度的問題!

如果你以後要從事這方面的工作的話 那麼最好清晰某些概念 什麼叫像素 什麼叫解析度
在這里90%以上玩PS的人都是模糊的概念 玩玩無所謂 但是要用在工作上就要明確這些概念

1024*600用在顯示屏幕上叫解析度 用在圖像上叫像素 用來表示圖像尺寸
大多數人把屏幕解析度的叫法用在圖像上 這是混淆概念 因為圖像的解析度和屏幕解析度是兩碼事
在PS裡面的圖像解析度是有特定作用的 那是提供給列印機的數據值 一般情況下解析度只有一個數值 如72 300...等 沒有1024x600 1024x768...這樣的

1024*600要改成1024*768 很簡單
圖像——圖像大小
去掉約束比例的勾 直接更改高度600像素為768像素 寬度1024像素不變
但是這樣改的後果是圖像會拉伸 會有一點模糊(盡管你眼睛未必看得到 因為這個改動很細微)
圖像拉伸的時候軟體會自動用插值的演算法添加像素 會對原來的圖像清晰度有一點點影響

所以你要一點都不變形 都不影響圖像質量 那麼只有重新去做
或者你新建一個1027x768的文檔 把你的1024x600的圖像拉進去 空白的地方添加其他內容

3、用ps設計一個網站要設置多大的寬和高?解析度是多少?

寬1920px,高度根據內容多少來確定,解析度72

4、用photoshop設計網頁首頁時,設置多少精度出來的網頁圖片精度高?

Photoshop製作網頁效果圖的幾個注意點:
第一點:新建文件尺寸大小; 製作網頁效果圖,首先就是要新建文件,那麼要建多大的合適呢?這可不是隨便亂定的,一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候,17英寸為主流顯示器,最佳解析度為1024*768,所以考慮到網頁在顯示器上能有最好的顯示效果,一般都定在1003px以下(這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px)。如果你的網頁超過這個尺寸,那當網頁即使最大化顯示的時候,內容也不能完全呈現,底部就會顯示水平滾動條,這樣會影響用戶體驗! 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流,因此現在很多網頁都開始做得更寬,比如可以做成1200px寬的,但為了能讓1024解析度下都能有好顯示,建議還是定為1003px以下,比如960,980都是合適的。如果不確定應該設置多少合適,可以打開參考網站,看看他們是設置多少。 如何查看別人的網頁尺寸呢?很簡單,使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了!
第二點:字體與字型大小; 字體方面,在瀏覽器里顯示的字體是調用操作系統里的,因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體,所以在網頁效果製作時,盡量使用這些字體,如果不使用這些字體,那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了;如果非要使用其他字體,那麼在做成網頁的時候只能以圖片的形式來顯示出來,不過考慮到圖片文件都偏大,會讓網頁打開速度降低,所以盡量不要以這種形式顯示。
第三點:關於顏色; 不同的操作系統會有不一樣的調色標准,因在Web上就有定義了一個安全色表,以期能讓符合這個色表定義的顏色,在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說,不需要這么嚴格執行,所以關於顏色,我們直接使用Photoshop里默認的顏色就可以了,當然,如果你所設計的網頁對於色彩十分看中,那請認真按照Web安全色標准設計。
第四點:網頁效果圖里填充的內容; 在製作網頁效果的時候,很多地方要填充文字內容,這個時候有些初學者為了方便操作,直接把同樣的內容復制使用,最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候,最好是使用不一樣的信息,或者乾脆直接從其他網頁上截取內容填充。
第五點:要注重細節處理; 因為你製作出來的效果圖,最終是做為網頁的製作依據,因此在效果圖上,每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點:保存的圖片格式; 效果圖製作好後,建議保存成png格式。不要存jpg格式,因為這個格式對圖片壓縮比較大,會丟失細節。

5、PS中網頁設計的寬度一般是多大?

網頁設計電腦端UI都是1920寬,1080像素高的尺寸設計

6、ps網頁設計尺寸

從用戶體驗的角度來說,你不應該以最大尺寸來做參考,設計頁面應該以最小尺寸來做決定;
從普遍用戶來說,目前最小尺寸大部分是以1024*768解析度作為標准來做的,設計師要做的事情就是以最小尺寸來設計,還要考慮到大屏幕顯示器的用戶的瀏覽效果,所以你必須要考慮到頁面的自動伸縮問題;即使是以大圖片為背景的頁面,也是會考慮到不同解析度的伸展問題
作為網頁設計師,要盡量考慮到絕大部分用戶的瀏覽需求

7、網頁設計ps畫布最佳大小是幾×幾像素 導航欄呢?

中間內容區大小不能小於1000px,一般是1000-1200,高度不限制,導航欄是通欄,根據最大的解析度來,一般1920差不多了。操作方法如下:

1、首先單擊【文件】按鈕,在菜單中選擇【新建】命令。

2、在新建文檔對話框中,設置文檔的詳細信息,單擊【創建】按鈕。

3、然後單擊工具箱中的【圓角矩形工具】。

4、在選項欄中選擇『路徑』工具模式。設置半徑為『50』像素。

5、在文檔中繪制出路徑圖形,然後設置前景色為白色。

6、在圖層面板中,單擊【創建新圖層】新建『圖層1』。然後單擊【路徑】按鈕『切換到路徑面板。

7、接著滑鼠右擊』背景圖層『,在彈出的快捷菜單中單擊【刪除圖層】。

8、最後在對話框中單擊』是『刪除背景圖層,就完成了。

8、PS網頁設計尺寸設定

這是我在站酷網上看見的一片文章,不知道原文在哪裡,若是作者看見了,不讓弄上的話,通知我,我可以刪除。

9、網頁設計中一般在PS中設計設計解析度是多少像素?

72的

採納哦

10、ps設計網站頁面解析度應設置成多少像素?網頁寬多少?頁面中有效部分(截圖中的B)寬度多少?

截圖在哪裡?
畫布大小一般正常是1024*768,因為這裡面就是有效部分了,這個不包括背景,因為背景一般是使用純色或者漸變色或者是圖片,因為考慮到個人的屏幕解析度不同的因素,很少在設計網頁的時候連著背景一起設計的。還有不懂的就HI我

與ps網頁設計解析度相關的知識