設(shè)計(jì)師需知的5個(gè)過(guò)時(shí)的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)

設(shè)計(jì)趨勢(shì)是設(shè)計(jì)師所擁有的最強(qiáng)大的武器之一。設(shè)計(jì)師將時(shí)尚和潮流融入設(shè)計(jì)，將新鮮的風(fēng)格和獨(dú)特的體驗(yàn)帶給用戶。但是設(shè)計(jì)趨勢(shì)的另外一面也不能忽略，就是它的「時(shí)限」，它們是有生命周期的。

要經(jīng)常練習(xí)使用設(shè)計(jì)趨勢(shì)，它們能夠幫你激發(fā)靈感，鍛煉創(chuàng)造力，同時(shí)也要敏銳地判斷你所使用的趨勢(shì)是否已經(jīng)過(guò)時(shí)。今天的文章，我們就聊一聊目前已經(jīng)過(guò)時(shí)的5個(gè)趨勢(shì)。

1、無(wú)處不在的“復(fù)古”元素

雖然說(shuō)復(fù)古一直在流行，但是就目前而言，要謹(jǐn)慎對(duì)待復(fù)古的元素了。

老派的排版，充滿古舊感的葡萄酒色，無(wú)處不在的紋理和材質(zhì)過(guò)渡。在現(xiàn)代和簡(jiǎn)約的大趨勢(shì)之下，這些復(fù)古元素已經(jīng)開始讓人覺(jué)得格格不入了。

常見的復(fù)古元素包含如下特征：

粗糲質(zhì)感的圖片和字體帶有大量裝飾性筆觸和花邊的手寫字體暗啞沉悶的配色方案為了做舊而疊加了棕色和褐色的各種元素紋理明顯的背景
簡(jiǎn)約風(fēng)和現(xiàn)代風(fēng)之所以能被大家喜愛，很大程度上是因?yàn)樗鼈冊(cè)诠δ苄院涂勺x性上的突出表現(xiàn)。相比之下，過(guò)于復(fù)古的元素常常會(huì)在直觀性上不如簡(jiǎn)約現(xiàn)代的設(shè)計(jì)，這也是影響它「流行性」的一個(gè)重要原因。

２、超細(xì)字體

在告別擬物化設(shè)計(jì)的時(shí)候，蘋果公司在iOS7中采用了超細(xì)的Helvetica Neue 作為主要的英文字體，這一設(shè)計(jì)決策可能是蘋果公司歷年來(lái)最著名的幾個(gè)設(shè)計(jì)失誤之一。超細(xì)字體雖然在時(shí)髦值上不低，但是在可讀性上并不優(yōu)秀。雖然隨后蘋果在隨后的系統(tǒng)中用 San Francisco 字體代替了 Helvetica Neue ，但是扁平化+超細(xì)字體的組合已經(jīng)逐步在設(shè)計(jì)領(lǐng)域流行開來(lái)。知道如今，這種閱讀性并不強(qiáng)的設(shè)計(jì)搭配依然存在。

超細(xì)字體雖然看起來(lái)足夠優(yōu)雅，但是在背景和前景色彩對(duì)比度不足的時(shí)候，整個(gè)閱讀體驗(yàn)幾乎是災(zāi)難性的。

如果你的網(wǎng)站正在使用的文本字體是超細(xì)的版本的話，盡量先替換為同族字體中常規(guī)粗細(xì)的版本。如果你有觀察過(guò)最新的網(wǎng)頁(yè)設(shè)計(jì)作品的話，會(huì)發(fā)現(xiàn)現(xiàn)在網(wǎng)站字體的筆觸幾乎沒(méi)有用超細(xì)的，而且在字號(hào)上還會(huì)設(shè)置得比以往更大。

3、輪播首圖

你真的回去主動(dòng)點(diǎn)擊輪播首圖呢？尤其是當(dāng)其中有六七張不同的高清大圖的時(shí)候？

絕大多數(shù)的用戶只會(huì)是看看而已。早在2013年的時(shí)候，Nielsen Norman Group 就為此做過(guò)一項(xiàng)用戶調(diào)研，發(fā)現(xiàn)即使這些首圖足夠大，用戶也常常忽略，因?yàn)檩啿D這種設(shè)計(jì)本身就很難讓用戶關(guān)注到其中的關(guān)鍵信息。

相比之下，如果將首屏的輪播圖替換成單個(gè)首圖，并且搭配上CTA按鈕，效果會(huì)好很多。用戶不再會(huì)被多個(gè)首圖進(jìn)行信息轟炸，而單一的選擇給用戶的路徑也更為清晰直觀。

