千萬別再用這5種方式做網頁

千萬別再用這5種方式做網頁

設計趨勢是設計師所擁有的最強大的武器之一,設計師將時尚和潮流融入設計,將新鮮的風格和獨特的體驗帶給用戶,但是設計趨勢的另外一面也不能忽略,就是它的「時限」,它們是有生命週期的。

設計趨勢是設計師所擁有的最強大的武器之一。
設計師將時尚和潮流融入設計,將新鮮的風格和獨特的體驗帶給用戶。
但是設計趨勢的另外一面也不能忽略,就是它的「時限」,它們是有生命週期的。

要經常練習使用設計趨勢,它們能夠幫你激發靈感,鍛鍊創造力,同時也要敏銳地判斷你所使用的趨勢是否已經過時。
今天的文章,我們就聊一聊目前已經過時的5個趨勢。

1、無處不在的“復古”元素

千萬別再用這5種方式做網頁範例圖
雖然說復古一直在流行,但是就目前而言,要謹慎對待復古的元素了。
老派的排版,充滿古舊感的葡萄酒色,無處不在的紋理和材質過渡。
在現代和簡約的大趨勢之下,這些復古元素已經開始讓人覺得格格不入了。
常見的復古元素包含如下特徵:

  • 粗糲質感的圖片和字體
  • 帶有大量裝飾性筆觸和花邊的手寫字體
  • 暗啞沉悶的配色方案
  • 為了做舊而疊加了棕色和褐色的各種元素
  • 紋理明顯的背景

簡約風和現代風之所以能被大家喜愛,很大程度上是因為它們在功能性和可讀性上的突出表現。
相比之下,過於復古的元素常常會在直觀性上不如簡約現代的設計,這也是影響它「流行性」的一個重要原因。

2、超細字體

千萬別再用這5種方式做網頁範例圖
在告別擬物化設計的時候,蘋果公司在iOS7中採用了超細的Helvetica Neue 作為主要的英文字體,這一設計決策可能是蘋果公司歷年來最著名的幾個設計失誤之一。超細字體雖然在時髦值上不低,但是在可讀性上並不優秀。雖然隨後蘋果在隨後的系統中用 San Francisco 字體代替了 Helvetica Neue ,但是扁平化+超細字體的組合已經逐步在設計領域流行開來。知道如今,這種閱讀性並不強的設計搭配依然存在。
超細字體雖然看起來足夠優雅,但是在背景和前景色彩對比度不足的時候,整個閱讀體驗幾乎是災難性的。
如果你的網站正在使用的文本字體是超細的版本的話,儘量先替換為同族字體中常規粗細的版本。
如果你有觀察過最新的網頁設計作品的話,會發現現在網站字體的筆觸幾乎沒有用超細的,而且在字號上還會設置得比以往更大。

3、輪播首圖

千萬別再用這5種方式做網頁範例圖
你真的回去主動點擊輪播首圖呢?尤其是當其中有六七張不同的高清大圖的時候?
絕大多數的用戶只會是看看而已。早在2013年的時候,Nielsen Norman Group 就為此做過一項用戶調研,發現即使這些首圖足夠大,用戶也常常忽略,因為輪播圖這種設計本身就很難讓用戶關注到其中的關鍵訊息。
相比之下,如果將首屏的輪播圖替換成單個首圖,並且搭配上CTA按鈕,效果會好很多。
用戶不再會被多個首圖進行訊息轟炸,而單一的選擇給用戶的路徑也更為清晰直觀。
對於絕大多數的用戶而言,他們會看到自己感興趣的內容就會點擊。
這些自動輪播的多圖首屏所帶來的一個直接的問題就是在於,你根本不知道用戶會點擊哪張圖片,用戶因此可能會錯過他們感興趣的內容,如果他們願意探索,輪播圖帶給他們的工作量又會相對較大,也就是說這種設計本身就容易失控。
選擇一個覆蓋面較廣的高清大圖、插畫或者較短的背景影片,相比於6個輪播圖所帶來的效果會更加直觀有效,也更加富有凝聚力。

4、高清影片背景

千萬別再用這5種方式做網頁範例圖
全影片是這幾年比較流行的一種設計手段。影片背景確實非常吸引人,但是影片背景本身不適宜承載大量的、需要用戶理解消化的內容。
更重要的問題在於,現如今對於媒體素質的要求越來越高,當你使用影片背景的時候,它必須是高清的。
對於桌面端用戶而言,在光纖加持下,等待幾秒加載一個高清影片背景並沒有太大壓力,可是對於移動端用戶而言,這個影片媒體就是個超重的媒體內容了。影片背景的體驗會非常令人著急。
長時間的加載動畫是無法解決快速加載的需求的。
你不想希望影片背景最終給你帶來的問題,比它所解決的體驗上的需求,還要多。
這所導致的直接結果就是用戶會動搖,會拒絕繼續等待,選擇離開。
高清影片背景給用戶帶來的問題不止是這一點。
許多時候,影片所帶來的附加媒體就是聲音,但是在很多場合下,用戶是不想也不願意聽到聲音的。
有的直接是因為設備原因,無法播出音頻。不論是何種原因,用戶的需求和實際的體驗無法真正對接起來。
儘量讓影片背景不要成為網站體驗的唯一支撐,或者主要的設計元素。
使用它來營造第一印象,最終所導致的結果,其實很難說。

5、過多圖標

千萬別再用這5種方式做網頁範例圖
圖標看起來是是非常實用的設計素材,好像哪裡都能用上。
但是,現在我們所能看到的許多網頁只是在堆砌圖標。
只有真正理解了圖標的含義,讓它和對應的服務和功能匹配起來,才算是合理的設計,單純只是用圖標來製造視覺訊息量的時代過去了。
絕大多數設計優秀的網站,只需要不多的幾個常用的圖標,用於購物車、社交媒體、搜索等切實可用的功能。
它們甚至不需要大而漂亮的,一組簡單直觀的圖標就會很好用。
不要過度使用圖標。你要理解這些圖標的含義,讓他們真正能幫助你的用戶理解你的網頁中的功能。
在視覺上,圖標也不應該喧賓奪主,而是要儘量微妙而簡約,能夠融入背景,服務於整個設計。
必須承認,圖標很好用,但是現在我們所看到的大量圖標都是處於被濫用的狀態,而非合理的運用,這導致圖標最終淪為了視覺裝飾。
不過,這種局面最終還是得到了改善。

結語

談及時髦和流行的元素的時候,我們一定要多留一個心眼。
勇於嘗試新事物,也要密切關注它是否已經開始過時。
這樣才能讓你的設計項目恰到好處。

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。