首頁的設計 : }( [1 [8 G7 y7 t% W
! R- {! ]* ]- c0 B! S3 U8 B2 ]
在我們全面考慮好網站的欄目,鏈接結構和整體風格之後,我們就可以正式動手製作首頁了。+ T6 x& S4 E* c# _ p4 N
有這麼一句俗語:"良好的開端是成功的一半"。
2 t( q I' t9 ~4 K5 Z7 ^ 在網站設計上也是如此,首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入,是否能夠吸引瀏覽者留在站點上,全憑首頁設計的"功力"了。 p8 O/ |: ]3 J' \$ |
所以,首頁的設計和製作是絕對要重視和花心思的。阿捷的經驗是:一般首頁設計和製作佔整個製作時間的40%。你寧可多花些時間在早期,以免出現全部做好以後再修改,那將是最浪費精力的事。; L7 o# R8 `0 }. ~4 V
, Q3 z" f1 |- @ 這裡,先插一個「封面」的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。
' I. B' ~% }" m. I 是否需要為站點設計一個「封面」?阿捷的個人觀點是:沒必要!
2 |% T: X- K5 B3 p. r 除非你是很藝術類的站點,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的站點,否則的話,封面式的首頁並不會給你的站點帶來什麼好處。我們上網瀏覽需要的是快速,有價值的信息,如果等待xx分鐘,只顯示出一個粗劣的「ENTER」圖標,那麼相信沒有人會再耐心等待進入下一頁。9 ~- E2 ]6 m& J) \
0 G8 Y4 ]7 k' a. ~! J! q0 F1 m& f 因為首頁的重要性,阿捷將著重用8篇文章來仔細討論有關首頁設計的方方面面,大致提綱如下:
" e8 T5 O' S1 \4 b6 x. e
- M- o* D G4 Y ○版面佈局的竅門) r9 i' @$ r" S9 C
○色彩的搭配
: y0 i- ?2 J8 G4 c' V# ~6 f ○字體的設置和表格的嵌套* Q5 ]# p9 c2 f& i2 c! `, o1 G
○細微之處見功力+ m y! `8 R0 Q' e6 j. [+ ^
○考慮不同的瀏覽器和分辨率% T. N; A0 f) f5 O# b7 W# e5 S
○設計好你的banner和位置3 t/ Q3 M3 y! t4 f" k/ [/ {$ I
○meta標籤的重要性6 e3 R0 s3 ~* [3 F5 z* H
○首頁設計的小建議
8 c$ F( q. z- p- v/ c) N
$ U8 C5 h9 Z5 t- u 今天,只是關於首頁設計的一個引子。讓我們來大致瞭解一下首頁設計的步驟。
7 W1 G4 f- f/ @ 首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:
4 g2 Z5 z8 i; g
. R0 P8 s7 e- q% ? b8 c- G8 Z●確定首頁的功能模塊
3 i6 r7 D l( d2 A4 |4 i●設計首頁的版面
e& C N2 Y ^ s4 x) c+ v●處理技術上的細節
7 P3 g( r1 m0 y- G 1 F; u' |& S4 @, a, ?- g4 S
一).確定首頁的功能模塊。
" E* v+ y0 P/ k/ N 首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊:
$ J( G6 D, g% N8 k網站名稱(logo), 廣告條(banner), 主菜單(menu),& ?' @& a: e3 {
新聞(what's new), 搜索(search), 友情鏈接(links),, R2 D3 I5 |( f
郵件列表(maillist),計數器(count), 版權(copyright).& y. A2 P/ L' E
選擇哪些模塊,實現哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。: f; Q4 V2 f0 g$ N. b3 S, Y
" }* A" X- E$ P
二).設計首頁的版面
- m! e# S" i/ m0 Q2 ?$ G6 a0 p 在功能模塊確定後,開始設計首頁的版面。就像搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創意和想像力了。
9 J/ O0 W( [1 r3 k0 H! E }1 r& [! b 設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然後再用網頁製作軟件實現。
, L* F9 r; a" n, l9 k4 ` Z# }2 p+ g. Q+ @" X$ F2 |. s
三).處理技術上的細節 / b4 b# V6 d9 B: p" k; i2 l
阿捷經常收到的來信問題就是:我製作的主頁如何能在不同分辨率下保持不變形,如何能在IE和NC下看起來都不至於太醜陋,如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章裡為大家詳細介紹。
0 i3 n6 O: M. z: u; A( U7 j# \- a# i, t* j/ G' _! |8 d
首頁設計是整個網舊杓頻哪訓愫凸、??⒔菹M?芄煌u?痛蠹業慕渙鰨?芙岢鲆惶捉銜?俠硪籽納杓品椒ǎ?傭?僖環慈??刮頤悄芄桓?憂崴傻耐瓿燒?穌鏡愕納杓浦譜鰲H綣?閽敢飩?愕男牡錳寤岷痛蠹曳窒恚?肜蔥臶email][email protected][/email],謝謝! |
|