關於網站設計的思考[6/11]（轉）

首頁的設計

    在我們全面考慮好網站的欄目，鏈接結構和整體風格之後，我們就可以正式動手製作首頁了。
    有這麼一句俗語："良好的開端是成功的一半"。
    在網站設計上也是如此，首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入，是否能夠吸引瀏覽者留在站點上，全憑首頁設計的"功力"了。
1 Q* [  L$ E$ }- {) W8 J: O$ F/ `    所以，首頁的設計和製作是絕對要重視和花心思的。阿捷的經驗是：一般首頁設計和製作佔整個製作時間的40%。你寧可多花些時間在早期，以免出現全部做好以後再修改，那將是最浪費精力的事。
1 e6 V  A" ]& B
　　這裡，先插一個「封面」的問題。封面是指沒有具體內容，只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。
: I) d9 F, b/ R; z1 W: E& V, h) i% y    是否需要為站點設計一個「封面」？阿捷的個人觀點是：沒必要！
+ a1 O% |! o' ~+ c+ E    除非你是很藝術類的站點，或者可以確信內容獨特，可以吸引瀏覽者進一步點擊進入的站點，否則的話，封面式的首頁並不會給你的站點帶來什麼好處。我們上網瀏覽需要的是快速，有價值的信息，如果等待xx分鐘，只顯示出一個粗劣的「ENTER」圖標，那麼相信沒有人會再耐心等待進入下一頁。
  L  n1 y! \6 ~* V5 p
5 H2 F9 a* Y4 w+ O: m! ^3 d7 w! V; @　　因為首頁的重要性，阿捷將著重用８篇文章來仔細討論有關首頁設計的方方面面，大致提綱如下：
0 v8 f* p8 C+ H/ S/ t4 e
( d. g* b3 V" N/ A　　○版面佈局的竅門
　　○色彩的搭配
  k6 Z+ K4 p! `6 t: X; o　　○字體的設置和表格的嵌套
　　○細微之處見功力
/ B( f. w) W$ [* ?/ ~+ P　　○考慮不同的瀏覽器和分辨率
+ M! n- t$ G- C' P0 k　　○設計好你的banner和位置
5 y) [, a% E  K  ~# C　　○meta標籤的重要性
! o* ~2 p( p% L# h6 ?( Y　　○首頁設計的小建議

6 ^2 w  v3 t! N! }; o* H　　今天，只是關於首頁設計的一個引子。讓我們來大致瞭解一下首頁設計的步驟。
% h$ w, V2 x& Y- S6 g& @, D    首頁，從根本上說就是全站內容的目錄，是一個索引。但只是羅列目錄顯然是不夠的，如何設計好一個首頁呢？一般的步驟是：
1 n& S& Q# C0 M1 P$ f5 h2 J
% X" O% t" K7 i/ Z$ H' q8 ]" Y- _●確定首頁的功能模塊
●設計首頁的版面
●處理技術上的細節
　　
7 i. m* H( x" C6 k　　一).確定首頁的功能模塊。
' W' G' a, [& v( E6 P$ K5 H% @　　首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊：
網站名稱(logo), 廣告條(banner), 主菜單(menu),
; }4 r0 y. B+ ~$ W# j7 ]& V' J6 g新聞(what's new), 搜索(search), 友情鏈接(links),
/ Z4 y& c0 o( a* K郵件列表(maillist),計數器(count), 版權(copyright).
　　選擇哪些模塊，實現哪些功能，是否需要添加其他模塊都是首頁設計首先需要確定的。
　　　
　　二).設計首頁的版面
　　在功能模塊確定後，開始設計首頁的版面。就像搭積木，每個模塊是一個單位積木，如何拼搭出一座漂亮的房子，就看你的創意和想像力了。
- \9 a, Q& x$ m9 J' R' V5 X% d0 `* ]　　設計版面的最好方法是：找一張白紙，一支筆，先將你理想中的草圖勾勒出來，然後再用網頁製作軟件實現。

4 d5 t" q0 U' O4 @　　三).處理技術上的細節　　　
　　阿捷經常收到的來信問題就是：我製作的主頁如何能在不同分辨率下保持不變形，如何能在IE和NC下看起來都不至於太醜陋，如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章裡為大家詳細介紹。
, C- ]' q: d+ M; p
　　首頁設計是整個網舊杓頻哪訓愫凸、??⒔菹Ｍ?芄煌u?痛蠹業慕渙鰨?芙岢鲆惶捉銜?俠硪籽納杓品椒ǎ?傭?僖環慈??刮頤悄芄桓?憂崴傻耐瓿燒?穌鏡愕納杓浦譜鰲Ｈ綣?閽敢飩?愕男牡錳寤岷痛蠹曳窒恚?肜蔥臶email]ajie@soim.com[/email],謝謝！

很好
% y/ Y4 z, |8 p% Z' @& M% ]謝謝各位的幫忙呢

支持