Godzilla. 2018-08-16
網(wǎng)站建設(shè)
你應(yīng)該忘記的6大網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)
你還記得90年代那些網(wǎng)站,以及它們首次登陸你的屏幕嗎?你還記得Comic Sans,Scrolling Marquees,Hit Counters,GIF動(dòng)畫(huà)還是“Under under”頁(yè)面?如果是這樣,你就是正確的!我回憶起過(guò)去的這些......
嗯,現(xiàn)在已經(jīng)發(fā)生了很多變化,尤其是創(chuàng)意產(chǎn)業(yè)。技術(shù)進(jìn)步;營(yíng)銷(xiāo)和傳播范圍已發(fā)生變化,在網(wǎng)頁(yè)設(shè)計(jì)中帶來(lái)了創(chuàng)新。因此,網(wǎng)站變得越來(lái)越令人興奮,因?yàn)榉浅R?guī)功能主要是為了向用戶提供內(nèi)容。
其中一些功能已成為多年的潮流引領(lǐng)者。其他人只是出現(xiàn)并通過(guò)了一段時(shí)間,幾乎沒(méi)有觸及市場(chǎng)。趨勢(shì)來(lái)來(lái)去去??倳?huì)有一種新趨勢(shì)取代現(xiàn)存的趨勢(shì)。這也是網(wǎng)站設(shè)計(jì)的情況,雖然我們永遠(yuǎn)不知道什么變成了新奇和開(kāi)創(chuàng)性。擁有所有這些很酷的功能,許多網(wǎng)站所有者適應(yīng)任何趨勢(shì)。不幸的是,其他人仍然堅(jiān)持在90年代。
說(shuō)到這,你最近在各個(gè)網(wǎng)站上瀏覽了嗎?因?yàn)槲矣?。我注意到,雖然大多數(shù)網(wǎng)站都遵循最新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),但其他網(wǎng)站卻在維護(hù)更新的設(shè)計(jì)并正確實(shí)施時(shí)失敗了。
您是否登陸過(guò)無(wú)限滾動(dòng)的網(wǎng)站,但沒(méi)有任何功能可以直接返回頂部(除了再次無(wú)限向上滾動(dòng))?有些網(wǎng)站有他們死亡的功能 - 加載頁(yè)面緩慢,缺少或隱藏導(dǎo)航菜單,甚至在你眼前突然爆發(fā)的尖銳CTA,哄騙你訂閱他們永無(wú)止境的新聞通訊和免費(fèi)贈(zèng)品。話雖如此,我在下面列出了一些現(xiàn)在應(yīng)該永遠(yuǎn)埋沒(méi)的設(shè)計(jì)趨勢(shì)。
1. FLASH
這是我建議您忘記的第一個(gè)趨勢(shì)。開(kāi)始采用新的HTML5或其他方式來(lái)動(dòng)畫(huà)您的網(wǎng)站。它太過(guò)時(shí)了,即使Flash在互聯(lián)網(wǎng)的興起中發(fā)揮了重要作用,它最近也成為任何現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的不良選擇,并可能對(duì)您的網(wǎng)站搜索引擎優(yōu)化(SEO)產(chǎn)生負(fù)面影響。雖然許多網(wǎng)站仍在使用它,但有很多原因可以解決它。
(1). Flash無(wú)法在移動(dòng)設(shè)備上運(yùn)行
如果您將Flash合并到您的網(wǎng)站中,它將無(wú)法在移動(dòng)設(shè)備上使用。它甚至可能會(huì)引起觀眾的沮喪??紤]到超過(guò)60%的互聯(lián)網(wǎng)流量是使用手機(jī)和平板電腦制作的,我認(rèn)為你應(yīng)該更加關(guān)注這方面。
(2). Flash對(duì)SEO不利
Flash沒(méi)有任何單獨(dú)頁(yè)面的URL,也不允許您監(jiān)視出站鏈接。因此,基于Flash的網(wǎng)站無(wú)法為有效的SEO提供足夠的元素。此外,它們往往更難使用。因此,谷歌對(duì)這些網(wǎng)站的排名較低。
(3).必須在瀏覽器中安裝Flash
作為專有軟件,必須安裝Flash,因?yàn)槟J(rèn)情況下不附帶瀏覽器。具有不帶插件的瀏覽器的用戶將被提示安裝它。否則,它會(huì)限制對(duì)嚴(yán)重依賴它的內(nèi)容的訪問(wèn)。
(4).加載時(shí)間太糟糕了
正如我之前提到的,基于Flash的站點(diǎn)往往需要更長(zhǎng)時(shí)間才能加載??紤]到互聯(lián)網(wǎng)用戶比以往任何時(shí)候都更加忙碌,因此必須讓網(wǎng)站建設(shè)的加載時(shí)間盡可能短。如果游客必須等待太長(zhǎng)時(shí)間,他們可能會(huì)想要尋找其他地方,去到您的競(jìng)爭(zhēng)對(duì)手更快的網(wǎng)站。
(5).嚴(yán)重的安全漏洞
Flash一直受到報(bào)告的安全問(wèn)題的困擾,但最后的安全漏洞導(dǎo)致Firefox在所有網(wǎng)站上默認(rèn)阻止Flash,直到修補(bǔ)漏洞為止是最后的警告。不久之后,其他瀏覽器也會(huì)做同樣的事情。
2.CAROUSELS
根據(jù)Neilson Norman Group發(fā)布的可用性研究,自動(dòng)轉(zhuǎn)發(fā)旋轉(zhuǎn)木馬會(huì)惹惱用戶并降低可見(jiàn)度。當(dāng)然,我們每個(gè)人都曾一次看過(guò)這些網(wǎng)站,并沒(méi)有過(guò)多關(guān)注這些自動(dòng)轉(zhuǎn)發(fā)圖片。
根據(jù)這項(xiàng)研究,有幾個(gè)原因可以解釋為什么這些被認(rèn)為是“酷”的設(shè)計(jì)功能對(duì)您的網(wǎng)站的可用性和轉(zhuǎn)換效果不佳:
自動(dòng)輪播會(huì)使用戶無(wú)法控制與您網(wǎng)站的互動(dòng)。對(duì)于那些有運(yùn)動(dòng)技能問(wèn)題的人來(lái)說(shuō),這尤其令人討厭。
他們制造了橫幅失明,并且經(jīng)常被觀眾忽視??匆幌孪旅媪谐龅睦印D鷷?huì)注意到圖像滑塊幾乎沒(méi)有引起任何注意,特別是當(dāng)它們專注于所需的產(chǎn)品時(shí)。
在許多情況下,幻燈片旋轉(zhuǎn)得如此之快,以至于讀者沒(méi)有時(shí)間閱讀您的文本。特別是當(dāng)部分觀眾擁有與您不同的母語(yǔ)時(shí)。用戶通過(guò)說(shuō)“我沒(méi)有時(shí)間閱讀它”清楚地表達(dá)了他們的沮喪。“它一直閃爍得太快”。
3.COMIC SANS FONT
當(dāng)然,使用Comic Sans字體有很多優(yōu)點(diǎn)和缺點(diǎn)。但現(xiàn)在是時(shí)候放手了,即使它是世界上最常用的字體之一。誠(chéng)然,就像其他一切一樣,有設(shè)計(jì)師喜歡它,但也有設(shè)計(jì)師絕對(duì)鄙視它。就個(gè)人而言,我介于兩者之間。它看起來(lái)很親切和手寫(xiě),是我們認(rèn)為有趣和自由的東西的完美選擇。這對(duì)玩具商店來(lái)說(shuō)可能很棒。然而,它不是企業(yè)形象,奢侈品牌,媒體或健康服務(wù)的理想選擇。
盡管如此,Comic Sans根植于歷史,其中早期的文字處理默認(rèn)情況下字體數(shù)量有限。因此,Comic Sans是“不太嚴(yán)肅的字體”的首選。但如今,每個(gè)可以想象的個(gè)性化的數(shù)萬(wàn)種字體都可以在線,付費(fèi)或免費(fèi)獲得。
4.正在建設(shè)中的頁(yè)面
互聯(lián)網(wǎng)和網(wǎng)頁(yè)設(shè)計(jì)歷史上的一種常見(jiàn)做法是使用“正在建設(shè)中”。這些是即將到來(lái)的網(wǎng)站或正在重新設(shè)計(jì)過(guò)程中的頁(yè)面的有用頁(yè)面。它過(guò)去很棒,人們喜歡它們。但是現(xiàn)在,在快節(jié)奏的環(huán)境中,你絕對(duì)應(yīng)該把它放在'Do NOT'列表中。
在許多情況下,網(wǎng)站會(huì)建立您的企業(yè)與目標(biāo)受眾之間的第一次聯(lián)系。因此,通過(guò)提供指向網(wǎng)頁(yè)的鏈接,您已承諾提供某些內(nèi)容(通常是內(nèi)容)。但是,通過(guò)簡(jiǎn)單地發(fā)布一個(gè)“正在建設(shè)中”的頁(yè)面,你只會(huì)感到沮喪和失望。這不是您想要給客戶的第一印象。
不過(guò),請(qǐng)注意,簡(jiǎn)單的“在建”頁(yè)面上沒(méi)有任何內(nèi)容。因此,您不向Google提供任何內(nèi)容,Google會(huì)根據(jù)內(nèi)容對(duì)網(wǎng)站進(jìn)行排名。因此,他們不會(huì)對(duì)您的網(wǎng)頁(yè)進(jìn)行排名或編制索引,這對(duì)您的網(wǎng)站不利!
所以,不要使用這個(gè)糟糕的選項(xiàng),你應(yīng)該考慮建立一個(gè)漂亮的登陸頁(yè)面,其中包含一些基本信息,簡(jiǎn)報(bào)注冊(cè)表格,等待名單或順暢的倒計(jì)時(shí)。
您可以在這里找到一些靈感:
5.戲劇性的陰影
雖然陰影是一種為文本添加更多空間效果的工具,但您應(yīng)遠(yuǎn)離廉價(jià)和假冒的燈光效果! 大或者柔和,黑暗和遠(yuǎn)距離投影是Glamour Shot照明的設(shè)計(jì),沒(méi)有人真正相信它。更糟糕的是,擁有一些Photoshop技能的人在看到它們時(shí)可以輕松識(shí)別默認(rèn)的投影設(shè)置。
還有許多其他引人注目的方法可以使用陰影。例如,要通過(guò)增加對(duì)比度使文本更逼真,您可以使用細(xì)微陰影,將其與背景混合。如果要在文本中添加炫酷的復(fù)古氛圍,可以使用文本后面的實(shí)心硬邊緣陰影。如果硬邊緣陰影與文本稍微分開(kāi),則尤其如此。
對(duì)于一個(gè)有趣而簡(jiǎn)單的設(shè)計(jì)元素,可以在不需要分散注意力的情況下進(jìn)行移動(dòng),您可以使用長(zhǎng)陰影。這是一種與極簡(jiǎn)主義趨勢(shì)完美契合的新趨勢(shì)。
6.BEVEL和EMBOSS
90年代的設(shè)計(jì)沒(méi)有像舊的默認(rèn)斜面和浮雕效果那樣讓人尖叫。對(duì)于非設(shè)計(jì)師而言,“斜角和浮雕”是一種Photoshop效果,可用于創(chuàng)建三維外觀。
如果在一千年前,為了突出你的文本,為你的字體添加成千上萬(wàn)的效果似乎是一個(gè)好主意,那么你是時(shí)候走進(jìn)未來(lái)了??紤]以不同的方式獲得相同的效果。
例如,使按鈕有光澤,但使用較小的內(nèi)陰影和淺外陰影。
最后:
上述趨勢(shì)可以說(shuō)明保持過(guò)時(shí)的設(shè)計(jì)元素實(shí)際上會(huì)對(duì)您的網(wǎng)站產(chǎn)生負(fù)面影響的想法。 因此,給觀眾留下了不好的印象。但是你也應(yīng)該記住你想傳達(dá)的信息。只要您考慮到這些指針,您想要使用的設(shè)計(jì)風(fēng)格就是一個(gè)選擇問(wèn)題,只要確保它是最新潮流之一。
如果你還想要了解更多關(guān)于網(wǎng)站設(shè)計(jì)的內(nèi)容,也可以看看:2018年值得關(guān)注的7大電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)!希望能夠帶給你更多的靈感。
如果你還想要了解更多關(guān)于網(wǎng)站設(shè)計(jì)的內(nèi)容,也可以看看:2018年值得關(guān)注的7大電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)!希望能夠帶給你更多的靈感。
文章標(biāo)簽:
網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站建設(shè)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高,我想投身于網(wǎng)站行業(yè)中,一展所長(zhǎng),為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論: