網站設計與思考
2011-08-26 文章來源: 深達設計
定位你的網站CI形象 所謂CI，是借用的廣告術語。(CI是英文corporate identity的縮寫)，意思是通過視覺來統(tǒng)一企業(yè)的形象。現實生活中的CI策劃比比皆是，杰出的例子如：可口可樂公 司，全球統(tǒng)一的標志，色彩和產品包裝，給我們的印象極為深刻。更多的例子如SONY,三菱，麥當勞等等。 一個杰出的網站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創(chuàng)意的CI 設計，對網站的宣傳推廣有事半功倍的效果。在您的網站主題和名稱定下來之后，需要思考的就是網站的CI形象。 有網友要問了：我不是學廣告專業(yè)的，CI對我來說可能太難了吧:( 不用擔心，阿捷自己也沒有學過設計專業(yè)哦。大家只要參考我的一些具體做法和經驗，很容易將自己網站的CI搞定:)
1.設計網站的標志(logo).首先你需要設計制作一個網站的標志(logo)。就如同商標一樣，logo是你站點特色和內涵的集中體現，看見logo就讓大家聯想起你的站點。注意：這里的logo不是指88X31的小圖標banner,而是網站的標志。 標志可以是中文，英文字母，可以是符號，圖案，可以是動物或者人物等等。比如：soim是用soim的英文作為標志，新浪用字母sina+眼睛作為標志。標志的設計創(chuàng)意來自你網站的名稱和內容。
(1).網站有代表性的人物，動物，花草，可以用它們作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐貍，鯊威體壇的籃球鯊魚。
(2).網站有專業(yè)性的，可以以本專業(yè)有代表的物品作為標志。比如中國銀行的銅板標志，奔馳汽車的方向盤標志。
(3).最常用和最簡單的方式是用自己網站的英文名稱作標志。采用不同的字體， 字母的變形，字母的組合可以很容易制作好自己的標志。
2.設計網站的標準色彩。網站給人的第一印象來自視覺沖擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。 “標準色彩”是指能體現網站型象和延伸內涵的色彩。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。如果將IBM改用綠色或金黃色，我們會有什么感覺？ 一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用于網站的標志，標題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。一般來說，適合于網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。(注：關于色彩搭配的具體方法，我們會在本系列文章的第八篇介紹)。
3.設計網站的標準字體。和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般我們網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，我們可以根據需要選擇一些特別字體。例如，為了體現專業(yè)可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。當然這些都是阿捷的個人看法，你可以根據自己網站所表達的內涵，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網絡上還有許多專用英文藝術字體下載，要尋找一款滿意的字體并不算困難:) 需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC里沒有安裝你的特別字體，那么您的辛苦設計制作便付之東流啦！
4.設計網站的宣傳標語。也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的“味道好極了”；麥斯威爾的“好東西和好朋友一起分享”；Intel的“給你一個奔騰的心”。 以上四方面：標志，色彩，字體，標語，是一個網站樹立CI形象的關鍵，確切的說是網站的表面文章，設計并完成這幾步，你的網站將脫胎換骨，整體形象有一個提高。形象地說：你從一個土氣的農民轉變?yōu)橐晃晃餮b革履的白領人士。(注意：我們只是以平面靜態(tài)來設計CI,還沒有引入聲音，三維立體等因素。) 好了，看了以上的介紹，你應該對網站CI有了一個初步的概念。也許不是很明白，因為那些道理太抽象了，你可能需要一些實際的，更生動的例子。阿捷會在自己的主頁上同時修改補充一些實例。下一節(jié)，我們來討論“確定網站的欄目版塊”，歡迎您參與，謝謝！ 確定網站的欄目和版塊 《設計的思考》系列文章，今天開始寫第三篇。阿捷不是專業(yè)的網頁設計師，但阿捷將盡自己所能把這個系列文章寫好，盡可能將自己實踐過程中總結的經驗和心得告訴給大家，希望能給您一點收獲，一點啟發(fā)。文章中所列觀點如有不同意見，歡迎您來信討論，來信寄ajie@soim.com，謝謝。 我們在前二篇文章里學習了定位網站主題和確立網站的CI形象。下面是否該進入實質性的設計制作階段呢？答案是：不能。經驗告訴我們，建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰；也好比造一座高樓，首先要設計好框架圖紙，才能使樓房結構合理。初學者(包括我自己:-)，最容易犯的錯誤就是：確定題材后立刻開始制作。當你一頁一頁制作完畢后才發(fā)現：網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網站也相當困難，您的網站或許就此半途而廢，更糟糕的是：你因此失去了制作主頁的信心和興趣！所以，我們在動手制作網頁前，一定要考慮好以下三方面：
1.確定欄目和版塊；
2.確定網站的目錄結構和鏈接結構
3.網站的整體風格創(chuàng)意設計 今天我們首先來討論“確定網站的欄目和版塊”。 網站的題材確定后，相信你已經收集和組織了許多相關的資料內容。你一定認為這些都是最好的，肯定能吸引網友們來瀏覽網站。但是你有沒有將最好的，最吸引人的內容放在最突出的位置呢？有沒有讓好東西在版面分布上占絕對優(yōu)勢呢？我看見許多個人主頁的欄目(主菜單)并不是這樣的。舉個例子：有一個以提供動畫素材為主題的站點，它的主欄目是：關于站長，本站導航，動畫寶庫，本站論壇，本站留言本，聯系站長。首頁上寫著本站網址和版權申明(居然還有將本站設為首頁字樣)。最主要的，最吸引人的動畫素材在主欄目里占1/6，在首頁上一字沒提。我想即使這個站點的確有大量的，精美的動畫素材，也很難吸引瀏覽者繼續(xù)挖掘。 欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。
一般的網站欄目安排要注意以下幾方面：
1.記住要緊扣你的主題！ 一般的做法是：將你的主題按一定的方法分類并將它們作為網站的主欄目。例如上面的例子，可以將欄目分為動物動畫，標志動畫，三維動畫，卡通動畫等，在首頁上標明最近更新的動畫。記住：主題欄目個數在總欄目中要占絕對優(yōu)勢，這樣的網站顯的專業(yè)，主題突出，容易給人留下深刻印象。
2.個最近更新或網站指南欄目 如果你的首頁沒有安排版面放置最近更新內容信息，就有必要設立一個“最近更新”的欄目。這樣做是為了照顧常來的訪客，讓你的主頁更有人性化。 如果你的主頁內容龐大(超過15MB)，層次較多，而又沒有站內的搜索引擎，建議您設置“本站指南”欄目?？梢詭椭踉L者快速找到他們想要的內容。
3.設定一個可以雙向交流的欄目 不需要很多，但一定要有。比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。有調查表明，提供雙向交流的站點比簡單的留一個"Email me"的站點更具有親和力。 4.設一個下載或常見問題回答欄目網絡的特點是信息共享。如果你看到一個站點有大量的優(yōu)秀的有價值的資料，你肯定希望能一次性下載，而不是一頁一頁瀏覽存盤。“將心比心”在你自己的主頁上設置一個資料下載欄目，會得到大家的喜歡。有些站點為了廣告顯示量，一篇文章還要分幾頁顯示，我覺得遲早會因訪問量下降而淘汰(個人意見:)。另外，如果您的站點經常收到網友關于某方面的問題來信，你最好設立一個常見問題回答的欄目，既方便了網友，也可以節(jié)約自己更多時間用以學習。至于其他的輔助內容，如關于本站，版權信息等可以不放在主欄目里，以免沖淡主題?？偨Y以上幾點，我們得出劃分欄目需要注意的是： ●盡可能刪除與主題無關的欄目 ●盡可能將網站最有價值的內容列在欄目上 ●盡可能方便訪問者的瀏覽和查詢 上面說的是欄目，我們再看看版塊設置。版塊比欄目的概念要大一些，每個版塊都有自己的欄目。舉個例子：網易的站點分新聞，體育，財經，娛樂，教育等版塊，每個版塊下面有各有自己的主欄目。一般的個人站點內容少，只有主欄目(主菜單)就夠了，不需要設置版塊。
如果你覺得的確有必要設置版塊的，應該注意
1.各版塊要有相對獨立性。
2.各版塊要有相互關聯。
3.版塊的內容要圍繞站點主題。關于版塊方面，主要是門戶站點等較大ICP需要考慮的問題，在此不再作展開討論。
