騰訊與阿里合并,互聯網將會怎樣? |
發布時間:2015-08-17 文章來源: 瀏覽次數:4344 |
不管在網頁設計中是新手或老手,垂直選單列表都是一個值得討論的話題。垂直的選單設計好像破壞了設計的基本規則,但實際上卻常常有令人驚艷的運用。 當然并不是每個網站都需要這樣的設計,也可以看看五個網頁設計建議,來增加網站吸引力! 單頁版面 每個網頁都需有個導航選單,匡助用戶導向內容。單頁版面可說是最靈活的,由于不需一籮筐的連結,也不需要大量的下拉選單和滑動面板。 Jorge Rigabert是很棒的網站范例。網站以大膽勇敢的用色,切割區塊來代表呈現不同的訊息,同時左側的垂直選單永遠在你的鼠標滾輪動彈時跟隨在旁邊,十分利便。 Silly Poems是另一個很棒的單頁網站范例,使用更具創意的設計風格,同時享受很多圖形分散在整個頁面。但是網站內容緊湊,垂直的選單在手機上是否需要不同的呈現方式呢?并沒有絕對的謎底。 單欄選單 不是所有網站都是單頁版面,慶幸的是有很多其他方法建構一個垂直選單列表。有時設計師仍會選擇隨動彈的選單,這在不管垂直或水平的選單列表都是一種流行。但在很多情況下,垂直選單仍只是簡樸放置在頁面上方并與表頭(header)和平相處。例如下面范例: 麥當勞的垂直選單列表設計是,當鼠標停留在鏈接,選單氣泡就會泛起在一旁。這與水平下拉選單相似,但不常見的原因是選單氣泡需要大量的空間。事實上,在步履版中就是改以水平呈現。 Power tothe Poster也是很好的例子,這是一個海報零售網站,這樣的選單擺設與背景相稱和諧。 小而簡選單 使用垂直選單列表,真的需要將訊息凝結在一個較小的區塊,這通常關系著調整字體和去除某些頁面元素。記住!設計垂直選單列表時保持「簡樸和易于辨識」。 Web Designer Wall使用粉紅色的網頁,并使用非常小的圖標配以華麗的文字,最令人驚艷的是在「BLOG」特別呈現的彈出選單。由于尺寸和相對位置,使此垂直選單顯得精美。 ParachuteClothing的首頁使用類似的垂直選單列表并加入圖標,圖標不僅匡助是別,也增加了網頁的設計感。 躲藏式滑動選單 人們越來越習慣以步履裝置瀏覽網站,使得響應式蔚為流行。 Kick Point在計算機版和步履版都采用滑動選單,依屏幕大小呈現固定比例。點開才固定呈現在右側,顯得更為簡潔,而Bad Assembly是一個非常類似的例子。 對于這樣的一個網站,利用躲藏式滑動選單是有意義的。在任何裝置上頁面都可更快速加載并且感覺更活潑。 以上每一個例子都可證實垂直選單列表在設計得宜下,如何得令人驚艷。固然不是每個網站可從這樣的設計中受益。但是我們在設計上,可以盡量試著嘗試,并不要以為只有水平才是最好,往往最出人意料的設計最能吸惹人,不是嗎? |