首頁的設計
4 n- F; V! ]+ x( s2 c8 C( R6 O! F8 v- D& b. A2 @3 v
在我們全面考慮好網站的欄目,鏈接結構和整體風格之後,我們就可以正式動手製作首頁了。4 F" I! }# H1 V* b/ }
有這麼一句俗語:"良好的開端是成功的一半"。! s& ?& \* W# F# |# m
在網站設計上也是如此,首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入,是否能夠吸引瀏覽者留在站點上,全憑首頁設計的"功力"了。9 e( r/ m, T; z: J1 T/ x0 z
所以,首頁的設計和製作是絕對要重視和花心思的。阿捷的經驗是:一般首頁設計和製作佔整個製作時間的40%。你寧可多花些時間在早期,以免出現全部做好以後再修改,那將是最浪費精力的事。
Y+ ^ }$ M& {1 U7 Q4 f
! @( t4 G( G, c 這裡,先插一個「封面」的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。% S& y) n" L# s" [$ c* k: m
是否需要為站點設計一個「封面」?阿捷的個人觀點是:沒必要!0 \# O* `. @$ r6 u% j, T s
除非你是很藝術類的站點,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的站點,否則的話,封面式的首頁並不會給你的站點帶來什麼好處。我們上網瀏覽需要的是快速,有價值的信息,如果等待xx分鐘,只顯示出一個粗劣的「ENTER」圖標,那麼相信沒有人會再耐心等待進入下一頁。, L3 o9 W, V% Q v
8 _% Z! N" A/ n' E7 |8 {' O2 I
因為首頁的重要性,阿捷將著重用8篇文章來仔細討論有關首頁設計的方方面面,大致提綱如下:
5 Z: e& \7 V* I3 J) i. i4 r' m9 Y0 E0 M
○版面佈局的竅門1 c6 A8 N% {& k& S
○色彩的搭配1 J( I4 Y" ?7 m4 O# r( l
○字體的設置和表格的嵌套
1 v3 U% V' G# q) _( U) W ○細微之處見功力
/ a) D& N3 ~1 R5 |: `1 U ○考慮不同的瀏覽器和分辨率
) }3 c: @' S& J# l/ l, o ○設計好你的banner和位置
3 [! K, x$ v9 _) ` ○meta標籤的重要性
7 Z+ Q3 k+ N! M ○首頁設計的小建議" P. r6 x( Z% C- k) g" E
5 v% E: \6 G- i9 h, Q8 y* ^8 v
今天,只是關於首頁設計的一個引子。讓我們來大致瞭解一下首頁設計的步驟。
z) L% e- M9 a6 A! W2 W: |7 V 首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:
" N5 ]8 g4 s( G7 ^: g4 u
" N! p5 C6 g6 ]3 E% P3 T" Q●確定首頁的功能模塊
) |; z* d" s- R& ?3 P5 d, q●設計首頁的版面. C) ]% K5 Q/ O; p, H
●處理技術上的細節
/ D$ U% R( ~3 J! r$ [ 2 m$ ^+ A8 U2 c7 L
一).確定首頁的功能模塊。
1 c7 i+ c9 @$ }. x& o6 Q3 Z 首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊:
( D0 \6 j5 e0 K! a& v# }網站名稱(logo), 廣告條(banner), 主菜單(menu),. A+ @: M' ?' m* O: V3 b$ U2 l
新聞(what's new), 搜索(search), 友情鏈接(links),
5 i& K4 ^$ r# L. ]( w# n郵件列表(maillist),計數器(count), 版權(copyright).
: f% J2 w) n' i9 p. G O 選擇哪些模塊,實現哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。
$ t- j4 T O4 n2 C0 r- x$ F
8 H ^& c5 ? H; g }) X# y 二).設計首頁的版面7 k1 o# f8 v$ e$ T
在功能模塊確定後,開始設計首頁的版面。就像搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創意和想像力了。" T& J% S: w* H/ `
設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然後再用網頁製作軟件實現。4 l" N5 i+ ]& X4 T) w) K6 }
" I s7 a9 h+ p/ t, M8 o9 Z
三).處理技術上的細節
" m: u+ _. h( O+ M- {4 V: I% [! _ 阿捷經常收到的來信問題就是:我製作的主頁如何能在不同分辨率下保持不變形,如何能在IE和NC下看起來都不至於太醜陋,如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章裡為大家詳細介紹。( E- q# Q I0 M: v M
* H8 Q% Q; E% e( D& j
首頁設計是整個網舊杓頻哪訓愫凸、??⒔菹M?芄煌u?痛蠹業慕渙鰨?芙岢鲆惶捉銜?俠硪籽納杓品椒ǎ?傭?僖環慈??刮頤悄芄桓?憂崴傻耐瓿燒?穌鏡愕納杓浦譜鰲H綣?閽敢飩?愕男牡錳寤岷痛蠹曳窒恚?肜蔥臶email][email protected][/email],謝謝! |
|