4.如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是：________________
參考答案：
思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者
5.作為站長(zhǎng)，你希望給人的印象是：____________________
參考答案：
敬業(yè)，認(rèn)真投入，有深度，負(fù)責(zé)，純真，直爽，淑女
6.用一種動(dòng)物來(lái)比喻，你的網(wǎng)站最象：__________________
參考答案：
貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)
7.瀏覽者覺(jué)得你和其他網(wǎng)站的不同是：__________________
參考答案：
可以信賴，信息最快，交流方便，
8.瀏覽者和你交流合作的感受是：______________________
參考答案：
師生，同事，朋友，長(zhǎng)幼。
你可以自己先填寫(xiě)一份答案，然后讓其他網(wǎng)友填寫(xiě)。比較后的結(jié)果會(huì)告訴你：你網(wǎng)站現(xiàn)在的差距，弱點(diǎn)及需要改進(jìn)的地方。
第三，在明確自己的網(wǎng)站印象后，開(kāi)始努力建立和加強(qiáng)這種印象。
經(jīng)過(guò)第二步印象的的”量化”后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。例如：再次審查網(wǎng)站名稱，域名，欄目名稱是否符合這種個(gè)性，是否易記。審查網(wǎng)站標(biāo)準(zhǔn)色彩是否容易聯(lián)想到這種特色，是否能體現(xiàn)網(wǎng)站的性格等等。具體的做法，沒(méi)有定式。我這里提供一些參考：
1.將你的標(biāo)志logo,盡可能的出現(xiàn)在每個(gè)頁(yè)面上。或者頁(yè)眉，或者頁(yè)腳，或則背景。
2.突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。
3.突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。
4.想一條朗朗上口宣傳標(biāo)語(yǔ)。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網(wǎng)站的特色是…
5.使用統(tǒng)一的語(yǔ)氣和人稱。即使是多個(gè)人合作維護(hù)，也要讓讀者覺(jué)得是同一個(gè)人寫(xiě)的。
6.使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。
7.創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn)，可以使用,.。☆※○◇□△→（區(qū)位碼里自己參看）等等。雖然很簡(jiǎn)單的一個(gè)變化，卻給人與眾不同的感覺(jué)，(為什么我沒(méi)有想到呢？)
8.用自己設(shè)計(jì)的花邊，線條，點(diǎn)
9.展示你網(wǎng)站的榮譽(yù)和成功作品。
10.告訴網(wǎng)友關(guān)于你的真實(shí)的故事和想法。
風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化，調(diào)整，修飾，直到有一天，網(wǎng)友們寫(xiě)信告訴你：”我喜歡你的站點(diǎn)，因?yàn)樗苡酗L(fēng)格！”
● 創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵。這一點(diǎn)相信大家都已經(jīng)認(rèn)同。然而作為網(wǎng)頁(yè)設(shè)計(jì)師，最苦惱的就是沒(méi)有好的創(chuàng)意來(lái)源。
注意，這里說(shuō)的創(chuàng)意是指站點(diǎn)的整體創(chuàng)意，(因?yàn)檫@個(gè)創(chuàng)意而產(chǎn)生這個(gè)站點(diǎn)，或者相同的內(nèi)容，推出的創(chuàng)意不同),網(wǎng)頁(yè)的平面設(shè)計(jì)創(chuàng)意我將在后面的版面布局竅門里介紹。
創(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？
創(chuàng)意是引人入勝，精彩萬(wàn)分，出奇不意的；
創(chuàng)意是捕捉出來(lái)的點(diǎn)子，是創(chuàng)作出來(lái)的奇招….
這些講法都說(shuō)出了創(chuàng)意的一些特點(diǎn)，實(shí)質(zhì)上，
創(chuàng)意是傳達(dá)信息的一種特別方式。
比如Webdesigner(網(wǎng)頁(yè)設(shè)計(jì)師)，我們將其中的E字母大寫(xiě)一下: wEbdEsigEr，感覺(jué)怎么樣，這其實(shí)就是一種創(chuàng)意！
創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。根據(jù)美國(guó)廣告學(xué)教授詹姆斯的研究，創(chuàng)意思考的過(guò)程分五階段
1.準(zhǔn)備期–研究所搜集的資料，根據(jù)舊經(jīng)驗(yàn)，啟發(fā)新創(chuàng)意；
2.孵化期–將資料咀嚼消化，使意識(shí)自由發(fā)展，任意結(jié)合；
3.啟示期–意識(shí)發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；
4.驗(yàn)證期–將產(chǎn)生的創(chuàng)意討論修正；
5.形成期–設(shè)計(jì)制作網(wǎng)頁(yè)，將創(chuàng)意具體化。
創(chuàng)意是將現(xiàn)有的要素重新組合。
比如，網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話。從這一點(diǎn)上出發(fā)，任何人，包括你和我，都可以創(chuàng)造出不同凡響的創(chuàng)意。而且，資料越豐富，越容易產(chǎn)生創(chuàng)意。就好比萬(wàn)花筒，筒內(nèi)的玻璃片越多，所呈現(xiàn)的圖案越多。你如果有心可以發(fā)現(xiàn)，網(wǎng)絡(luò)上的最多的創(chuàng)意來(lái)自與現(xiàn)實(shí)生活的結(jié)合(或者虛擬現(xiàn)實(shí))，例如在線書(shū)店，電子社區(qū)，在線拍賣。你是否想到了一種更好的創(chuàng)意呢？
創(chuàng)意思考的途徑最常用的是聯(lián)想，這里提供了網(wǎng)站創(chuàng)意的25種聯(lián)想線索：
1.把它顛倒 2.把它縮小 3.把顏色換一下 4.使它更長(zhǎng)
5.使它閃動(dòng) 6.把它放進(jìn)音樂(lè)里 7.結(jié)合文字音樂(lè)圖畫(huà) 8.使它成為年輕的
9.使它重復(fù) 10.使它變成立體 11.參加競(jìng)賽 12.參加打賭
13.變更一部分 14.分裂它 15.使它羅曼蒂克 16.使它速度加快
17.增加香味 18.使它看起來(lái)流行 19.使它對(duì)稱 20.將它向兒童訴求
21.價(jià)格更低 22.給它起個(gè)綽號(hào) 23.把它打包 24.免費(fèi)提供
25.以上各項(xiàng)延伸組合
————-(轉(zhuǎn)載自樊志育《廣告制作》)
需要一提的是：創(chuàng)意的目的是更好的宣傳推廣網(wǎng)站。如果創(chuàng)意很好，卻對(duì)網(wǎng)站發(fā)展毫無(wú)意義，好比給奶牛穿高跟鞋，那么，我們寧可放棄這個(gè)創(chuàng)意！
關(guān)于風(fēng)格和創(chuàng)意，可以講得還有許多。感興趣的網(wǎng)友可以自己找一些廣告設(shè)計(jì)方面的書(shū)閱讀。希望本文能幫助您對(duì)網(wǎng)站的設(shè)計(jì)有一個(gè)更新的認(rèn)識(shí)和提高。謝謝！
首頁(yè)的設(shè)計(jì)
在我們?nèi)婵紤]好網(wǎng)站的欄目，鏈接結(jié)構(gòu)和整體風(fēng)格之后，我們就可以正式動(dòng)手制作首頁(yè)了。
有這么一句俗語(yǔ)：”良好的開(kāi)端是成功的一半”。
在網(wǎng)站設(shè)計(jì)上也是如此，首頁(yè)的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。人們往往看到第一頁(yè)就已經(jīng)對(duì)你的站點(diǎn)有一個(gè)整體的感覺(jué)。是不是能夠促使瀏覽者繼續(xù)點(diǎn)擊進(jìn)入，是否能夠吸引瀏覽者留在站點(diǎn)上，全憑首頁(yè)設(shè)計(jì)的”功力”了。
所以，首頁(yè)的設(shè)計(jì)和制作是絕對(duì)要重視和花心思的。阿捷的經(jīng)驗(yàn)是：一般首頁(yè)設(shè)計(jì)和制作占整個(gè)制作時(shí)間的40%。你寧可多花些時(shí)間在早期，以免出現(xiàn)全部做好以后再修改，那將是最浪費(fèi)精力的事。
這里，先插一個(gè)“封面”的問(wèn)題。封面是指沒(méi)有具體內(nèi)容，只放一個(gè)logo點(diǎn)擊進(jìn)入或者只有簡(jiǎn)單的圖形菜單的首頁(yè)。
是否需要為站點(diǎn)設(shè)計(jì)一個(gè)“封面”？阿捷的個(gè)人觀點(diǎn)是：沒(méi)必要！
除非你是很藝術(shù)類的站點(diǎn)，或者可以確信內(nèi)容獨(dú)特，可以吸引瀏覽者進(jìn)一步點(diǎn)擊進(jìn)入的站點(diǎn)，否則的話，封面式的首頁(yè)并不會(huì)給你的站點(diǎn)帶來(lái)什么好處。我們上網(wǎng)瀏覽需要的是快速，有價(jià)值的信息，如果等待xx分鐘，只顯示出一個(gè)粗劣的“ENTER”圖標(biāo)，那么相信沒(méi)有人會(huì)再耐心等待進(jìn)入下一頁(yè)。
因?yàn)槭醉?yè)的重要性，阿捷將著重用８篇文章來(lái)仔細(xì)討論有關(guān)首頁(yè)設(shè)計(jì)的方方面面，大致提綱如下：
○版面布局的竅門
○色彩的搭配
○字體的設(shè)置和表格的嵌套
○細(xì)微之處見(jiàn)功力
○考慮不同的瀏覽器和分辨率
○設(shè)計(jì)好你的banner和位置
○meta標(biāo)簽的重要性
○首頁(yè)設(shè)計(jì)的小建議
今天，只是關(guān)于首頁(yè)設(shè)計(jì)的一個(gè)引子。讓我們來(lái)大致了解一下首頁(yè)設(shè)計(jì)的步驟。
首頁(yè)，從根本上說(shuō)就是全站內(nèi)容的目錄，是一個(gè)索引。但只是羅列目錄顯然是不夠的，如何設(shè)計(jì)好一個(gè)首頁(yè)呢？一般的步驟是：
●確定首頁(yè)的功能模塊
●設(shè)計(jì)首頁(yè)的版面
●處理技術(shù)上的細(xì)節(jié)
一).確定首頁(yè)的功能模塊。
首頁(yè)的內(nèi)容模塊是指你需要在首頁(yè)上實(shí)現(xiàn)的主要內(nèi)容和功能。一般的站點(diǎn)都需要這樣一些模塊：
網(wǎng)站名稱(logo), 廣告條(banner), 主菜單(menu),
新聞(what’s new), 搜索(search), 友情鏈接(links),
郵件列表(maillist),計(jì)數(shù)器(count), 版權(quán)(copyright).
選擇哪些模塊，實(shí)現(xiàn)哪些功能，是否需要添加其他模塊都是首頁(yè)設(shè)計(jì)首先需要確定的。
二).設(shè)計(jì)首頁(yè)的版面
在功能模塊確定后，開(kāi)始設(shè)計(jì)首頁(yè)的版面。就象搭積木，每個(gè)模塊是一個(gè)單位積木，如何拼搭出一座漂亮的房子，就看你的創(chuàng)意和想象力了。
設(shè)計(jì)版面的最好方法是：找一張白紙，一支筆，先將你理想中的草圖勾勒出來(lái)，然后再用網(wǎng)頁(yè)制作軟件實(shí)現(xiàn)。
三).處理技術(shù)上的細(xì)節(jié)
阿捷經(jīng)常收到的來(lái)信問(wèn)題就是：我制作的主頁(yè)如何能在不同分辨率下保持不變形，如何能在IE和NC下看起來(lái)都不至于太丑陋，如何設(shè)置字體和鏈接顏色….等等,阿捷將在下面幾篇文章里為大家詳細(xì)介紹。
首頁(yè)設(shè)計(jì)是整個(gè)網(wǎng)站設(shè)計(jì)的難點(diǎn)和關(guān)鍵，阿捷希望能夠通過(guò)和大家的交流，總結(jié)出一套較為合理易學(xué)的設(shè)計(jì)方法，從而舉一反三，使我們能夠更加輕松的完成整個(gè)站點(diǎn)的設(shè)計(jì)制作。如果你愿意將你的心得體會(huì)和大家分享，請(qǐng)來(lái)信ajie@soim.com,謝謝！
版面布局的原理
設(shè)計(jì)首頁(yè)的第一步是設(shè)計(jì)版面布局。
就象傳統(tǒng)的報(bào)刊雜志編輯一樣，我們將網(wǎng)頁(yè)看作一張報(bào)紙，一本雜志來(lái)進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的發(fā)展使得我們開(kāi)始趨向于學(xué)習(xí)場(chǎng)景編劇，但是固定的網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。它們的基本原理是共通的，你可以領(lǐng)會(huì)要點(diǎn)，舉一反三。
版面指的是瀏覽器看到的完整的一個(gè)頁(yè)面（可以包含框架和層）。因?yàn)槊總€(gè)人的顯示器分辨率不同，所以同一個(gè)頁(yè)面的大小可能出現(xiàn)640*480像素,800*600像素,1024*768像素等不同尺寸。
布局，就是以最適合瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。你可能注意到：“最適合”是一個(gè)不確定的形容詞，什么才是最適合的呢？抱歉的是阿捷不能也不可能給您一個(gè)完整的正確的答案。就好比有人希望知道成功的秘訣是什么，成功者只能建議您用什么方法，什么途徑才能最容易獲得成功，而不可能有一步成功的”秘訣”告訴您。
我們?cè)谠O(shè)計(jì)思考系列文章第四篇講過(guò)站點(diǎn)整體的創(chuàng)意，版面布局也是一個(gè)創(chuàng)意的問(wèn)題，但要比站點(diǎn)整體的創(chuàng)意容易，有規(guī)律的多。讓我們先來(lái)了解一下版面布局的步驟：
一.草案
新建頁(yè)面就象一張白紙，沒(méi)有任何表格，框架和約定俗成的東西，你可以盡可能的發(fā)揮你的想象力，將你想到的”景象”畫(huà)上去(我們建議您用一張白紙和一支鉛筆，當(dāng)然用作圖軟件photoshop等也可以)。這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只以粗陋的線條勾畫(huà)出創(chuàng)意的輪廓即可。盡你的可能多畫(huà)幾張，最后選定一個(gè)滿意的作為繼續(xù)創(chuàng)作的腳本。
二.粗略布局
在草案的基礎(chǔ)上，將你確定需要放置的功能模塊安排到頁(yè)面上。(注：功能模塊我們?cè)?#8221;首頁(yè)設(shè)計(jì)-引子”中提過(guò)，主要包含網(wǎng)站標(biāo)志,主菜單,新聞,搜索,友情鏈接,廣告條,郵件列表,計(jì)數(shù)器,版權(quán)信息等)。注意，這里我們必須遵循突出重點(diǎn)、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然后在考慮次要模塊的排放。
三.定案
將粗略布局精細(xì)化，具體化。（靠你的智慧和經(jīng)驗(yàn)，旁敲側(cè)擊多方聯(lián)想，才能作出具有創(chuàng)意的布局。）
在布局過(guò)程中，我們可以遵循的原則有：
1、正常平衡—亦稱”勻稱”。多指左右、上下對(duì)照形式，主要強(qiáng)調(diào)秩序，能達(dá)到安定誠(chéng)實(shí)、信賴的效果。
2、異常平衡—即非對(duì)照形式，但也要平衡和韻律，當(dāng)然都是不均整的，此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。
3、對(duì)比—所謂對(duì)比，不僅利用色彩、色調(diào)等技巧來(lái)作表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對(duì)比。
4、凝視—所謂凝視是利用頁(yè)面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀。
5、空白—空白有兩種作用，一方面對(duì)其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁(yè)品位的優(yōu)越感，這種表現(xiàn)方法對(duì)體顯網(wǎng)頁(yè)的格調(diào)十分有效。
6、盡量用圖片解說(shuō)—此法對(duì)不能用語(yǔ)言說(shuō)服、或用語(yǔ)言無(wú)法表達(dá)的情感，特別有效。圖片解說(shuō)的內(nèi)容，可以傳達(dá)給瀏覽者的更多的心理因素。
————(轉(zhuǎn)載自廣告大師樊志育《廣告制作》)
以上的設(shè)計(jì)原則，雖然枯燥，但是我們?nèi)绻茴I(lǐng)會(huì)并活用到頁(yè)面布局里，效果就大不一樣了。比如：
○網(wǎng)頁(yè)的白色背景太虛，則可以加些色快；
○版面零散，可以用線條和符號(hào)串聯(lián)；
○左面文字過(guò)多，右面則可以插一張圖片保持平衡；
○表格太規(guī)矩，可以改用導(dǎo)角試試。
經(jīng)過(guò)不斷的嘗試和推敲，你的網(wǎng)頁(yè)一定會(huì)亮麗起來(lái)的哦:)
看看我們經(jīng)常用到的版面布局形式：
1.”T”結(jié)構(gòu)布局。所謂”T”結(jié)構(gòu)。就是指頁(yè)面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景教深，整體效果類似英文字母”T”,所以我們稱之為”T”形布局。這是網(wǎng)頁(yè)設(shè)計(jì)中用的最廣返的一種布局方式。(圖略)
