首頁的設計
$ X* m! {# G6 z( q3 U" x$ k* L0 t, t0 R: f, L" u# x: k
在我們全面考慮好網站的欄目,鏈接結構和整體風格之後,我們就可以正式動手製作首頁了。
: O/ C, f7 b3 S2 g/ D: t 有這麼一句俗語:"良好的開端是成功的一半"。
& ^! z: {+ Y8 z# p" ^, \$ T 在網站設計上也是如此,首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入,是否能夠吸引瀏覽者留在站點上,全憑首頁設計的"功力"了。( Q0 L! @9 i3 u2 `" ]
所以,首頁的設計和製作是絕對要重視和花心思的。阿捷的經驗是:一般首頁設計和製作佔整個製作時間的40%。你寧可多花些時間在早期,以免出現全部做好以後再修改,那將是最浪費精力的事。' B# ~0 w3 y9 E' N3 f; y
1 M# }3 I* Q) F
這裡,先插一個「封面」的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。
1 ^! P/ C# p/ w 是否需要為站點設計一個「封面」?阿捷的個人觀點是:沒必要!
) z1 m1 }+ _+ Y# Y, { 除非你是很藝術類的站點,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的站點,否則的話,封面式的首頁並不會給你的站點帶來什麼好處。我們上網瀏覽需要的是快速,有價值的信息,如果等待xx分鐘,只顯示出一個粗劣的「ENTER」圖標,那麼相信沒有人會再耐心等待進入下一頁。/ Z* @4 P* n2 r1 B% b
" G2 p! R- y5 b# M+ @7 V% H
因為首頁的重要性,阿捷將著重用8篇文章來仔細討論有關首頁設計的方方面面,大致提綱如下:
, O8 o1 K# T/ r# U% o5 W$ {* M/ X: s3 }
○版面佈局的竅門
& w0 N5 K5 i, _ ○色彩的搭配; m' L3 ~1 v2 L+ U
○字體的設置和表格的嵌套8 A2 y- y- w5 J- }
○細微之處見功力' ?3 J2 p/ f! U' l
○考慮不同的瀏覽器和分辨率
4 s# ~! U/ R3 E- \3 y' B: s ○設計好你的banner和位置
# e* v5 X" d& m- k5 Z2 X, u' L ○meta標籤的重要性 W2 n9 z0 ?) L$ s4 _, V7 J
○首頁設計的小建議6 w9 L v+ C5 n) w. l
. w5 [$ b) w5 F, b- I 今天,只是關於首頁設計的一個引子。讓我們來大致瞭解一下首頁設計的步驟。, a6 }% f1 }' I- H s1 _5 ?
首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:
, o" ]6 w' N3 @0 l/ M7 P1 }2 s9 t( ]% U% M
●確定首頁的功能模塊
( s4 b+ q' S) n5 S/ l0 f●設計首頁的版面0 O: `" }" l! j& o
●處理技術上的細節
' v$ C3 I1 q2 U! M" K# ~( I: L" Z, X 1 {1 ^& d: {: B2 T T5 g! b
一).確定首頁的功能模塊。
! b' U* ^. ]' [& F/ b2 \) s. a 首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊:
" q: Z. r" ~' j# N1 t網站名稱(logo), 廣告條(banner), 主菜單(menu),
8 r' e& {+ S2 Q5 w4 U新聞(what's new), 搜索(search), 友情鏈接(links),
: t+ m/ y% }9 F% P O7 A1 t; k% p- ~* V郵件列表(maillist),計數器(count), 版權(copyright).! y% j7 l$ y2 M- T" |
選擇哪些模塊,實現哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。4 {- v& x6 p$ r/ q1 @0 D
+ u5 l; b5 t, ^1 C: {! f 二).設計首頁的版面) g0 h9 B, o8 _5 e" {4 I. N$ a6 f
在功能模塊確定後,開始設計首頁的版面。就像搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創意和想像力了。
% O' Y i, i2 a 設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然後再用網頁製作軟件實現。
! A4 p i8 T4 p: N5 }0 ~# i
" j! u: ^, z: L- N: D& B 三).處理技術上的細節
0 Z( [" i2 P5 R) R! g, e) W 阿捷經常收到的來信問題就是:我製作的主頁如何能在不同分辨率下保持不變形,如何能在IE和NC下看起來都不至於太醜陋,如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章裡為大家詳細介紹。/ x% Q" T' _4 _# _
; F$ t$ j1 u/ k* E 首頁設計是整個網舊杓頻哪訓愫凸、??⒔菹M?芄煌u?痛蠹業慕渙鰨?芙岢鲆惶捉銜?俠硪籽納杓品椒ǎ?傭?僖環慈??刮頤悄芄桓?憂崴傻耐瓿燒?穌鏡愕納杓浦譜鰲H綣?閽敢飩?愕男牡錳寤岷痛蠹曳窒恚?肜蔥臶email][email protected][/email],謝謝! |
|