首頁的設計 0 ]% q1 u2 U: m9 K. _
# q' I9 |+ W2 I
在我們全面考慮好網站的欄目,鏈接結構和整體風格之後,我們就可以正式動手製作首頁了。) F& `5 a! o+ s7 J8 n
有這麼一句俗語:"良好的開端是成功的一半"。
' Y- X3 o. o* f9 b" K; H5 \# h 在網站設計上也是如此,首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入,是否能夠吸引瀏覽者留在站點上,全憑首頁設計的"功力"了。& b- `3 s* E- p. z1 S* g. [
所以,首頁的設計和製作是絕對要重視和花心思的。阿捷的經驗是:一般首頁設計和製作佔整個製作時間的40%。你寧可多花些時間在早期,以免出現全部做好以後再修改,那將是最浪費精力的事。( @! C' z+ l0 v7 o
|: J; A6 Y6 n2 _+ F: y6 C% V
這裡,先插一個「封面」的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。8 t3 E: m5 f4 W1 w$ H) G: I& N+ |
是否需要為站點設計一個「封面」?阿捷的個人觀點是:沒必要!
0 h6 S9 D+ g" M$ e/ @ 除非你是很藝術類的站點,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的站點,否則的話,封面式的首頁並不會給你的站點帶來什麼好處。我們上網瀏覽需要的是快速,有價值的信息,如果等待xx分鐘,只顯示出一個粗劣的「ENTER」圖標,那麼相信沒有人會再耐心等待進入下一頁。' i T. r/ B7 A
7 y6 y9 L. a' ?( \
因為首頁的重要性,阿捷將著重用8篇文章來仔細討論有關首頁設計的方方面面,大致提綱如下:" Y' n- I: v1 h. e$ c
h% n. F4 {! G0 t ○版面佈局的竅門
* O- ?$ d+ @, D" d, X ○色彩的搭配
8 ?+ g8 a: E" c3 Y1 C& Z. w. H ○字體的設置和表格的嵌套
3 q3 |2 E/ z0 o& F% Z' | ○細微之處見功力, R8 P: l- X( m4 P. c9 ?; y
○考慮不同的瀏覽器和分辨率
* d. x$ w1 p" R+ s( i ○設計好你的banner和位置
4 o2 ~* h7 o$ C0 P ○meta標籤的重要性8 q% W0 G$ C7 D. n' P
○首頁設計的小建議
9 N$ K/ i) [+ i0 n y$ D& h F5 z/ [2 q
今天,只是關於首頁設計的一個引子。讓我們來大致瞭解一下首頁設計的步驟。
$ g; F/ m7 r' C- z 首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:" D4 y* }. [. ?; }) `2 |
- n$ a4 H2 T, G( y! m$ C8 x* ?2 l( C4 W●確定首頁的功能模塊
- u! y% _! o5 [$ M$ G3 Y0 |●設計首頁的版面
. s6 l' X# a, i# E9 v●處理技術上的細節9 U2 ^" D; |2 _9 A
) d9 L. K8 B4 ?. O& \9 ?9 F$ ?
一).確定首頁的功能模塊。
; @1 @, M" [2 ^ 首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊:. S4 W) h0 F J3 M ]
網站名稱(logo), 廣告條(banner), 主菜單(menu),
- R I" I$ g7 I$ f1 a% D新聞(what's new), 搜索(search), 友情鏈接(links),# Z* T+ \4 A( f, G
郵件列表(maillist),計數器(count), 版權(copyright).4 F% S; u) M; A# P% a& a1 P
選擇哪些模塊,實現哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。: j0 d% ]3 T- l3 z- G4 D0 N
; M; X8 v+ Y+ K 二).設計首頁的版面
4 i6 e. L: }, j 在功能模塊確定後,開始設計首頁的版面。就像搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創意和想像力了。
: c5 W- r+ H7 W! z0 l9 x' S 設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然後再用網頁製作軟件實現。# t1 {2 G9 T5 `( I
& x8 Q6 q/ D1 v6 P7 X2 t! u5 a" u7 ? 三).處理技術上的細節 ) d( F6 W! v9 H
阿捷經常收到的來信問題就是:我製作的主頁如何能在不同分辨率下保持不變形,如何能在IE和NC下看起來都不至於太醜陋,如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章裡為大家詳細介紹。% A- W4 U! {; o6 n
- o. T9 B& ]$ h, k1 H" f 首頁設計是整個網舊杓頻哪訓愫凸、??⒔菹M?芄煌u?痛蠹業慕渙鰨?芙岢鲆惶捉銜?俠硪籽納杓品椒ǎ?傭?僖環慈??刮頤悄芄桓?憂崴傻耐瓿燒?穌鏡愕納杓浦譜鰲H綣?閽敢飩?愕男牡錳寤岷痛蠹曳窒恚?肜蔥臶email][email protected][/email],謝謝! |
|