10個即將過時的網站設計趨勢

我們經常被提醒必須謹慎使用設計趨勢，就像許多趨勢開始流行一樣，它們的過時也同樣快，這會讓你的設計在感覺上顯得過時。


不過也不需要完全忽略它們——趨勢可以幫助拉伸你的創造力，并幫助你創造一些你可能沒有嘗試過的東西。 但要注意什么趨勢是新鮮的，什么是永恒的，什么是過時的！

以下是10種即將過時的設計趨勢（或者無論如何也應該過時了）。



1.“復古”一切（“Vintage” Everything）



有之前的一段時間里，似乎每個設計趨勢都包含有“復古”的元素。復古的排版、復古的色彩、復古的紋理等。

已經夠了！

復古風格的問題在于精致的外觀太多了。 復古元素的特征包括：

· 圖像和字體及排版上的粗糙疊加。

· 有大量花飾和尾巴的腳本和字體。

· 柔和的調色板。

· 用于為圖像添加棕褐色或舊式著色的疊加層。

· 高度紋理化的背景。

雖然這些技術本質上并不是不好，但它們對網站設計提出了挑戰。 主要關注的是可讀性，由于設計中發生了很多事情，用戶就更難理解消息。

注意力范圍很短，因此設計需要立即傳達具有影響力的內容以吸引用戶。


2.預熱頁（Coming Soon Pages）




一個告訴你應用程序或完整網站即將推出的網頁設計。

那是什么邏輯？

為什么不等到網站準備好了？ 想想讓一個人去訪問一個實際上還沒有的網站是多么可怕的用戶體驗。所以，關于一個站點或引用程序的預熱頁面，我覺得有必要慢慢淡出人們的視線了。


3.超細的字體（Super-Thin Typography）



它可能是蘋果有史以來最大的錯誤之一 - 在其操作系統中使用超細，濃縮的字體。 雖然由于可讀性問題，Apple立即對其進行了優化，但是超細字體開始在各處出現。 許多網站仍在使用它們。

超細的字體類型難以在屏幕上閱讀。

從背光到屏幕尺寸到文本和其他元素之間都缺乏對比，字體在大多數網站設計項目中都沒有真正的位置。

如果你仍在使用具有細筆劃的字體或超輕或縮小的變體，請考慮將字體調整為常規版本。 越來越多的網站設計師傾向于使用更大的字體，并且增加重量可以使設計中的所有文字在沒有完全改造的情況下感覺更大。


4.明顯的社交媒體樣式稿（Obvious Social Media Feeds）



社交媒體網站具有不同的目的，旨在通過其網站或應用程序以原生格式查看和于客戶互動。 那么為什么網站主頁上會需要這樣的“提要”呢？

在你的設計中不必要為它們占用寶貴的空間。

在另一個網站上包含社交媒體有點毫無意義，并且對用戶體驗沒有貢獻。 如果要將社交媒體鏈接合并到設計中，請在頁眉或頁腳中包含圖標或按鈕以共享內容。 在今天的數字環境中加入一個內容概要沒有任何意義（而且大多數都非常難看）。

對于具有社交媒體和網站的大多數用戶，社交媒體實際上可以是網站的驅動程序。 擁有顯示來自社交媒體渠道的內容可能實際上只是充當用戶反復查看的內容。 添加到網站設計的任何內容都應為用戶貢獻價值。

需要注意的是，你可以以類似于可用內容的方式添加社交媒體源（例如Instagram照片），通過顯示照片以突出顯示事件或活動。


5.滾動視覺圖（Hero Image Sliders）



在主視覺圖的位置采用滾動的效果，實際點擊其中一個圖像（或多個圖像）的概率是多少？

大多數用戶不經常使用這種技術。 這里有一個數據支持它，Nielsen Norman集團在2013年做了一項研究，發現絕大部分用戶忽略了這些滑塊，并且通?；瑝K使得查找重要信息變得更加困難。

你應該做的是計劃一個關鍵的內容與標題位置的號召性用語。 不要用多個選項讓你的用戶感覺無所適從（如果必須有多個標題元素，請考慮定期手動更改單個內容元素）。

這些自動播放滑塊的問題在于你不知道用戶何時登陸內容。 對于許多用戶來說，一旦他們看到可能感興趣的東西，它就會轉移到下一個東西。 找到有趣的元素對于用戶投資來說往往是太多的工作而你只是失去了那個人的注意力。

