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