在過去的幾個月里，網(wǎng)頁設(shè)計已經(jīng)發(fā)生了很大的變化，我們迫不及待地想知道2018年的情況。2017年是極簡主義的一年，2018年將帶來更引人注目的字體，鮮艷的色彩和新的可能性。用戶與設(shè)計社區(qū)的互動。設(shè)計比以往任何時候都更能吸引我們的注意力，讓我們在瀏覽網(wǎng)站時保持專注和參與。

看看自己，看看有什么變化！

以下是2018年流行網(wǎng)頁設(shè)計的六大趨勢

1.粗體字

大膽角色的流行即將到來。大寫字母的標題周圍有很多空白，這將給我們帶來強烈的視覺沖擊力。對于那些掌握字體解剖技能的人來說，2018年將是他們展示才華的一年。到2018年底，我們都知道什么字體是ascender，ear和loop。 （譯者注：這些術(shù)語是字體解剖術(shù)語，請勿在此處翻譯。推薦相關(guān)文章：https://en.fontke.com/article/2690）

大膽的角色不僅僅是審美考慮因素。大膽的人物對閱讀速度，閱讀理解和用戶感知也有很大影響。

谷歌/IBM的一項研究表明，襯線字體格魯吉亞比黑體快7.9％。

盡管一些研究表明人們?nèi)绾问褂靡r線字體來更好地理解單詞，但事實恰恰相反。使用像Helvetica這樣的無襯線字體的測試者在閱讀速度和閱讀理解方面得分較高。

大膽的角色可以產(chǎn)生很棒的效果。大膽的字符易于閱讀和理解。我們很高興在2018年看到更大膽的設(shè)計。

2.鮮艷的色彩又回來了！

到處都是柔和的色彩，但兩年后，鮮艷的色彩再次被殺死。不再是柔和的配色方案，新的一年將充滿高對比度和鮮明的個性。

色彩對情緒的影響一直是廣泛研究的主題。顏色對我們的大腦，感知和行為有重要影響。據(jù)Kissmetrics稱，92％的客戶表示視覺表達是最有影響力的購買決策因素。

顏色可以影響我們的感受，明亮，鮮艷的色彩可以讓人感到清醒，興奮和精力充沛。

Smashing雜志聲稱顏色在應(yīng)用程序的所有方面排名第二（第一個是功能）。

就像嗅覺一樣，顏色也是一個非常強大的因素，因為它直接影響我們的感受。

當我們離開網(wǎng)站時，我們可能會忘記它的內(nèi)容，但我們會記住它讓我們感受到的感覺。

鮮艷的色彩可以激發(fā)人們的活力，讓我們保持活躍并激發(fā)我們的購買力。它們是積極的，引人注目的，總是吸引我們的注意力。

一些設(shè)計機構(gòu)已經(jīng)使用了鮮艷的顏色（Hello，Yellow?。┮欢螘r間，但在2018年，小型和大型公司都將迎頭趕上。

3.掌握移動設(shè)計

隨著移動流量每天都在不斷增加，響應(yīng)式網(wǎng)站在過去幾年中已成為必需品。到2018年，是時候真正掌握移動設(shè)計了。問題不再是：我們的網(wǎng)站是否適合手機？相反：我們的內(nèi)容如何最好地在移動設(shè)備上顯示？

80％的互聯(lián)網(wǎng)用戶擁有智能手機并經(jīng)常使用它們。事實上，根據(jù)TechCrunch的調(diào)查數(shù)據(jù)，在移動設(shè)備上花費的平均時間正在穩(wěn)步增長，每天超過五小時。

掌握移動設(shè)計并了解如何在較小的設(shè)備上最佳顯示內(nèi)容將是2018年的關(guān)鍵挑戰(zhàn)。

移動設(shè)計的一些主要挑戰(zhàn)是：

您不希望屏幕看起來混亂

您不希望用戶在其移動設(shè)備和桌面版本上找到相同的內(nèi)容

您希望維護類似的功能和導(dǎo)航內(nèi)容

您可能需要展示廣告，這對移動設(shè)備來說是一項挑戰(zhàn)

您希望桌面網(wǎng)站能夠觸發(fā)與移動設(shè)計相同的情感和品牌效應(yīng)

