效果圖網(wǎng)頁設(shè)計(jì)
提問問題
列表
-
農(nóng)村房屋六十平方一層設(shè)計(jì)圖大全
查看答案>>
-
街道房屋設(shè)計(jì)圖大全
查看答案>>
-
用photoshop設(shè)計(jì)網(wǎng)頁首頁時(shí),設(shè)置多少精度出來的網(wǎng)頁圖片精度高?
查看答案>>
-
用PS做的網(wǎng)頁設(shè)計(jì)如何做成動(dòng)態(tài)網(wǎng)站效果
查看答案>>
-
影響網(wǎng)頁設(shè)計(jì)效果的因素有哪些
查看答案>>
-
用PS做的網(wǎng)頁設(shè)計(jì)如何做成動(dòng)態(tài)網(wǎng)站效果
查看答案>>
用photoshop設(shè)計(jì)網(wǎng)頁首頁時(shí),設(shè)置多少精度出來的網(wǎng)頁圖片精度高?
Photoshop制作網(wǎng)頁效果圖的幾個(gè)注意點(diǎn):第一點(diǎn):新建文件尺寸大??; 制作網(wǎng)頁效果圖,首先就是要新建文件,那么要建多大的合適呢?這可不是隨便亂定的,一般我們是要根據(jù)目前絕大部分顯示器的最佳分辨率來定。在比較早些時(shí)候,17英寸為主流顯示器,最佳分辨率為1024*768,所以考慮到網(wǎng)頁在顯示器上能有最好的顯示效果,一般都定在1003px以下(這個(gè)數(shù)據(jù)是由顯示器最寬1024px減去瀏覽器右側(cè)滾動(dòng)條寬21px和到1003px)。如果你的網(wǎng)頁超過這個(gè)尺寸,那當(dāng)網(wǎng)頁即使最大化顯示的時(shí)候,內(nèi)容也不能完全呈現(xiàn),底部就會(huì)顯示水平滾動(dòng)條,這樣會(huì)影響用戶體驗(yàn)! 目前來說19英寸分辨率達(dá)到1280以上的寬屏顯示器已經(jīng)成為主流,因此現(xiàn)在很多網(wǎng)頁都開始做得更寬,比如可以做成1200px寬的,但為了能讓1024分辨率下都能有好顯示,建議還是定為1003px以下,比如960,980都是合適的。如果不確定應(yīng)該設(shè)置多少合適,可以打開參考網(wǎng)站,看看他們是設(shè)置多少。 如何查看別人的網(wǎng)頁尺寸呢?很簡單,使用截圖工具把網(wǎng)頁截下完整的寬度后使用Photoshop用選區(qū)工具框選寬度就能在信息面板里顯示出來了! 第二點(diǎn):字體與字號; 字體方面,在瀏覽器里顯示的字體是調(diào)用操作系統(tǒng)里的,因?yàn)榻^大部分操作系統(tǒng)都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體,所以在網(wǎng)頁效果制作時(shí),盡量使用這些字體,如果不使用這些字體,那到在把網(wǎng)頁效果圖做成網(wǎng)頁的時(shí)候就沒法做出這種字體效果了;如果非要使用其他字體,那么在做成網(wǎng)頁的時(shí)候只能以圖片的形式來顯示出來,不過考慮到圖片文件都偏大,會(huì)讓網(wǎng)頁打開速度降低,所以盡量不要以這種形式顯示。 第三點(diǎn):關(guān)于顏色; 不同的操作系統(tǒng)會(huì)有不一樣的調(diào)色標(biāo)準(zhǔn),因在Web上就有定義了一個(gè)安全色表,以期能讓符合這個(gè)色表定義的顏色,在不同顯示設(shè)備上都能有同樣的顯示效果。不過對于不是對色彩十分嚴(yán)謹(jǐn)?shù)木W(wǎng)頁效果來說,不需要這么嚴(yán)格執(zhí)行,所以關(guān)于顏色,我們直接使用Photoshop里默認(rèn)的顏色就可以了,當(dāng)然,如果你所設(shè)計(jì)的網(wǎng)頁對于色彩十分看中,那請認(rèn)真按照Web安全色標(biāo)準(zhǔn)設(shè)計(jì)。 第四點(diǎn):網(wǎng)頁效果圖里填充的內(nèi)容; 在制作網(wǎng)頁效果的時(shí)候,很多地方要填充文字內(nèi)容,這個(gè)時(shí)候有些初學(xué)者為了方便操作,直接把同樣的內(nèi)容復(fù)制使用,最后整個(gè)網(wǎng)頁上看起來就會(huì)顯得怪怪的。這里大家在填充內(nèi)容的時(shí)候,最好是使用不一樣的信息,或者干脆直接從其他網(wǎng)頁上截取內(nèi)容填充。第五點(diǎn):要注重細(xì)節(jié)處理; 因?yàn)槟阒谱鞒鰜淼男Ч麍D,最終是做為網(wǎng)頁的制作依據(jù),因此在效果圖上,每個(gè)模塊的間距都要精確到像素、文字?jǐn)[放的位置等也要準(zhǔn)確到位。 第六點(diǎn):保存的圖片格式; 效果圖制作好后,建議保存成png格式。不要存jpg格式,因?yàn)檫@個(gè)格式對圖片壓縮比較大,會(huì)丟失細(xì)節(jié)。
用PS做的網(wǎng)頁設(shè)計(jì)如何做成動(dòng)態(tài)網(wǎng)站效果
用PS做的是效果圖,需要前端開發(fā)人員編寫代碼才可以在網(wǎng)站上展示出來?! 『唵蝸碚f,在PS里做好之后,需要切圖。把圖片切割成適合在網(wǎng)站上瀏覽?! ∏袌D時(shí)需要把文字分離出圖片的要處理好?! ∏泻脠D片之后,需要用html結(jié)合JavaScript等知識編寫代碼?! ∵@樣寫出的頁面還只是靜態(tài)的網(wǎng)站?! ∪绻胍龀蓜?dòng)態(tài)的效果,還需要搭建后臺,連接數(shù)據(jù)庫等。
影響網(wǎng)頁設(shè)計(jì)效果的因素有哪些
前端人員:布局最好是水平的,偶爾來點(diǎn)漸變的也能接受。位置的定位要好好考慮。網(wǎng)頁設(shè)計(jì)員:要高端大氣上檔次,加特效,百分比顯示布局。
用PS做的網(wǎng)頁設(shè)計(jì)如何做成動(dòng)態(tài)網(wǎng)站效果
用PS做的是效果圖,需要前端開發(fā)人員編寫代碼才可以在網(wǎng)站上展示出來?! 『唵蝸碚f,在PS里做好之后,需要切圖。把圖片切割成適合在網(wǎng)站上瀏覽?! ∏袌D時(shí)需要把文字分離出圖片的要處理好?! ∏泻脠D片之后,需要用html結(jié)合JavaScript等知識編寫代碼?! ∵@樣寫出的頁面還只是靜態(tài)的網(wǎng)站?! ∪绻胍龀蓜?dòng)態(tài)的效果,還需要搭建后臺,連接數(shù)據(jù)庫等。
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些