導航:首頁 > 萬維百科 > 網頁設計psd

網頁設計psd

發布時間:2020-07-26 16:42:44

1、請問響應式網頁設計PSD需要做多大的尺寸和多大的解析度

PSD最好做1366*768的尺寸,網頁頂部、底部、導航條部分需要百分百寬 內容根據PSD設定具體像素

2、做網頁界面設計一定要用PS出PSD文件嗎

做界面設計當然要保存psd文件,這樣便於修改,導出成jpeg就不能再次編輯修改了

3、怎樣用psd模板做網頁啊

首先先建立一個PSD文檔 色彩模式RGB 72像素 尺寸根據你網站的大小制定
然後就在PS里設計你的網站 就當一個平面圖設計
需要放數據文字的模塊先放一個框子空著他
這樣貼好圖後 就直接切 你在PS里切的一塊塊的 到dreamweaver 里就是一個方框的 自動分開的
基本上平面部分在PS里就能做這么多了
然後拖到dreamweaver 做鏈接 做效果 等等
簡單直白的說就是用PS的方便快捷的操作給你的網站打框架 做美工

4、跪求一套網頁設計psd源文件

PSD文件直接在網上搜索那麼多可以下載,自己去搜索下載吧。這也很簡單的。隨便下載修改吧。

5、做網頁界面設計一定要用PS出PSD文件嗎?用AI不行嗎

不是啊,網頁(以及 UI)設計不同於平面設計之處在於它們是針對屏幕顯示而在像素層面進行設計,而不是常規度量單位(毫米)。以點陣圖為基礎的 PS 更適合這項工作。PS是圖像處理軟體,也就是說PS出來的圖片是像素點,AI是矢量的繪圖軟體,所以說,一般都會用PS來說,就是因為特效,蒙板,濾鏡,來的比AI快

6、根據psd網頁設計稿製作網頁怎麼製作?

PS自動切圖,注意:PSD里每個圖層名稱你要清晰並修改清楚,一些共同的部分,比如背景顏色,字體,超鏈接顏色等等統一寫在css里

確定用html 還是html5語言來寫這個網頁

確定這PSD從頭到尾的排版設計,好規劃自己<div>分層劃分以及css的編寫。

總體還是先規劃好,搭建框架,再細寫代碼。

7、網頁製作中如何使用PSD模版

其實標準的網製作完成的工作實際是:psd to html,一般情況下,我們會拿到美工的psd,這時候不同的人會有不同的做法:

1.打開fireworks將圖片切割導出為html。

2.直接在dreamweaver之類的工具去拖拉布局,導入相關的圖片,flash資源。

3.先在ps中完成切圖後,在文本編輯器中看著效果圖一步步的製作。

以上是大多被採用的方法,但都不好:

第一種方法最為不好,這樣的代碼根本不具維護性和可讀性。

第二種方法也不好,代碼難免會有冗餘,做出來的東西基本需要排查一遍。

第三種方法也不好,因為你需要看效果圖一點點的拼,也就是說寫html標簽的時候,你在不斷的假設這塊要怎麼去顯示。

正確的做法是:

1.拿到psd後,先不要做別的,直接在文本編輯器中將網頁的框架寫出來,不要假設這塊將來css要去怎麼渲染,完全自然化的標簽,不加任何的css。

2.寫完之後在各個瀏覽器運行之後確保大體定位都沒有問題。

3.書寫總體css,這里的css只負責大塊的定位及樣式。

4.切出需要的圖片資源,在寫好的框架中一點點的去構造,不斷的調試,最終為成品。

5.最後,為自己的代碼添加註釋,在css,html中都要合適的為自己的代碼添加註釋。

要想做出能靈活切換皮膚,讓css主導表現,還有很多要注意的地方,但大體的流程就是這樣的,當然我們一開始不能直接就做到先寫html,但起碼要有這個意識,循序漸進。。。

謝謝熱心會員"linxz"提供實際經驗,我貼上來供大家參考:
PSD出網站從兩個大點考慮
一、一個獨立的頁面
1、分析這個頁面,先在腦袋中或者草稿紙上描繪大概的結構
2、根據設計稿的的情況,分析背景圖的分布、ICO圖的分布等
3、切割相應的圖片,導出、合並圖片
4、在編輯器中寫整體結構XHTML代碼,包括頁面中出現的所有元素的結構
5、編寫CSS樣式中的整體以及模塊代碼
6、細節調整
7、收工,瀏覽器驗證是否正確

二、由多個頁面組成的小站點或者大站點
1、瀏覽所有設計稿,統一規劃站點模塊、圖片、文件分布
2、開始第一點的操作,但規劃站點的內容分布很重要

整體考慮點:
圖片的合並,減少請求量
結構的合理性,語義化
樣式的簡潔,便於後期維護
多為後期的維護以及程序開發著想,如何簡單實現效果

8、有psd源文件的網頁設計

你是想要什麼樣的網頁呀?說清楚別人才好幫助你啊。

9、PSD製作網頁圖的規定尺寸是多少

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.

高度:

高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件佔了半個屏幕,所以高度沒有確切值。

寬度:

1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001

註:Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。

所以如果是1024的解析度,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.

如果是800的解析度一般都設成770。但也有設成760的.

這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標准尺寸:

1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。

2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。

3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右

4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.

頁面標准按800*600解析度製作,實際尺寸為778*434px

頁面長度原則上不超過3屏,寬度不超過1屏

每個標准頁面為A4幅面大小,即8.5X11英寸

全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px

另外120*90,120*60也是小圖標的標准尺寸

每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K

標准網頁廣告尺寸規格

一、120*120,這種廣告規格適用於產品或新聞照片展示。

二、120*60,這種廣告規格主要用於做LOGO使用。

三、120*90,主要應用於產品演示或大型LOGO。

四、125*125,這種規格適於表現照片效果的圖像廣告。

五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。

七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。

八、88*31,主要用於網頁鏈接,或網站小型LOGO。

廣告形式 像素大小 最大尺寸 備注

BUTTON 120*60(必須用gif) 7K

215*50(必須用gif) 7K

通欄 760*100 25K 靜態圖片或減少運動效果

430*50 15K

超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果

巨幅廣告 336*280 35K

585*120

豎邊廣告 130*300 25K

全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式

圖文混排 各頻道不同 15K

彈出窗口 400*300(盡量用gif) 40K

BANNER 468*60(盡量用gif) 18K

懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀)

網頁中的廣告尺寸

1.首頁右上,尺寸120*60

2.首頁頂部通欄,尺寸468*60

3.首頁頂部通欄,尺寸760*60

4.首頁中部通欄,尺寸580*60

5.內頁頂部通欄,尺寸468*60

6.內頁頂部通欄,尺寸760*60

7.內頁左上,尺寸150*60或300*300

8.下載地址頁面,尺寸560*60或468*60

9.內頁底部通欄,尺寸760*60

10.左漂浮,尺寸80*80或100*100

11.右漂浮,尺寸80*80或100*100

希望對你有幫助

10、網頁設計中很多PSD模版,該怎麼使用PS做好了後然後是不是要用CSS+DIV布局

說話沒明白,好像有點不通順,還不很多靜態的圖片用flash做過了什麼意思,ps做好的就是切圖啊,切完圖用dreamweaver進行布局,可以用表格布局也可以用div+css布局,psd模版只是一個效果圖,是網頁布局的參考依據,能按照那個效果圖來做,最終的還是要布局到靜態頁面裡面

與網頁設計psd相關的知識