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