2.3 網頁構成元素設計

網站的品質常常體現在網頁細節的設計上，而不僅僅是網頁頁面的布局和配色。網頁中的導航菜單、網站標志和Loading畫面等各種頁面構成元素都參與決定網頁的精美程度。所以，網站是否能給人以耳目一新的感覺，頁面構成元素的設計很重要。

2.3.1 網站標志的設計

網站標志是網站獨有的傳媒符號，它的主要作用是傳遞網站定位，表達網站理念，便于人們識別。網站標志是網站內涵的集中體現，通常出現在頁面的上方。

標志設計追求的是以簡潔的符號化視覺藝術形象向人們傳達網站的主題和理念。網站標識設計的設計手法有很多，常用的有表征性手法、借喻性手法和標識性手法等，其表現形式通常分為圖案型、文字型和圖文型等。

圖案型標志可選擇抽象圖形或具象圖形作為其形式主體，通過隱喻、聯想、概括和抽象等表現方法對標識體進行加工，從而設計出獨特、醒目的圖案。圖案型標志屬于表象符號，其對理念的表達概括而形象，所以容易區分和記憶。圖2-33所示為圖案型網站標志。

文字型標志是指將標識體的名稱或其產品名的文字形態進行字體設計，這種表現形式與被標識體的聯系密切，易于被受眾理解。文字型標志屬于表意符號，其含義直接，對所表達的理念具有說明的作用。但是因為文字本身的相似性，在實際溝通與傳播活動中，受眾對標識本身的記憶容易模糊，從而弱化對被標識體的長久記憶。圖2-34和圖2-35所示為文字型網站標志。

圖文型標志是指將文字與圖案進行結合的設計，是一種表象表意的綜合。圖文型標志兼具文字與圖案的屬性，但都容易導致影響力相對弱化，所以出于不同取向的考慮，通常標志會制作成偏圖案或偏文字的設計，這會在表達時產生較大的差異。圖2-36和圖2-37所示為圖文型網站標志。

2.3.2 網站導航的設計

網站的導航欄可以引導瀏覽者迅速找到想要的信息。目前在網頁設計中，導航欄的形式很豐富，常見的是在網頁的上方或兩側，以文字列表的形式展示導航欄，如圖2-38所示。也有為追求特色的藝術效果，將文字和圖形結合設計出的導航欄，如圖2-39所示。

在設計過程中，可以根據網站風格和主題合理地設計導航欄的形式。文字列表形式的導航菜單可以用CSS來設置顯示樣式，如果需要特殊藝術效果的導航形式，可以利用Photoshop進行圖片化處理。

2.3.3 其他網頁視覺元素的設計

能讓網站變得更精彩的還有很多其他細節的設計，比如網站中ICON的設計、網站404錯誤頁面的設計等，還有最經常遇到也是最人性化的設計，即Loading的設計。好的Loading設計可以讓消費者耐心地等待網站的下載，幫助他們愉快地度過等待的時間。Loading設計的方式和手段也有很多，例如最常見的百分比提示，還有很多其他飽含設計師的創意和心血的方式，如圖2-40～圖2-43所示。