我們經(jīng)常被提醒必須謹(jǐn)慎使用設(shè)計趨勢,就像許多趨勢開始流行一樣,它們的過時也同樣快,這會讓你的設(shè)計在感覺上顯得過時。
不過也不需要完全忽略它們——趨勢可以幫助拉伸你的創(chuàng)造力,并幫助你創(chuàng)造一些你可能沒有嘗試過的東西。 但要注意什么趨勢是新鮮的,什么是永恒的,什么是過時的!
以下是10種即將過時的設(shè)計趨勢(或者無論如何也應(yīng)該過時了)。
1.“復(fù)古”一切(“Vintage” Everything)
有之前的一段時間里,似乎每個設(shè)計趨勢都包含有“復(fù)古”的元素。復(fù)古的排版、復(fù)古的色彩、復(fù)古的紋理等。
已經(jīng)夠了!
復(fù)古風(fēng)格的問題在于精致的外觀太多了。 復(fù)古元素的特征包括:
· 圖像和字體及排版上的粗糙疊加。
· 有大量花飾和尾巴的腳本和字體。
· 柔和的調(diào)色板。
· 用于為圖像添加棕褐色或舊式著色的疊加層。
· 高度紋理化的背景。
雖然這些技術(shù)本質(zhì)上并不是不好,但它們對網(wǎng)站設(shè)計提出了挑戰(zhàn)。 主要關(guān)注的是可讀性,由于設(shè)計中發(fā)生了很多事情,用戶就更難理解消息。
注意力范圍很短,因此設(shè)計需要立即傳達(dá)具有影響力的內(nèi)容以吸引用戶。
2.預(yù)熱頁(Coming Soon Pages)
一個告訴你應(yīng)用程序或完整網(wǎng)站即將推出的網(wǎng)頁設(shè)計。
那是什么邏輯?
為什么不等到網(wǎng)站準(zhǔn)備好了? 想想讓一個人去訪問一個實際上還沒有的網(wǎng)站是多么可怕的用戶體驗。所以,關(guān)于一個站點或引用程序的預(yù)熱頁面,我覺得有必要慢慢淡出人們的視線了。
3.超細(xì)的字體(Super-Thin Typography)
它可能是蘋果有史以來最大的錯誤之一 - 在其操作系統(tǒng)中使用超細(xì),濃縮的字體。 雖然由于可讀性問題,Apple立即對其進(jìn)行了優(yōu)化,但是超細(xì)字體開始在各處出現(xiàn)。 許多網(wǎng)站仍在使用它們。
超細(xì)的字體類型難以在屏幕上閱讀。
從背光到屏幕尺寸到文本和其他元素之間都缺乏對比,字體在大多數(shù)網(wǎng)站設(shè)計項目中都沒有真正的位置。
如果你仍在使用具有細(xì)筆劃的字體或超輕或縮小的變體,請考慮將字體調(diào)整為常規(guī)版本。 越來越多的網(wǎng)站設(shè)計師傾向于使用更大的字體,并且增加重量可以使設(shè)計中的所有文字在沒有完全改造的情況下感覺更大。
4.明顯的社交媒體樣式稿(Obvious Social Media Feeds)
社交媒體網(wǎng)站具有不同的目的,旨在通過其網(wǎng)站或應(yīng)用程序以原生格式查看和于客戶互動。 那么為什么網(wǎng)站主頁上會需要這樣的“提要”呢?
在你的設(shè)計中不必要為它們占用寶貴的空間。
在另一個網(wǎng)站上包含社交媒體有點毫無意義,并且對用戶體驗沒有貢獻(xiàn)。 如果要將社交媒體鏈接合并到設(shè)計中,請在頁眉或頁腳中包含圖標(biāo)或按鈕以共享內(nèi)容。 在今天的數(shù)字環(huán)境中加入一個內(nèi)容概要沒有任何意義(而且大多數(shù)都非常難看)。
對于具有社交媒體和網(wǎng)站的大多數(shù)用戶,社交媒體實際上可以是網(wǎng)站的驅(qū)動程序。 擁有顯示來自社交媒體渠道的內(nèi)容可能實際上只是充當(dāng)用戶反復(fù)查看的內(nèi)容。 添加到網(wǎng)站設(shè)計的任何內(nèi)容都應(yīng)為用戶貢獻(xiàn)價值。
需要注意的是,你可以以類似于可用內(nèi)容的方式添加社交媒體源(例如Instagram照片),通過顯示照片以突出顯示事件或活動。
5.滾動視覺圖(Hero Image Sliders)
在主視覺圖的位置采用滾動的效果,實際點擊其中一個圖像(或多個圖像)的概率是多少?
大多數(shù)用戶不經(jīng)常使用這種技術(shù)。 這里有一個數(shù)據(jù)支持它,Nielsen Norman集團(tuán)在2013年做了一項研究,發(fā)現(xiàn)絕大部分用戶忽略了這些滑塊,并且通常滑塊使得查找重要信息變得更加困難。
你應(yīng)該做的是計劃一個關(guān)鍵的內(nèi)容與標(biāo)題位置的號召性用語。 不要用多個選項讓你的用戶感覺無所適從(如果必須有多個標(biāo)題元素,請考慮定期手動更改單個內(nèi)容元素)。
這些自動播放滑塊的問題在于你不知道用戶何時登陸內(nèi)容。 對于許多用戶來說,一旦他們看到可能感興趣的東西,它就會轉(zhuǎn)移到下一個東西。 找到有趣的元素對于用戶投資來說往往是太多的工作而你只是失去了那個人的注意力。
相反,選擇一個非常有趣的照片或視頻。 考慮一個很酷的動畫或插圖。 不要試圖將六種不同的消息塞進(jìn)一個網(wǎng)站位置。 這不是你想要在設(shè)計中的任何其他地方做的事情,那么為什么它在主頁上卻如此常見呢?
6.超大視頻(Heavy Video)
全屏電影風(fēng)格的視頻可能很吸引人,但它不適合用于用戶消化網(wǎng)頁內(nèi)容的方式。
趨勢傾向于更高分辨率的觀看。 這對于具有超快速互聯(lián)網(wǎng)連接的大屏幕用戶來說非常有用。 對于其他所有人而言,體驗與加載時間的滯后,視頻故障或在移動設(shè)備上無法查看的移動內(nèi)容變得很棘手。
這些都是你不想要發(fā)生的問題,因為它們會影響用戶是否堅持與內(nèi)容進(jìn)行交互的決定。
超大視頻的另一個問題是,太多網(wǎng)站依賴于將所有內(nèi)容聯(lián)系在一起的音頻組件的視頻。 雖然音頻在某些時候能夠發(fā)揮有效的作用,但并非所有用戶都希望收聽視頻(想想有多少人在上班時上網(wǎng)瀏覽你的站點,他們可能不希望旁邊的人聽到自動播放的視頻)。
裁剪視頻或進(jìn)行設(shè)計,這不是網(wǎng)站唯一給人的第一印象。 加載動畫不能代替快速加載。
深入了解你的網(wǎng)站分析將告訴你視頻是否正常工作。 但大多數(shù)網(wǎng)站的更好選擇是在主頁上添加一個輕量級視頻,讓你可以一瞥內(nèi)容,讓用戶可以點擊,添加更加身臨其境的視頻體驗。
7.頁面加載動畫(Page Loading Animations)
設(shè)計師使用頁面加載動畫的主要原因是減少加載緩慢的網(wǎng)站給用戶帶來的焦慮感。
但是用戶對此已經(jīng)很清楚了。 所以這個設(shè)計技巧不再具有“隱蔽性”,所以你應(yīng)該停止這樣做。
如果要創(chuàng)建漂亮的動畫,請將其包含在設(shè)計本身中,而不是在加載屏幕上。 你的設(shè)計應(yīng)該足夠輕便,無需過渡加載即可輕松訪問(如果不是,你還有更多工作要做)。
8.圖標(biāo)的濫用(Icon Overload)
停止瘋狂的在你的項目中使用圖標(biāo)。
雖然一組很好的圖標(biāo)可以是一個有用的工具,但只有在它們被普遍理解并用于目的時才使用它們。 只是用圖標(biāo)來創(chuàng)建視覺元素是沒用的。
大多數(shù)網(wǎng)站只需要一些圖標(biāo) - 用于社交媒體,購物車,搜索等。而且它們不一定非常大或很花哨。 一組簡單的實體圖標(biāo)就足夠了。
請記住你首先使用圖標(biāo)的原因。 它們是用戶通常理解的方向提示。 圖標(biāo)不應(yīng)該是設(shè)計的主要部分,它們應(yīng)該是微妙的,簡單的,幾乎可以被忽略的。
雖然圖標(biāo)在之前的一段時間很有趣,但最大的問題是這種趨勢被嚴(yán)重過度使用。 似乎每個在圖像或視頻上缺乏資源的網(wǎng)站都使用基于圖標(biāo)的設(shè)計。 由于圖標(biāo)的性質(zhì),一切都開始變得太相似了,它們被設(shè)計成具有普遍意義。
9.巨型菜單(Mega Menus)
認(rèn)真的,對于你的目標(biāo),你希望用戶打開基于滾動的菜單嗎?
導(dǎo)航應(yīng)該使網(wǎng)站更容易使用,而不是更復(fù)雜。 帶有許多鏈接的超級菜單難以導(dǎo)航,并且會使設(shè)計變得更加困難。
如果你擁有的網(wǎng)站內(nèi)容豐富,請考慮將搜索作為設(shè)計的關(guān)鍵元素,以幫助用戶快速找到他們想要的內(nèi)容。 要求用戶閱讀大菜單中的所有元素或滾動以找到正確的鏈接不是好主意,而且風(fēng)險相當(dāng)大。
如果你有大量信息,請花時間查看用戶流程和目標(biāo),以便將主導(dǎo)航簡化為更有用的格式,并只保留有三到五個選項給用戶進(jìn)行選擇。
10.“幽靈”按鈕(“Ghost” Buttons)
你幾乎(希望)立即停止使用的按鈕趨勢,這是我們今天介紹的列表中的最后一個元素。、
這種按鈕的問題在于它看起來很酷,但并不是那么有用。 用戶反而不太明白該怎么做,設(shè)計并沒有突出應(yīng)該被關(guān)注到的元素!
這是一個很好的例子,它具有光滑的外觀,但缺乏網(wǎng)站設(shè)計良好運作所必需的真正功能和可用性。 你必須擁有這兩件事,如果你也缺乏,那么這是一種應(yīng)該避免的設(shè)計技巧。
總結(jié)
在時尚元素方面,請務(wù)必注意你的設(shè)計。 謹(jǐn)慎使用它們和經(jīng)典的設(shè)計作品,以便你的項目不會馬上就顯得過時。
你了解哪些網(wǎng)站設(shè)計趨勢呢? 是否希望在某些網(wǎng)站項目中使用這些從未嘗試過的趨勢?