相反，選擇一個非常有趣的照片或視頻。 考慮一個很酷的動畫或插圖。 不要試圖將六種不同的消息塞進一個網站位置。 這不是你想要在設計中的任何其他地方做的事情，那么為什么它在主頁上卻如此常見呢？


6.超大視頻（Heavy Video）



全屏電影風格的視頻可能很吸引人，但它不適合用于用戶消化網頁內容的方式。

趨勢傾向于更高分辨率的觀看。 這對于具有超快速互聯網連接的大屏幕用戶來說非常有用。 對于其他所有人而言，體驗與加載時間的滯后，視頻故障或在移動設備上無法查看的移動內容變得很棘手。

這些都是你不想要發生的問題，因為它們會影響用戶是否堅持與內容進行交互的決定。

超大視頻的另一個問題是，太多網站依賴于將所有內容聯系在一起的音頻組件的視頻。 雖然音頻在某些時候能夠發揮有效的作用，但并非所有用戶都希望收聽視頻（想想有多少人在上班時上網瀏覽你的站點，他們可能不希望旁邊的人聽到自動播放的視頻）。

裁剪視頻或進行設計，這不是網站唯一給人的第一印象。 加載動畫不能代替快速加載。

深入了解你的網站分析將告訴你視頻是否正常工作。 但大多數網站的更好選擇是在主頁上添加一個輕量級視頻，讓你可以一瞥內容，讓用戶可以點擊，添加更加身臨其境的視頻體驗。


7.頁面加載動畫（Page Loading Animations）



設計師使用頁面加載動畫的主要原因是減少加載緩慢的網站給用戶帶來的焦慮感。

但是用戶對此已經很清楚了。 所以這個設計技巧不再具有“隱蔽性”，所以你應該停止這樣做。

如果要創建漂亮的動畫，請將其包含在設計本身中，而不是在加載屏幕上。 你的設計應該足夠輕便，無需過渡加載即可輕松訪問（如果不是，你還有更多工作要做）。


8.圖標的濫用（Icon Overload）



停止瘋狂的在你的項目中使用圖標。

雖然一組很好的圖標可以是一個有用的工具，但只有在它們被普遍理解并用于目的時才使用它們。 只是用圖標來創建視覺元素是沒用的。

大多數網站只需要一些圖標 - 用于社交媒體，購物車，搜索等。而且它們不一定非常大或很花哨。 一組簡單的實體圖標就足夠了。

請記住你首先使用圖標的原因。 它們是用戶通常理解的方向提示。 圖標不應該是設計的主要部分，它們應該是微妙的，簡單的，幾乎可以被忽略的。

雖然圖標在之前的一段時間很有趣，但最大的問題是這種趨勢被嚴重過度使用。 似乎每個在圖像或視頻上缺乏資源的網站都使用基于圖標的設計。 由于圖標的性質，一切都開始變得太相似了，它們被設計成具有普遍意義。


9.巨型菜單（Mega Menus）



認真的，對于你的目標，你希望用戶打開基于滾動的菜單嗎？

導航應該使網站更容易使用，而不是更復雜。 帶有許多鏈接的超級菜單難以導航，并且會使設計變得更加困難。

如果你擁有的網站內容豐富，請考慮將搜索作為設計的關鍵元素，以幫助用戶快速找到他們想要的內容。 要求用戶閱讀大菜單中的所有元素或滾動以找到正確的鏈接不是好主意，而且風險相當大。

如果你有大量信息，請花時間查看用戶流程和目標，以便將主導航簡化為更有用的格式，并只保留有三到五個選項給用戶進行選擇。


10.“幽靈”按鈕（“Ghost” Buttons）



你幾乎（希望）立即停止使用的按鈕趨勢，這是我們今天介紹的列表中的最后一個元素。、

這種按鈕的問題在于它看起來很酷，但并不是那么有用。 用戶反而不太明白該怎么做，設計并沒有突出應該被關注到的元素！

這是一個很好的例子，它具有光滑的外觀，但缺乏網站設計良好運作所必需的真正功能和可用性。 你必須擁有這兩件事，如果你也缺乏，那么這是一種應該避免的設計技巧。

總結

在時尚元素方面，請務必注意你的設計。 謹慎使用它們和經典的設計作品，以便你的項目不會馬上就顯得過時。

你了解哪些網站設計趨勢呢？ 是否希望在某些網站項目中使用這些從未嘗試過的趨勢？