網(wǎng)頁布局設(shè)計理念（三）
2011-09-03 文章來源: 建站學(xué)
曾經(jīng)到過一個內(nèi)容“豐富”的網(wǎng)頁，它幾乎使用了所有曾經(jīng)在 《中國計算機(jī)報》中出現(xiàn)過的網(wǎng)頁制作技巧：現(xiàn)在的時間、訪問了的 時間、等等。不過有一個不是使用得很好的，就是窗口的自動滾動。 我只是想發(fā)個郵件給網(wǎng)頁的主人，但我卻無法使?jié)L動條停下來讓我點 擊連接，于是我花了很久才“命中”窗口中的E－mail連接———真 后悔軍訓(xùn)的時候沒有練好射擊！也許自動滾動可以炫耀一下本事，但 就沒有什么實際價值了。用戶有鼠標(biāo)，可以自己移動滾動條，網(wǎng)頁制 作者們可以少 *** 心。
四、不要用延時效果的javascript
現(xiàn)在的網(wǎng)頁制作者為了使網(wǎng)頁更加具有影響力，都瘋狂地加入javascript 。以現(xiàn)在的貓奔跑的速度而言，這些腳本也算不了什么，用戶不會介 意。但是，如果這些腳本可能導(dǎo)致延時的話，用戶的態(tài)度就不同了。 因為這些延時不會因為貓的快慢而改變，任何用戶都必須望著屏幕上 的“雜耍”完了才可以繼續(xù)。頭一兩次還會覺得：WELL，棒極了！但 后來，……某個國人網(wǎng)頁的首頁在載入時窗口的底色———窗口里面 沒有任何內(nèi)容———由白色逐漸變成黑色，整個過程耗費(fèi)了幾秒，嘿！ 別小看這幾秒，我能檢查了全部的郵箱了！
五、不要依賴瀏覽器
唉！其實留意《中國計算機(jī)報》的話，應(yīng)該看過這類的警告。但 事實上，太多的網(wǎng)站首頁中加入了“請在123＊456分辨率下使用789 瀏覽器瀏覽本網(wǎng)站”的文字。我是安裝了IE、NC、和Opera，因為我 要制作網(wǎng)頁，需要它們來檢驗網(wǎng)頁的在這些瀏覽器下的可讀性。但一 般用戶不會安裝那么多的瀏覽器，更加不會牢記著哪個網(wǎng)站需要用哪 個瀏覽器瀏覽 網(wǎng)頁設(shè)計是一門藝術(shù)，一門大眾（流行）藝術(shù)！就好比音樂，只 使用一種樂器、沒有歌聲，當(dāng)然也會有人喜歡，但是流行音樂更多的 是采用各種樂器，加上歌手的歌聲，這樣才會被更加多的普羅大眾所 接受，對嗎？
也許不可能讓網(wǎng)頁在使用所有的瀏覽器瀏覽都有一樣的效果，但 盡量地去達(dá)到該目的，會讓網(wǎng)頁在這個瀏覽器下有這樣的特色、在另 一個瀏覽器下又有不同的特色，這是網(wǎng)頁制作者的工作，不是嗎？
六、不要濫用留言簿
別誤會，雖然我的個人網(wǎng)頁由于服務(wù)器的問題不能使用留言簿， 但我絕對不是妒忌！那次在某個網(wǎng)友的網(wǎng)頁上留言，提交之后發(fā)現(xiàn)我 的留言和個人的部分資料立即送了上留言網(wǎng)頁，和其他以前的留言一 起展示出來。首先，我的個人資料之所以告訴你是因為想與你交個朋 友，但未經(jīng)任何提示的情況下就全部擺了上網(wǎng)，好象不是很友善。其 次，更重要的是，我在該留言網(wǎng)頁上發(fā)現(xiàn)了某個人的言論似乎很偏激， 有反革命嫌疑———這樣做是很危險的！你的網(wǎng)頁有沒有違法成分你 自己可以控制，但其他訪問者的言論是你所難以估計的，萬一被其他 別有居心的人利用來進(jìn)行反動宣傳，這樣你豈不成了“同伙”！
有鑒于此，我奉勸所有使用留言簿的網(wǎng)友，慎之又慎?。?
七、不要忘記版權(quán)
現(xiàn)在，網(wǎng)上的侵犯知識產(chǎn)權(quán)問題非常猖獗，某N字頭免費(fèi)個人網(wǎng) 頁提供商上的網(wǎng)頁尤其嚴(yán)重———甚至有盜版光盤販賣呢！為此一些 新的免費(fèi)個人網(wǎng)頁提供商就要求用戶在申請時提交詳細(xì)的、真實的個資料，以防備不可預(yù)計的事情發(fā)生。
不少的網(wǎng)友都很輕視知識產(chǎn)權(quán)，覺得自己是個人，大公司不會計 較的。但，《中華人民共和國計算機(jī)信息網(wǎng)絡(luò)國際聯(lián)網(wǎng)安全保護(hù)管理 辦法》中第四條規(guī)定“任何單位和個人不得利用國際聯(lián)網(wǎng)危害國家安 全、泄露國家秘密，不得侵犯國家的、社會的、集體的利益和公民的 合法權(quán)益，不得從事違法犯罪活動。”所以，如果你的網(wǎng)頁需要引用 別人的東西的話，要么你就和他聯(lián)系一下，征求意見；要么就在明顯 的位置注明其版權(quán)歸屬。這并非多余，這是你的網(wǎng)頁“長壽”的秘方！
當(dāng)然，如果是你自己制作的圖像或自己撰寫的文章，你絕對有權(quán) 聲明版權(quán)歸你自己所有！
八、不要懶于更新
某個N字頭的個人網(wǎng)頁聚居地上有很多的網(wǎng)頁都是很久前建立而至今沒有更新過的，姑且不說這是浪費(fèi)公用資源的行 為，訪問過這些 網(wǎng)頁的人看見網(wǎng)頁主人如此懶惰，你說他還會再去訪問嗎？誰能確定 下次訪問不會又是這般模樣呢？因特網(wǎng)上的資源如此浩瀚，誰會去訪問一個“從”不更新的網(wǎng)頁呢？ 我誠意地奉勸那些“霸占”了公用的個人網(wǎng)頁存放地方的人，如 果你們真的那么忙，為何不讓出空間，給新的網(wǎng)友更多發(fā)展的機(jī)會呢？
網(wǎng)頁設(shè)計的苦與樂
事物都是矛盾的統(tǒng)一體，苦與樂就是一對互相依存又相互獨(dú)立的矛盾體。正如人們常說的“沒有苦哪有甜？”，在網(wǎng)頁制作 過程中，我的感受尤為明顯，從事網(wǎng)頁制作兩年以來，從一個對網(wǎng)頁一竅不通到現(xiàn)在略有所得，這之間經(jīng)歷了一個漫長的苦和樂交織的過程。這期間漫漫的獨(dú)自探索 路，讓人回想起來，諸多的回味。
在剛剛跨入這個網(wǎng)頁領(lǐng)域的門檻的時候，就是一個從無到有的學(xué)習(xí)的過程，當(dāng)然不可避免的是一個痛苦的過程，每天面對很多的新名詞，諸如超鏈接，IP，URL等等，就讓我好不頭疼，不過只有硬著頭皮將自己投入到這個陌生的世界里。
首先接觸到的第一個問題就是從平面設(shè)計到網(wǎng)頁設(shè)計的一個轉(zhuǎn)變，由于平面設(shè)計反映的主題一般都比較單一。而網(wǎng)頁設(shè) 計往往是一個整體，所以要用一個整體化的思維來解決問題，這樣設(shè)計的過程就是一個很苦的過程，一步一步的按照統(tǒng)一的思想來設(shè)計，先搜集資料就不是一件省心 的事情，因為涉及到選擇資料的問題，充分的分析網(wǎng)站的要求，利用已有的一些資料，舍棄無關(guān)的，再利用已有的手段找一些自己要的資料。同時也要設(shè)法通過設(shè)計 將它們統(tǒng)一起來，找到它們的調(diào)和點。由此設(shè)計出網(wǎng)頁的基本風(fēng)格，再到具體的頁面的顏色搭配、圖片文字的配置、按鈕的樣式以及編排方式等等問題。由大到小， 由粗到細(xì)……，當(dāng)自己獨(dú)立完成一個網(wǎng)頁是尤其該如此，所以這很多繁瑣的問題只能用一個字來形容，就是“苦”。不僅如此，還要經(jīng)歷一個反復(fù)修改再定稿的過 程，從手工繪制草圖到在軟件中實現(xiàn)，不能很好的實現(xiàn)的，就修改草圖，如此反復(fù)?；蛘呤嵌鄠€草圖選擇最好的來制作，如此種種。在這轉(zhuǎn)變的過程中，不斷的找準(zhǔn) 平面設(shè)計和網(wǎng)頁設(shè)計的現(xiàn)實情況的一個調(diào)和點，在兩者之間搭起一座橋梁。為此付出了太多的努力。而最初收獲是很小的，就是因為軟件的限制。網(wǎng)頁應(yīng)用軟件嚴(yán)重 的約束了自己發(fā)揮。
對于使用網(wǎng)頁的應(yīng)用軟件。我還有一段較為痛苦的經(jīng)歷。照理說我有很多的圖形設(shè)計應(yīng)用軟件的使用經(jīng)歷。使用網(wǎng)頁軟 件相對會感到一些的輕松。但是同樣碰到了很多的問題，記得在當(dāng)初學(xué)習(xí)Frontpage98的時候，曾經(jīng)讓我感到很不方便，就是因為我用一般的繪圖軟件如 Photoshop和Corldraw等，在拖動圖片或者是文字等都是很隨意的，想放到哪個地方都可以，不會像Frontpage里一樣采用的是文本編輯 的形式，這樣就感到很受限制，處處受制。當(dāng)然就不得不學(xué)用表格，這更增添了我痛苦的記憶，特別是表格的控制，由于受到相鄰的圖片或者文字或者是表格的影 響，有時候始終不能達(dá)到自己的目的，再在表格里加表格，這樣處在外面的表格就更加不好控制。很多時候不但不能排好，甚至?xí)哑聊桓愕膩y七八糟，自己給搞的 頭腦發(fā)脹。好想放棄…… 可是一旦超越了這個階段，就會感到一種如飛的制作的快感，在設(shè)計出來以后，看兩眼就能知道該怎么運(yùn)用表格或者是其它的方式，采用一些排版的技巧，輕松 的完成任務(wù)，充滿自信的這種感覺是一種快樂的、經(jīng)歷了痛苦的探索之后的成就感。
再如圖片的使用問題，當(dāng)初在將圖片搬到網(wǎng)頁上的時候，盡管可能圖片本身處理的很漂亮，但是不得不痛苦的將它用軟 件壓縮、切割，有些很好的細(xì)節(jié)不得不放棄，那種割舍的感覺記憶猶新。同時那時缺乏像Firework和Imageready等軟件，所以對圖片的切割和拚 裝就特別的困難，首先是切割，得利用Photoshop或者是Photoimpact等等，可是這樣就特別麻煩。就如Photoshop，要想切割成很多 部分雖然可以通過幾個辦法，但是都要分別做成不同的小文件，通過輔助線，這樣對齊就是一個較為煩人的事情，更煩的是在網(wǎng)頁軟件中的對齊，利用表格來對齊， 真是太麻煩了。很多的圖片，有時由于一個圖片對得不準(zhǔn)所有的都會不協(xié)調(diào)。所以在調(diào)那一個圖片的時候，真是牽一發(fā)而動全身，整個眼看要成為一個完整的頁面會 由此變得歪歪扭扭。還有由于切割的圖片是分成不同的文件，存儲的時候就難免會因此壓縮比不一樣，所以放到網(wǎng)頁上有些顏色本來結(jié)合的很好的，就會變得有差 別。由此種種問題，糾纏在一起，所以在學(xué)習(xí)的過程中我經(jīng)歷了一個漫長而痛苦的過程，這之間當(dāng)然是一個段煉的過程，是一個不斷積累經(jīng)驗的過程。不斷的總結(jié)經(jīng) 驗，不斷的向書本學(xué)習(xí)，同時我也經(jīng)常上網(wǎng)到BBS里向網(wǎng)友們學(xué)習(xí)。使我獲益非淺。
伴隨著網(wǎng)頁和繪圖的應(yīng)用軟件的升級，以前不能實現(xiàn)的現(xiàn)在由于技術(shù)的進(jìn)步而能夠輕松實現(xiàn)，例如DHTML和XML 等技術(shù)的升級，網(wǎng)頁上的很多特效的輕松實現(xiàn)；更為重要的是我的做網(wǎng)頁的經(jīng)驗的不斷積累，并反饋到新的工作中，我不斷的體會到了做網(wǎng)頁的快樂。能夠在網(wǎng)頁排 版上輕車熟路的去通過調(diào)節(jié)以完成自己的目的，加上可以隨意的按照自己的愛好或者是根據(jù)軟件的優(yōu)缺點來選擇網(wǎng)頁軟件。我就可以更加熟練的擺脫軟件的桎梏，更 多把精力投入到網(wǎng)頁的設(shè)計制作中去。以完善自己的設(shè)計。能使自己在喜歡的天地里自由的翱翔，是多么令人高興的事情??！我發(fā)現(xiàn)自己完全喜歡上了這個工作。不 僅僅把它看成一項工作，而是看成表達(dá)自己的意愿的一種方式，可以將自己的一些設(shè)計的理念表達(dá)出來。 有時候在埋怨自己找不到感覺，可是只要做的多之后，感覺接觸到網(wǎng)頁就會有很多的想法，在合理的選擇之后，做網(wǎng)頁就很容易。正是：“讀書破萬卷，下筆如 有神”。我想在這漫長的求索過程中，我失去了不少，但是我得到的更多?？鄻返捏w驗，最終是樂的，也許時時伴隨著苦，但是我仍然喜歡這種充滿激情的歷程，正 如一場足球賽，平平淡淡不是真，只有去經(jīng)歷了大喜大悲之后贏得了勝利，才是刻骨銘心的，我喜歡這種體驗。
網(wǎng)頁設(shè)計師的素質(zhì)
網(wǎng)頁設(shè)計是一門新興的邊緣性的行業(yè)，在網(wǎng)絡(luò)產(chǎn)生以后應(yīng)運(yùn)而生。網(wǎng)頁如門面，小到個人主頁，大到大公司、大的政府部門 以及國際組織等在網(wǎng)絡(luò)上無不以網(wǎng)頁作為自己的門面。當(dāng)點擊到網(wǎng)站時，首先映入眼簾的是該網(wǎng)頁的界面設(shè)計，如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng) 用、使用的引導(dǎo)等等。這一切都是網(wǎng)頁設(shè)計的范疇，都是網(wǎng)頁設(shè)計師的工作。
作為一名網(wǎng)頁設(shè)計師，首先要具備審美的能力，而網(wǎng)頁設(shè)計就相當(dāng)于 平面設(shè)計，網(wǎng)頁設(shè)計師可以將平面設(shè)計中的審美觀點套用到這上面來（其區(qū)別是動態(tài)網(wǎng)頁的制作是平面設(shè)計不能達(dá)到的，它是一種審美方式的延伸），所以平面設(shè)計 上的審美的觀點在網(wǎng)頁設(shè)計上非常實用。如對比、均衡、重復(fù)、比例、近似、漸變以及節(jié)奏美、韻律美等等，以及色彩的搭配顯示出的輕快活潑的美，這些都能在網(wǎng) 頁上顯示出來，反映設(shè)計師高超的審美能力。因此作為一名網(wǎng)頁設(shè)計師，要使自己的網(wǎng)頁具有美感，不具備審美能力是不行的。這要求設(shè)計師平時多多的積累，在仔 細(xì)的觀察的基礎(chǔ)上多分析美的來源，并靈活的將這種理解了的美在自己的作品中表現(xiàn)出來。只有這樣才能使自己的審美能力達(dá)到一定的高度。而我們經(jīng)常看到一些網(wǎng) 頁里用的基本幾何形體錯綜復(fù)雜，用色花里胡哨，讓人目不暇接，真有一種“亂花漸欲迷人眼”的感覺，但是我們得到了什么呢？美的享受？當(dāng)然沒有，有興趣得到 更多的信息嗎？首先自己就討厭，怎么還談得上感興趣？這是一種典型的失敗，一味的追求顯眼、追求吸引人，這種做法取得的效果適得其反。當(dāng)然并不是頁面做得 好看，具有美感網(wǎng)頁就一定讓人感興趣，這也建立在一定好的內(nèi)容的基礎(chǔ)上，假如什么內(nèi)容都沒有，也是不能吸引人的。只是網(wǎng)頁的界面設(shè)計應(yīng)該還是要以布局的美 為標(biāo)準(zhǔn)，有規(guī)律可循，這也是網(wǎng)頁設(shè)計師的責(zé)任。
網(wǎng)頁設(shè)計師的素質(zhì)應(yīng)該全部是技術(shù)方面的嗎？君不見招聘的廣告一概為這樣：招網(wǎng)頁設(shè)計師xx名，具備素質(zhì)為精通 Photoshop，Corldraw,Frontpage,Dreamweaver,Firework,Flash.會Css,Html,Asp, SQL者優(yōu)先。難道這就是一個網(wǎng)頁設(shè)計師的全部嗎？這是一種只追求技術(shù)忽視美感的做法勢必導(dǎo)致一批粗制濫造的網(wǎng)頁。就象工業(yè)化大生產(chǎn)帶來的一大批冷冰冰的 電子產(chǎn)品，讓人反而特別渴望手工藝時代。我們也同樣可以從網(wǎng)頁制作的失敗上看到這樣的陰影，就是一些充斥著動態(tài)與交互，但是頁面顏色和布局都是隨心所欲， 亂七八糟。這樣得不到好的效果。由此也有人指出網(wǎng)絡(luò)速度慢是由網(wǎng)頁設(shè)計師造成的，我想一定程度上是有一定的道理，但是應(yīng)該說是由一些不合格的網(wǎng)頁設(shè)計師造 成的，好的網(wǎng)頁設(shè)計師應(yīng)該是合理的利用技術(shù)，在不影響美或者是盡量不影響的條件下，找到一個結(jié)合點做出美觀而又實用的網(wǎng)頁。才能算一個好的網(wǎng)頁設(shè)計師。 技術(shù)不需要嗎？當(dāng)然需要，而且相當(dāng)重要，這要以頁面的美（至少要規(guī)范）為基礎(chǔ)。而很多場合卻顛倒了。這不是本末倒置是什么？既然如此作為一名網(wǎng)頁設(shè)計 師要怎么把握這方面的技術(shù)呢？
隨著軟件業(yè)尤其是繪圖的應(yīng)用軟件以及網(wǎng)頁設(shè)計的軟件的不斷升級，使用起來愈加方便。打個比方：原來的網(wǎng)頁全是如 同文本編輯一樣，圖片的定位就相當(dāng)困難，往往要求助于表格，很多時候就要表格加表格，表格里插表格，這就需要熟練的掌握表格的應(yīng)用。而且還很難達(dá)到目標(biāo)， 有時不得不更改一些自己的目標(biāo)。這有時是牽一發(fā)而動全身的。現(xiàn)在呢？在Dreamweaver和Frontpage2000出現(xiàn)后，采用了高級的 Dhtml技術(shù)以層的形式和定位功能將這個問題輕松的解決了。所以作為一名好的設(shè)計師應(yīng)該時時關(guān)注軟件的新的發(fā)展，適應(yīng)新的功能，以增加工作的效率（當(dāng)然 這就要求原來就要掌握必要的軟件的使用知識，才能使自己能駕輕就熟的掌握新的升級后的軟件的使用），很多設(shè)計師卻只重視網(wǎng)頁的設(shè)計制作軟件的使用，而忽視 一些內(nèi)部技術(shù)方面的知識。這也不行的，例如如果不掌握ASP技術(shù)網(wǎng)頁設(shè)計師的知識是不完善的，就不能做一些好的交互以及查詢等等系統(tǒng)，還有一些數(shù)據(jù)庫以及 本身的HTML、DHTML、javascript和CSS的技術(shù)。只有這樣才能做到知其然和知其所以然。如若不然就只是讓人感到有一種缺陷，這種缺陷帶 給人的不是缺陷美，而是遺憾。
作為合格的網(wǎng)頁設(shè)計師，一定的文化素質(zhì)是不可少的，如文學(xué)修養(yǎng)，看到一個又一個寫得優(yōu)美而充滿情調(diào)的文案了嗎？ 同時你也看到了一些充斥著錯別字和生硬的文字搭配的文章了嗎？好的文案，不僅僅讓人對你所做的網(wǎng)頁回味無窮，也可是自己的網(wǎng)頁平添幾分藝術(shù)特色。具備這樣 的素質(zhì)往往能從自己的網(wǎng)頁上反映出來，能使受眾體會到，如網(wǎng)頁內(nèi)容的好惡的選擇，適當(dāng)?shù)那苍~造句。相反，一個欠缺文學(xué)修養(yǎng)的設(shè)計師做的網(wǎng)頁，人們能從他的 網(wǎng)頁上看到他的缺陷。當(dāng)然文化素質(zhì)不僅僅包括文學(xué)修養(yǎng)，還有音樂和繪畫等方面的修養(yǎng)。只有具備一定的這些方面的修養(yǎng)，才能夠使自己網(wǎng)頁達(dá)到一定的水準(zhǔn)，才 能夠使人欣賞到好的網(wǎng)頁制作。 網(wǎng)絡(luò)既然是現(xiàn)代社會的產(chǎn)物，那么它就與社會的發(fā)展緊密的結(jié)合在一起的，社會的一舉一動都能在上面反映出來，人們不是特別關(guān)心網(wǎng)絡(luò)經(jīng)濟(jì)嗎？所以作為一名 從事網(wǎng)頁設(shè)計的人來說，就不能忽視社會時事的變化。對于風(fēng)聲雨聲、家事國事均要有所聞、有所關(guān)心，這樣才能使自己具有一顆不終止的進(jìn)取的心，應(yīng)付各種變 化，使運(yùn)動的觀點深入到網(wǎng)頁制作中去，這樣做出來的網(wǎng)頁才能夠使網(wǎng)友們覺得親切，這樣得到的成果能夠被人所認(rèn)可，才是一大成功。假如永遠(yuǎn)在體會這種成功中 去工作，他才能算成功中的成功。就如流行色吧！假如你是一個經(jīng)常關(guān)注色彩的發(fā)展，知道現(xiàn)在人們很喜歡什么顏色，有的放矢的應(yīng)用一些到自己的相關(guān)的網(wǎng)頁制作 中，是很容易讓人體會到一種親切感的。還有經(jīng)常上網(wǎng)去看別人怎么做的，才能使自己不斷的吸收一些好的經(jīng)驗，杜絕一些常犯的毛病。自己也能了解到網(wǎng)頁的發(fā) 展，死跟上這種節(jié)奏。 以上是一點粗淺的看法，對于這們新興的邊緣性的學(xué)科，我們每一個從事網(wǎng)頁制作的人來說都應(yīng)該牢記“探索是無止境，學(xué)習(xí)無歸期”時時做一個生活的有心 人，只有這樣才能使自己的作品富有生機(jī)。
