網(wǎng)頁尺寸
提問問題
列表
-
頁面寬度1180好還是1190
查看答案>>
-
網(wǎng)頁設(shè)計(jì),一般最少要設(shè)置多少高度?
查看答案>>
-
淘寶美工問題頁面設(shè)計(jì)尺寸是多少?。?/p>
查看答案>>
-
有誰知道手機(jī)網(wǎng)頁設(shè)計(jì)尺寸。
查看答案>>
-
axure制作網(wǎng)頁 怎么讓他自適應(yīng)不同電腦的分辨率呢?
查看答案>>
-
用photoshop做網(wǎng)頁一般的尺寸是多大?
查看答案>>
-
網(wǎng)頁的標(biāo)準(zhǔn)尺寸是什么,都有哪些尺寸的分類?
查看答案>>
-
做網(wǎng)頁界面一般的尺寸是多少像素?
查看答案>>
-
網(wǎng)頁設(shè)計(jì)的尺寸大小是多少,寬度應(yīng)該是多少???
查看答案>>
-
PS網(wǎng)頁設(shè)計(jì)尺寸問題 需要滿屏
查看答案>>
頁面寬度1180好還是1190
目前最流行的頁面寬度依然是 960px;這個(gè)也是大多數(shù)網(wǎng)站的選擇,但是隨著電腦屏幕(甚至手機(jī)等數(shù)碼產(chǎn)品)分辨率越來越高,采用傳統(tǒng)的960px寬度已經(jīng)不是很適合了,容易造成頁面的大量空白浪費(fèi)。如下圖:當(dāng)然有人會說,我們可以在兩側(cè)設(shè)置對聯(lián)漂浮廣告,這是一個(gè)利用大尺寸空白的思路,但是現(xiàn)在網(wǎng)站的首頁一般是不建議對聯(lián)漂浮廣告,什么原因?你自己要是去一個(gè)滿是對聯(lián)漂浮廣告的網(wǎng)站,你的心情能好么?我這里只要是探討另一個(gè)思路。增大內(nèi)容區(qū)域的寬度。展示內(nèi)容。如下圖以19樓為例,19樓首頁采用了非常規(guī)的960px寬度設(shè)計(jì),而是采用了1190px的寬頁面設(shè)計(jì),增大了內(nèi)容區(qū)域,展示內(nèi)容,是頁面看起來更加飽滿。那么我們采用社么樣的寬度設(shè)計(jì)頁面呢這里有幾個(gè)需要注意的原則。1.盡量的靠近屏幕尺寸,但是有不能鋪滿,需要流出一定的邊距空白,留作其他輔助組件空間2。盡量照顧到主流網(wǎng)頁廣告的尺寸。如960px. 200px; 300px;的廣告等3.板塊之間的間距至少大于10px4.盡量照顧到主流顯示器的分辨率下面我拿我設(shè)計(jì)的大學(xué)生活圈新模板來舉例說明。我設(shè)計(jì)新模板時(shí)的頁面寬度設(shè)計(jì)過程a.參考主流顯示器的分辨率寬度 ——現(xiàn)在主流瀏覽器的寬度一般是 1024px-1366px,但是1366px寬度的屏幕越來越多,所以我以1366px寬度為基礎(chǔ)進(jìn)行設(shè)計(jì)。也就是說我的網(wǎng)頁的內(nèi)容區(qū)域的寬度要小于1366px; b.主流的網(wǎng)頁廣告寬度有很多,但是效果最好的尺寸一般是 960px, 200px, 300px;我以 960px 和200px 的網(wǎng)頁廣告為參考設(shè)計(jì),如圖所示
網(wǎng)頁設(shè)計(jì),一般最少要設(shè)置多少高度?
大概的高度為:Window XP首屏大小580 pxWindow 7 首屏大小710 px具體原因如下:一個(gè)網(wǎng)頁的尺寸設(shè)置和瀏覽器與系統(tǒng)的尺寸大為相關(guān),我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。系統(tǒng)分辨率統(tǒng)計(jì):對大于30W臺客戶端用戶進(jìn)行測試,得到的測試數(shù)據(jù)如下(數(shù)據(jù)來源于網(wǎng)絡(luò)):在Window XP常見分辨率1024×768下我們除掉任務(wù)欄,瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁首屏高度平均值是584。在Window 7常見分辨率1440×900下我們除掉任務(wù)欄,瀏覽器菜單欄以及狀態(tài)欄后剩下的網(wǎng)頁首屏高度平均值是716。綜合分辨率及瀏覽器下的統(tǒng)計(jì)數(shù)據(jù):Window XP首屏大小580 pxWindow 7 首屏大小710 px 附上網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)尺寸:1、800*600下,網(wǎng)頁寬度保持在778以內(nèi),就不會出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。2、1024*768下,網(wǎng)頁寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值, 1024*768頁面的標(biāo)準(zhǔn)大小是955*600,照著它的尺寸做就行了)。3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏,頁面的下方又不會出現(xiàn)滑動(dòng)條,尺寸為740*560左右。4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現(xiàn)象。標(biāo)準(zhǔn)網(wǎng)頁廣告尺寸規(guī)格:1、120*120,這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?、120*60,這種廣告規(guī)格主要用于做LOGO使用。3、120*90,主要應(yīng)用于產(chǎn)品演示或大型LOGO。4、125*125,這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。5、234*60,這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。6、392*72,主要用于有較多圖片展示的廣告條,用于頁眉或頁腳。7、468*60,應(yīng)用最為廣泛的廣告條尺寸,用于頁眉或頁腳。8、88*31,主要用于網(wǎng)頁鏈接,或網(wǎng)站小型LOGO。
淘寶美工問題頁面設(shè)計(jì)尺寸是多少啊?
你好,淘寶集市店鋪呢,你要看下自己現(xiàn)在應(yīng)用的模板,根據(jù)模板建立相應(yīng)的尺寸,如果你是新店是贈送的旺鋪的話,主頁海報(bào)寬度是950像素,高度不限,店招寬度是950高度是120,寶貝詳情頁面寬度是750像素,高度不限(一張圖片不能大于5M,如果過大要記得切開哦)
有誰知道手機(jī)網(wǎng)頁設(shè)計(jì)尺寸。
iPhone手機(jī)網(wǎng)頁的設(shè)計(jì)尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓網(wǎng)頁的設(shè)計(jì)尺寸320dp:一個(gè)普通的手機(jī)屏幕(240X320,320×480,480X800)480dp:一個(gè)中間平板電腦像(480×800)600dp:7寸平板電腦(600×1024)720dp:10寸平板電腦(720×1280,800×1280)ipad網(wǎng)頁的設(shè)計(jì)尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移動(dòng)端的尺寸,單獨(dú)的如果某一個(gè)移動(dòng)的網(wǎng)站的尺寸是沒有的,因?yàn)橐苿?dòng)網(wǎng)站的一半情況是按照%比的尺寸 來自動(dòng)適應(yīng)屏幕的大小,或者也通過設(shè)置,iphone執(zhí)行什么尺寸,安卓情況執(zhí)行什么尺寸的。
axure制作網(wǎng)頁 怎么讓他自適應(yīng)不同電腦的分辨率呢?
你也可以試試Adaptive View,自己定義在瀏覽器不同尺寸下網(wǎng)站的樣子動(dòng)態(tài)面板也可以被固定在瀏覽器的某個(gè)位置
用photoshop做網(wǎng)頁一般的尺寸是多大?
網(wǎng)頁分為主區(qū)和背景區(qū),主區(qū)一般是950px~980px的寬度,高度沒限制。背景區(qū)你可以按到1920px的寬度來做,適合適應(yīng)不同的顯示器。 主區(qū):會用來顯示你想要展示的內(nèi)容背景區(qū):輔助整體,讓整個(gè)網(wǎng)頁看起來更加的協(xié)調(diào)。如果拿 拍肖像照作為栗子: 人就是主區(qū),風(fēng)景就是背景區(qū)。
網(wǎng)頁的標(biāo)準(zhǔn)尺寸是什么,都有哪些尺寸的分類?
網(wǎng)頁尺寸是按像素計(jì)算的。常見的尺寸為980-1020像素之間寬。這個(gè)尺寸主要是為照顧C(jī)RT顯示器的,那種顯示器一般是1024像素寬,去掉瀏覽器邊框和滾動(dòng)條,一般就只能用1000px左右;然后再考慮網(wǎng)頁本身的邊框和背景等,可能就得使用980-1000的居多;但是現(xiàn)在基本上都是寬屏顯示器了,分辨率一般都高于1366*768,這樣實(shí)際上頁面1200px寬以上也沒問題。建議你學(xué)一下響應(yīng)式頁面制作,這個(gè)可以針對不同設(shè)備和屏幕分辨率自行變更頁面呈現(xiàn),對平板電腦和手機(jī)上網(wǎng)來說是必須的,也是當(dāng)前的潮流。
做網(wǎng)頁界面一般的尺寸是多少像素?
好多網(wǎng)站中,90%的網(wǎng)站定義寬度為1000。盡管現(xiàn)在的顯示器越來越寬,但無法保證所有用戶都是那么大的顯示器。做網(wǎng)站,只有網(wǎng)站去適應(yīng)用戶(包括瀏覽器),所以,以大局為重,塑造良好用戶體驗(yàn),就要適應(yīng)廣大用戶的瀏覽風(fēng)格。我強(qiáng)烈推薦你寬度1000px
網(wǎng)頁設(shè)計(jì)的尺寸大小是多少,寬度應(yīng)該是多少???
其實(shí)也沒有硬性規(guī)定,但是為了兼容大多數(shù)瀏覽器一般是設(shè)置960px,隨著現(xiàn)在瀏覽器分辨率的變化,已開始向著1000px,1200px寬度發(fā)展,例如淘寶(1000px)京東商城(1200px)。如果需要兼容不同瀏覽器尺寸,現(xiàn)在比較流行的做法是做成響應(yīng)式的,即根據(jù)不同分辨率顯示不同的尺寸,工作量也就隨之增加了。貌似國內(nèi)的大網(wǎng)站也沒有使用。
PS網(wǎng)頁設(shè)計(jì)尺寸問題 需要滿屏
你用PS做出來的是圖片,并不是網(wǎng)頁,圖片是多大,就顯示多大,居中顯示是在代碼里實(shí)現(xiàn)的。如果你想讓圖片居中,可以這樣做:假如你的分辨率是1440*900,,而普通的網(wǎng)頁頁面寬度大部分都是960(PX)。所以你想讓圖片居中就很簡單了,在1440*900的畫布上,左右分別拉兩條輔助線:左邊一條在240px,右邊一條在1200px那里,在兩條輔助線中間的區(qū)域,剛好就是在1440分辨率下的居中顯示。所以看你的分辨率,再設(shè)置你的網(wǎng)頁設(shè)計(jì)圖的大小,現(xiàn)在主流的分辨率是1440*,而頁的寬度大部分是960(你可以百度一下為什么這是大部分網(wǎng)站會采取的尺寸)滿屏需要代碼標(biāo)簽屬性width:100%來實(shí)現(xiàn),看上面的回答貌似都是說代碼類的,所以你自己看看自己是要代碼類的居中還是要圖片類的居中。代碼上的居中更簡單,一般采用的是div的magin居中。不過這不屬于你的問題范疇,這里就不說了。
其實(shí)不是圖片居中的問題,是我做的那個(gè)頁面打開在瀏覽器上只顯示了3/5顯示器就全部顯示出來了。其實(shí)我也說不清楚。反正打開就是我圖片那樣兒~我像素的800*1000這樣的。如果是需要后面的編程的人完成的那就沒有什么問題了。我就怕是我像素設(shè)置不大所以做出來的就是往左邊偏移然后3/5顯示器就能全部看到了,很難看的哈~~
你保存也是jpg或者png格式給別人看,psd格式只能在ps里面看而已。給到客戶或者其他要看的人,人家也不會專門開個(gè)瀏覽器來看。如果想要在瀏覽器居中,那也只能像我說的,選個(gè)主流的圖片規(guī)格,然后再輔助線當(dāng)中設(shè)計(jì),就可以了。沒有一個(gè)網(wǎng)站可以滿足所有的分辨率。
其實(shí)我是PS做HTML格式,再到 Dreamweaver 加工。呼,略懂了,<img src="images/index.jpg" width="100%" height="200%" alt=""> 拿記事本改了像素成百分比那就在瀏覽器顯示得差不多了。原來這個(gè)在網(wǎng)頁顯示的問題不關(guān)我們平面的問題哈,我還以為像素設(shè)置小了就顯示得這樣了呢。哇,這個(gè)中好多東西學(xué)呢,好多分工哦~呼,謝謝你啊~
熱門問答
- 模版還是模板
- 免費(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é)那些