用戶必須喜歡您的移動設(shè)計體驗，否則他們將失敗。谷歌最近的一項研究表明，用戶的智能手機沒有太大問題。一些關(guān)于牙刷，水瓶或鹽的研究（是的，鹽?。?/p>

谷歌的研究表明，在過去兩年中，搜索移動搜索< ;; best“已超過80％。

實現(xiàn)移動優(yōu)先級的關(guān)鍵因素是您的內(nèi)容必須易于單手導(dǎo)航。想想你如何使用智能手機。您可以在公共汽車或地鐵站閱讀文章，或通過超市過道發(fā)送短信。當您在途中遇到朋友時，您可能正在尋找“2017年最好的紅酒”。你可能只用一只手就可以做到這一點。

谷歌將這些條件稱為“微觀時刻”，并且在很短的時間內(nèi)，人們開始使用智能手機進行收購，理解，執(zhí)行和購買。

根據(jù)Steven Hoober的說法，49％的智能手機使用是用一只手完成的，而不是用雙手完成。在電話上，49％的時間我們有一臺手持設(shè)備并瀏覽網(wǎng)站。

這意味著導(dǎo)航必須適合拇指才能觸摸屏幕的每個部分或大致部分。

4.微觀互動將更加微妙

“沒什么大不了的”” - Victor Papanek

2017年，我們開始看到微互動，未來肯定會看到更多。微交互允許用戶以小手勢與軟件或應(yīng)用程序交互。

Dan Saffer在其著作“Micro-Interactions”中描述了微交互如下：

“微交互可以支持整個應(yīng)用程序或設(shè)備，或（更常見地）支持更大的產(chǎn)品。它們是小小的時刻，可以變得沉悶和被遺忘，或愉快和吸引人。每次更改設(shè)置，同步數(shù)據(jù)或設(shè)備，設(shè)置鬧鐘，選擇密碼，打開設(shè)備，登錄，設(shè)置狀態(tài)消息或喜歡/喜歡某些內(nèi)容時，您都會進行微交互。

雖然Saffer用非常實用的術(shù)語描述了微交互，但它們變得更加微妙和有趣。

例如，在iMessage中，您可以與發(fā)送給您的任何文本進行互動，例如&ndquo; &ndquo;&ndquo;&ndquo;&ndquo;！”或“？”的

Facebook Messenger允許您增加拇指的大小，具體取決于您按下“喜歡”的時間長度。按鈕。

微互動的例子是無窮無盡的，但為什么公司會使用它們呢？

微互動非常容易上癮和有趣。他們補充說 - 用戶體驗設(shè)計師和作家Nick Babich稱之為“人性化”，使任務(wù)更有趣，更具吸引力。微交互鼓勵用戶與軟件進行交互并獲得一些樂趣！

5.視覺敘事:視頻將變得更加重要

敘事將變得越來越個性化，視頻在這方面起著至關(guān)重要的作用。

原因如下：

根據(jù)Eyeview的說法，您登錄頁面上的視頻可以將轉(zhuǎn)化率提高80％

如果您的電子郵件主題行包含單詞“video”，根據(jù)Syndacast，您的郵件將被打開的概率將增加19％。

根據(jù)Wistia的說法，平均而言，人們在使用視頻的網(wǎng)頁上花費的時間比不花時間多2.6倍。

視頻是視覺敘事的主體，吸引用戶進入場景，故事和情感。它引人注目，極具吸引力，并保持我們的關(guān)注和參與。

6. SVG

簡而言之，在2018年，SVG呈上升趨勢，其使用量可能會增加。隨著動畫的日益普及以及SVG轉(zhuǎn)換圖形和網(wǎng)站的能力，SVG在過去幾個月中逐漸受到歡迎。

4.9％的網(wǎng)站使用SVG，包括WhatsApp，GitHub，Espn，Dropbox和紐約時報等熱門網(wǎng)站。

正如您在w3techs.com上的圖表中所看到的：最近幾個月SVG發(fā)展迅速。

動態(tài)SVG的常見用例是導(dǎo)航菜單和站點標題。 SVG意味著在保持實用的同時增強界面。導(dǎo)航欄或文本是SVG的用例。

這是我最喜歡的一個例子：如果你點擊“ Hover 在Sean McCaffery的Codepen網(wǎng)站上，動畫將開始：

« 新手淘寶客戶如何獲得更多活動，促進添加好友 | 什么是投影儀值得購買？推薦用于所有類型的投影儀 »