對(duì)于絕大多數(shù)的用戶而言，他們會(huì)看到自己感興趣的內(nèi)容就會(huì)點(diǎn)擊。這些自動(dòng)輪播的多圖首屏所帶來(lái)的一個(gè)直接的問(wèn)題就是在于，你根本不知道用戶會(huì)點(diǎn)擊哪張圖片，用戶因此可能會(huì)錯(cuò)過(guò)他們感興趣的內(nèi)容，如果他們?cè)敢馓剿?，輪播圖帶給他們的工作量又會(huì)相對(duì)較大，也就是說(shuō)這種設(shè)計(jì)本身就容易失控。

選擇一個(gè)覆蓋面較廣的高清大圖、插畫或者較短的背景視頻，相比于6個(gè)輪播圖所帶來(lái)的效果會(huì)更加直觀有效，也更加富有凝聚力。

4、高清視頻背景

全屏視頻是這幾年比較流行的一種設(shè)計(jì)手段。視頻背景確實(shí)非常吸引人，但是視頻背景本身不適宜承載大量的、需要用戶理解消化的內(nèi)容。

更重要的問(wèn)題在于，現(xiàn)如今對(duì)于媒體素質(zhì)的要求越來(lái)越高，當(dāng)你使用視頻背景的時(shí)候，它必須是高清的。對(duì)于桌面端用戶而言，在光纖加持下，等待幾秒加載一個(gè)高清視頻背景并沒(méi)有太大壓力，可是對(duì)于移動(dòng)端用戶而言，這個(gè)視頻媒體就是個(gè)超重的媒體內(nèi)容了。視頻背景的體驗(yàn)會(huì)非常令人著急。

長(zhǎng)時(shí)間的加載動(dòng)畫是無(wú)法解決快速加載的需求的。

你不想希望視頻背景最終給你帶來(lái)的問(wèn)題，比它所解決的體驗(yàn)上的需求，還要多。這所導(dǎo)致的直接結(jié)果就是用戶會(huì)動(dòng)搖，會(huì)拒絕繼續(xù)等待，選擇離開。

高清視頻背景給用戶帶來(lái)的問(wèn)題不止是這一點(diǎn)。許多時(shí)候，視頻所帶來(lái)的附加媒體就是聲音，但是在很多場(chǎng)合下，用戶是不想也不愿意聽到聲音的。有的直接是因?yàn)樵O(shè)備原因，無(wú)法播出音頻。不論是何種原因，用戶的需求和實(shí)際的體驗(yàn)無(wú)法真正對(duì)接起來(lái)。

盡量讓視頻背景不要成為網(wǎng)站體驗(yàn)的唯一支撐，或者主要的設(shè)計(jì)元素。使用它來(lái)營(yíng)造第一印象，最終所導(dǎo)致的結(jié)果，其實(shí)很難說(shuō)。

5、過(guò)多圖標(biāo)

圖標(biāo)看起來(lái)是是非常實(shí)用的設(shè)計(jì)素材，好像哪里都能用上。但是，現(xiàn)在我們所能看到的許多網(wǎng)頁(yè)只是在堆砌圖標(biāo)。只有真正理解了圖標(biāo)的含義，讓它和對(duì)應(yīng)的服務(wù)和功能匹配起來(lái)，才算是合理的設(shè)計(jì)，單純只是用圖標(biāo)來(lái)制造視覺(jué)信息量的時(shí)代過(guò)去了。

絕大多數(shù)設(shè)計(jì)優(yōu)秀的網(wǎng)站，只需要不多的幾個(gè)常用的圖標(biāo)，用于購(gòu)物車、社交媒體、搜索等切實(shí)可用的功能。它們甚至不需要大而漂亮的，一組簡(jiǎn)單直觀的圖標(biāo)就會(huì)很好用。

不要過(guò)度使用圖標(biāo)。你要理解這些圖標(biāo)的含義，讓他們真正能幫助你的用戶理解你的網(wǎng)頁(yè)中的功能。在視覺(jué)上，圖標(biāo)也不應(yīng)該喧賓奪主，而是要盡量微妙而簡(jiǎn)約，能夠融入背景，服務(wù)于整個(gè)設(shè)計(jì)。

必須承認(rèn)，圖標(biāo)很好用，但是現(xiàn)在我們所看到的大量圖標(biāo)都是處于被濫用的狀態(tài)，而非合理的運(yùn)用，這導(dǎo)致圖標(biāo)最終淪為了視覺(jué)裝飾。不過(guò)，這種局面最終還是得到了改善。

結(jié)語(yǔ)

談及時(shí)髦和流行的元素的時(shí)候，我們一定要多留一個(gè)心眼。勇于嘗試新事物，也要密切關(guān)注它是否已經(jīng)開始過(guò)時(shí)。這樣才能讓你的設(shè)計(jì)項(xiàng)目恰到好處。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

名稱欄目：設(shè)計(jì)師需知的5個(gè)過(guò)時(shí)的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)
文章鏈接：http://muchs.cn/news10/313110.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、軟件開發(fā)、品牌網(wǎng)站制作、網(wǎng)站維護(hù)、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)