網(wǎng)站設(shè)計(jì)和布局基本上都是一個(gè)人或者兩個(gè)人搞，但是對(duì)于設(shè)計(jì)和布局應(yīng)該怎么做，創(chuàng)新互聯(lián)覺得一般來說分工雖然可以不太嚴(yán)密，但是卻都需要對(duì)這些有一定的了解。有時(shí)候用戶對(duì)設(shè)計(jì)師的設(shè)計(jì)有點(diǎn)難以理解和還原，這時(shí)候我們可以看到最主要的原因還是他們對(duì)瀏覽器和屏幕的理解不一樣。也有的是因?yàn)樾Чk，顏色太多。更有甚者是使用flash制作嫌浪費(fèi)。下面，我們來看一些設(shè)計(jì)布局和屏幕效果的關(guān)系。

對(duì)于屏幕分辨率，大多數(shù)還是以1024×768為主。現(xiàn)在我們不能確定用戶的ie裝了幾個(gè)插件，另外，插件越多，瀏覽器顯示高度越低。而且也不能確定用戶的顯示器是否設(shè)置正確，不能確定用戶顯示器的分辨率是否為好分辨率。其典型在于某些寬屏或高屏顯示器，有的是等比例縮小后留白。而更有甚者則是滿屏拉伸。比例就不對(duì)了。要使得網(wǎng)頁滿屏。很多人說寬度1003，也有人說是1004。是不是呢?假設(shè)客戶要求網(wǎng)頁滿屏。那么，你就要曉得用戶的顯示器尺寸的屏幕分辨率。如果客戶對(duì)這玩意認(rèn)知度很低。就不要輕易去改人家的分辨率。我1440×900的寬屏，我用1024×768的分辨率，我樂意。這樣的話你怎么說呢?如果這客戶要求一定要滿屏，那么問題又出現(xiàn)了，如果交貨的時(shí)候客戶換了一臺(tái)不同尺寸的顯示器呢?分辨率變大了，你的網(wǎng)頁窄了，分辨率小了，你的網(wǎng)頁寬了!你咋辦。這時(shí)候就會(huì)很糾結(jié)。其實(shí)滿屏也分兩種，我姑且命名一種為內(nèi)容滿屏，一種為視覺滿屏。而且所謂內(nèi)容滿屏，就是指網(wǎng)站上的東西，左邊界就在顯示器左邊界，右邊界就是在顯示器右邊界。好的解決辦法就是使用百分比。而百分比帶來的負(fù)面效應(yīng)。但是會(huì)使得設(shè)計(jì)及制作難度增加。而所謂視覺滿屏，其實(shí)是一種取巧的做法。而這種方法。其實(shí)很簡單，一個(gè)網(wǎng)站的頭部，無非就是導(dǎo)航和banner，如果導(dǎo)航在最上邊，那么，將導(dǎo)航的背景呈100%，導(dǎo)航居中。如果banner在最上邊，那么注意處理圖片兩端，還是100%寬+背景。

另外就是雖然內(nèi)容寬度還有可能是1000、1003、甚至是900或更低，視覺上依然是百分百的寬度，只要避免最小寬度大于瀏覽器寬度、或客戶的顯示器分辨率寬度大于你的最小寬度。最后就是布局和循環(huán)的問題，說網(wǎng)頁制作，直角最簡單。布局以按照設(shè)計(jì)稿為標(biāo)準(zhǔn)?；蛘哒f叫使用html還原設(shè)計(jì)稿。對(duì)于布局，問題大的，其實(shí)還是在設(shè)計(jì)和還原效果上!雖然可以使用css的負(fù)值、浮動(dòng)、重疊等屬性進(jìn)行不規(guī)則布局，但問題依然存在，工作量和難度有可能依然會(huì)翻倍。對(duì)于復(fù)雜的設(shè)計(jì)稿、復(fù)雜的效果、甚至是過分的設(shè)計(jì)，要懂得如何降低使用html還原設(shè)計(jì)稿的工作量及難度。

分享文章：網(wǎng)頁布局和網(wǎng)站設(shè)計(jì)之間的關(guān)系
鏈接URL：http://m.rwnh.cn/news49/145199.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)