再談布局和循環(huán):
這里有篇文章http://weilaixu.cn/read.php/174.htm
其實呢,說網(wǎng)頁制作,直角最簡單,比如老印,他的東西全部是直角。用他的話說就是刀切一樣!為嘛?簡單方便速度快內(nèi)容清晰!
布局以按照設(shè)計稿為標(biāo)準(zhǔn)。或者說叫使用html還原設(shè)計稿,如果html截圖能和設(shè)計稿重疊,再過了標(biāo)準(zhǔn),我認(rèn)為就是最高境界了!
問題最大的,其實還是在設(shè)計和還原效果上!雖然可以使用css的負(fù)值、浮動、重疊等屬性進(jìn)行不規(guī)則布局,但問題依然存在,工作量和難度有可能依然會翻倍。還有,那可惡的N種瀏覽器!
對于復(fù)雜的設(shè)計稿、復(fù)雜的效果、甚至是過分的設(shè)計,如何降低使用html還原設(shè)計稿的工作量及難度!
- 如果你有權(quán)力微調(diào)設(shè)計稿,那么,你可以在“可忍受”范圍內(nèi)微調(diào)。這個范圍,每個公司都不一樣!
- 如果你沒有權(quán)力懂設(shè)計稿的任何東西,那么,請和設(shè)計師或主管溝通,請設(shè)計者進(jìn)行微調(diào)。但你要把你的難點描述的清晰,讓他們理解!
- 沒人同意改稿子,那么,恭喜你。加班吧!
- 或者,你可以把那些細(xì)節(jié)工作扔給flash!
問題集中體現(xiàn)在設(shè)計和效果上!
先說設(shè)計:
網(wǎng)頁設(shè)計,除了體現(xiàn)效果,還有很多不可缺少的東西。這里不談純粹用來欣賞的網(wǎng)站。畢竟大部分的站點需要被大量閱讀的。
- 網(wǎng)頁的柵格系統(tǒng)
看這篇文章:http://ued.taobao.com/blog/2008/09/17/grid_systems/
- 速度
很重要,非常的重要!減少圖片,使用背景圖整合降低http連接次數(shù)。能使用文字盡量使用文字。所以嘛,還是得注意!
- 背景圖的小圖循環(huán)和重復(fù)使用
大的就不說了,弄幾個弧度上去,幾乎就要用大圖片了,像奧運時候那么網(wǎng)站的大背景。 小的背景圖,小欄目的背景圖,以及子頁面的某個地方的背景圖。咱盡量一致!小背景循環(huán),效果圖里的寬和高哪個小,盡量按哪個方向循環(huán)!目的就是保證速度!
- 效果
png,這個可以說是效果的典型了!無背景的透明屬性。相信很多人都喜歡!但ie6卻有缺陷,好了,看碼頭的:【IE6的瘋狂之二】IE6中PNG Alpha透明(全集)
我在做設(shè)計的時候,一般的站點是不考慮布局的!但那些藝術(shù)氣息特濃厚,效果忒多忒強(qiáng)烈的站,在吃自己的虧吃了兩次之后,就開始主動考慮后期布局,盡量避免讓布局難度加大!
如果設(shè)計的時候,考慮到重復(fù)利用圖片、背景等。會降低布局切片的很多工作;蛘呶铱梢哉f,頁面重復(fù)利用率越高,就越快!主頁雖然是主頁,子頁雖然更簡單,但重復(fù)利用主頁上已經(jīng)下載了的東西,不更好么?我想說的是,要有全局的思維!
當(dāng)然了,你肯定也想到了flash的應(yīng)用。但flash貌似也有瀏覽器兼容問題!
如果設(shè)計和布局中間有某個問題被耽擱或某一方不退讓,那么程序、交互就要延后,上線日期也要推遲。
如果制作方擅自行動修改而設(shè)計方死活有意見......
唉,問題可大可!做個網(wǎng)頁也不容易!
本文鏈接:http://www.95time.cn/design/doc/2008/6224.asp
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁 設(shè)計和布局之間的思考 [1] 下一頁
|