用靈魂感悟設計 · 用設計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    熱門文章    ⁄ 資訊內(nèi)容

2018年值得關注的Web設計趨勢

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2017/12/29 14:44:44     瀏覽:
2017 年是關于極簡主義的一年,2018 年將給設計界帶來更醒目的字體、鮮艷的色彩、用戶互動的新的可能性。

  網(wǎng)頁設計在過去幾個月已經(jīng)發(fā)生了很大變化,我們迫不及待地想知道 2018 年會是什么樣。2017 年是關于極簡主義的一年,2018 年將給設計界帶來更醒目的字體、鮮艷的色彩、用戶互動的新的可能性。設計會比以往任何時候都更試圖吸引我們的注意力,讓我們在網(wǎng)站瀏覽的同時保持專注和投入。

  審視下我們自身,看看什么在變化!

  這里為你介紹 2018 年六個熱門網(wǎng)頁設計趨勢

  1.粗體字

  粗體字的流行即將來臨。大寫字母的標題四周有很多空白,這會帶給我們強烈的視覺沖擊。對于那些掌握字體解剖學技巧的人來說,2018 將是他們大展身手的一年。到了 2018 年底,我們都將知道什么是字體的ascender、ear 和 loop。(譯者注:這幾個名詞是字體解剖學術語,在此不做翻譯。

  粗體字不僅僅是美學上的考量。粗體字還對閱讀速度、閱讀理解程度和用戶感知有很大的影響。

  Google/IBM 進行的一項研究表明,有襯線字體 Georgia 的閱讀速度比黑體快 7.9%。

  即使有些研究表明人們?nèi)绾问褂靡r線字體來更好地理解文字,但是事實恰好相反。使用像 Helvetica 這樣的無襯線字體的測試人員在閱讀速度和閱讀理解上的獲得的評分更高。

  粗體字會有產(chǎn)生奇妙的效果。粗體字很容易閱讀和理解。我們很高興可以在 2018 年看到更多的粗體字設計。

  2. 鮮艷的顏色又回來了!

  曾經(jīng)到處都是柔和的色彩,然而兩年后,鮮艷的顏色又殺回來了。不再是柔和的配色方案,新的一年將充滿了高對比度和鮮明的個性。

  色彩對情緒的影響一直是個廣泛研究的課題。顏色對我們的大腦、知覺和行為有著重要的影響。根據(jù) Kissmetrics 的調(diào)查,92% 的客戶表示視覺表達是最具影響力的購買決策因素。

  顏色會影響我們的感受,明亮、生動的顏色會讓人感到清醒、興奮,充滿活力。

  3. 掌握移動設計

  隨著移動流量每天都在增加,響應式網(wǎng)站在過去幾年中已經(jīng)成為必備。到 2018 年,是時候真正掌握移動設計了。問題不再是:我們的網(wǎng)站是否適用于手機?而是:我們的內(nèi)容如何最好地展現(xiàn)在移動設備上?

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

  掌握移動設計并理解如何在較小的設備上最好地展示內(nèi)容將是 2018 年的關鍵挑戰(zhàn)。

  移動設計的一些關鍵挑戰(zhàn)是:

  您不希望你的屏幕顯得雜亂無章

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

  您想保持一個類似的功能和導航的內(nèi)容

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

  您想讓你的桌面網(wǎng)站與移動設計觸發(fā)相同的情緒和品牌效應

  用戶必須喜愛你的移動設計體驗否則他們會流失。谷歌最近的一項研究表明,用戶用自己的智能手機做一些研究基本上沒有太多的問題。一些關于牙刷,水瓶或鹽的研究(是的,鹽!)

  谷歌的研究顯示,在過去兩年中,移動搜索“best”這個詞的搜索量已經(jīng)超過了 80% 以上。

  實現(xiàn)移動優(yōu)先級的一個關鍵要素是您的內(nèi)容必須易于用一只手進行導航。想想你如何使用你的智能手機。您可以在公交車或地鐵站閱讀文章,也可以通過超市走道發(fā)短信,在途中見到朋友的時候,您可能正在尋找“2017年最好的紅酒”。有可能你只用一只手做這些事情。

  4. 微互動將更加巧妙

  “沒有什么大作” - Victor Papanek

  2017 年,我們開始看到微互動,將來肯定會看到更多。微互動允許用戶以小手勢與軟件或應用程序進行交互。

  在他的“微交互”一書中,Dan Saffer 是這么描述微互動的:

  “微互動可以為整個應用程序或設備提供支持,或者(更常見地)在更大的產(chǎn)品中或其內(nèi)部存在。他們是可以變得沉悶和被遺忘的,或愉快和吸引人的小時刻。每當你改變設置、同步你的數(shù)據(jù)或設備、設置鬧鐘、選擇密碼、打開設備、登錄、設置狀態(tài)消息,或偏愛/喜歡的東西,你正在從事微互動。

  雖然 Saffer 用非常函數(shù)式的術語描述了微互動,但他們變得更加巧妙和更有趣。

  微互動的例子是無止境的,但為什么公司使用它們呢?

  微互動非常容易上癮,并且很有趣。他們補充道 - 用戶體驗設計師和作家 Nick Babich 稱之為“人性化”,使任務更加有趣和富有吸引人。微互動鼓勵用戶與軟件交互,并有一些樂趣!

  5. Visual storytelling(可視化敘事):視頻將變得更加重要

  敘事將越來越個人化,并且視頻在這方面起著至關重要的作用。

  原因如下:

  根據(jù) Eyeview 統(tǒng)計,在登錄頁中包含視頻可以將轉化率提高80%

  如果你的電子郵件主題行中包含“視頻”一詞,根據(jù) Syndacast 統(tǒng)計,你的郵件被打開的概率將上漲19%。

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

  視頻是可視化敘事的主體,吸引用戶進入場景、故事和情感。它引人注目,吸引人的注意,并保持我們的專注和參與。

  6. SVG

  簡單來說,在 2018 年,SVG 有上升趨勢,而且它的使用率可能會增加。隨著動畫越來越受歡迎以及 SVG 能夠轉換圖形和網(wǎng)站的能力,SVG 在過去的幾個月里已經(jīng)穩(wěn)定地流行起來。

  已有 4.9% 的網(wǎng)站使用SVG,包括 WhatsApp、GitHub、Espn、Dropbox 和紐約時報等熱門網(wǎng)站。

  動態(tài) SVG 的常見用例是導航菜單和網(wǎng)站標題。SVG 意味著在保持實用的同時增強接口。導航條或文本是 SVG 的用例。