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