[譯]尋找 2020 年最有意義的十大網(wǎng)頁設(shè)計(jì)流行趨勢(shì)

時(shí)間：2023-10-13 06:00:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-13 06:00:01 來源：網(wǎng)站運(yùn)營(yíng)

[譯]尋找 2020 年最有意義的十大網(wǎng)頁設(shè)計(jì)流行趨勢(shì)：

• 原文地址：Find Top 10 meaningful web design trends in 2020
• 原文作者：Darshan Chauhan
• 譯文出自：掘金翻譯計(jì)劃
• 本文永久鏈接：https://github.com/xitu/gold-miner/blob/master/TODO1/find-top-10-meaningful-web-design-trends-in-2020.md
• 譯者：Charlo
• 校對(duì)者：hansonfang、xujunjiejack

大家好，之前我們看到了人工智能即服務(wù)等新興技術(shù)的發(fā)展趨勢(shì)，也看到了比如社交距離檢測(cè)器這類數(shù)據(jù)科學(xué)相關(guān)的解決方案。

因此，今天這篇文章中，我們要講的是對(duì)每一個(gè)層次的網(wǎng)頁設(shè)計(jì)師都有幫助的頂級(jí)網(wǎng)頁設(shè)計(jì)趨勢(shì)。根據(jù)所有商業(yè)網(wǎng)站的整體分析，網(wǎng)站設(shè)計(jì)占訪客印象的 95%。

來聊聊不同的趨勢(shì)

1、留白

留白就是你網(wǎng)站上的一種空白區(qū)域，或者說落地頁上沒有信息展示的那部分。

這個(gè)留白區(qū)域可以讓你的眼睛從連續(xù)的文章閱讀中得到休息。有時(shí)這個(gè)區(qū)域可能會(huì)被一些廣告覆蓋。但大多數(shù)情況開發(fā)人員都會(huì)在開發(fā)時(shí)留白。

這對(duì)于網(wǎng)站改進(jìn)和網(wǎng)頁設(shè)計(jì)都是有益的。

2、長(zhǎng)頁頭

像在這里，在頁頭中并帶有導(dǎo)航部件的 Hero Image（一個(gè)巨大的網(wǎng)絡(luò)橫幅圖像，突出地放置在頁面，一般在前面和中間。全頁式的背景圖），帶有一些 CTA（號(hào)召性用語）按鈕，用于將用戶導(dǎo)航到網(wǎng)站或網(wǎng)站外部。

長(zhǎng)頁頭還包含了一些有創(chuàng)意的信息圖表，漂亮的圖片或者是一些文字也是可以告訴用戶網(wǎng)站是關(guān)于什么的。

3、動(dòng)畫光標(biāo)

如果你完全致力于基于 UI 的結(jié)構(gòu)，那么你必須在鼠標(biāo)點(diǎn)擊或滑動(dòng)時(shí)加入一些動(dòng)畫效果，以獲得更多的用戶關(guān)注。

4、滾動(dòng)行為

如果網(wǎng)站包含有完美的 UI 的落地頁，但是頁面滾動(dòng)不正常，那別人對(duì)網(wǎng)站的印象也好不到哪兒去。

因?yàn)槊慨?dāng)用戶試圖滾動(dòng)到頁面某些位置時(shí)，發(fā)現(xiàn)頁面卡的要死，這就是為什么在滾動(dòng)的同時(shí)提供動(dòng)態(tài)滾動(dòng)行為，是非常有用和有創(chuàng)造性的。

5、插圖的使用

網(wǎng)頁設(shè)計(jì)中最受歡迎和最流行的組成部分就是圖片，即插圖。

插圖使頁面吸引用戶，并且僅通過查看插圖就可以使用戶到您的網(wǎng)站瀏覽，因?yàn)槟愕木W(wǎng)站中的插圖會(huì)對(duì)你的網(wǎng)站產(chǎn)生巨大的影響，即表明你的網(wǎng)站是做什么的。

6、網(wǎng)格

以網(wǎng)格元素的形式創(chuàng)建組件，然后它使得頁面中所有構(gòu)建塊在網(wǎng)頁中完全對(duì)齊。就像是網(wǎng)站布局組件的一部分。

7、2020 年的流行色

如你所知，現(xiàn)在的漸變色組合在市場(chǎng)上很流行，也可以說是在網(wǎng)頁設(shè)計(jì)中的趨勢(shì)。因?yàn)檫@是最有創(chuàng)意的方式，為客戶或者個(gè)人網(wǎng)站提供最好的設(shè)計(jì)邏輯和心理，以吸引用戶。

8、字體加粗

如果你在你的網(wǎng)站中使用太多粗體，那么它可能會(huì)給你的網(wǎng)站留下不好的印象，所以這就是為什么要使用較少的粗體字體，并嘗試一些普通的輪廓字型。

9、UI/UX 關(guān)注度

如果你想提高 UI/UX 的關(guān)注度，那么你必須通過以下技巧來優(yōu)化內(nèi)容。

• 搜索引擎優(yōu)化
• 頁面加載時(shí)間
• 清除冗余
• 壓縮圖片等

10、引人注目的文章

在網(wǎng)站上制作高質(zhì)量的內(nèi)容是 SEO 時(shí)期最重要的因素，也會(huì)影響到你的網(wǎng)站排名和網(wǎng)站的整體表現(xiàn)。

受眾會(huì)關(guān)注你獨(dú)特的內(nèi)容，因?yàn)槊刻於加泻芏鄡?nèi)容發(fā)布在 Google 上，但你如何為用戶提供獨(dú)特的內(nèi)容才是最重要的。

總結(jié)

創(chuàng)意來自于頭腦，但卻也暗示了你周圍世界的真實(shí)場(chǎng)景，這個(gè)周圍世界影響著你的全部想法和視角。

如果發(fā)現(xiàn)譯文存在錯(cuò)誤或其他需要改進(jìn)的地方，歡迎到 掘金翻譯計(jì)劃 對(duì)譯文進(jìn)行修改并 PR，也可獲得相應(yīng)獎(jiǎng)勵(lì)積分。文章開頭的 本文永久鏈接 即為本文在 GitHub 上的 MarkDown 鏈接。

---

掘金翻譯計(jì)劃 是一個(gè)翻譯優(yōu)質(zhì)互聯(lián)網(wǎng)技術(shù)文章的社區(qū)，文章來源為 掘金 上的英文分享文章。內(nèi)容覆蓋 Android、iOS、前端、后端、區(qū)塊鏈、產(chǎn)品、設(shè)計(jì)、人工智能等領(lǐng)域，想要查看更多優(yōu)質(zhì)譯文請(qǐng)持續(xù)關(guān)注 掘金翻譯計(jì)劃、官方微博、本站專欄。