本文是從八個方面來對2018的網(wǎng)頁設計的總結(jié)，一起來看看~

本文翻譯自澳大利亞設計師Rylan Ziesing及其設計團隊Rhino Design對2018年網(wǎng)頁設計的總結(jié)。

一、豐富的色彩與漸變色的運用

漸變色和豐富的色彩，以其自身的美學魅力和強烈的視覺效果，而為設計師所青睞并大量使用。隨著此類設計風格需求的日益增長，廣闊的色域和漸變色將在2018繼續(xù)流行下去。

二、響應式設計

對于移動網(wǎng)絡來說，2017年是具有里程碑意義的一年，它的使用量最終超過了桌面瀏覽量。這也意味著網(wǎng)頁設計師將比以往更注重移動設備用戶的需求。

（譯者注：2017《移動互聯(lián)網(wǎng)藍皮書》發(fā)布，移動互聯(lián)網(wǎng)用戶達到10.93億，而PC用戶停滯不前。無論用戶使用哪種設備，筆記本、智能手機還是Pad，產(chǎn)品頁面都應當能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應該有能力去自動響應用戶的設備環(huán)境。）

三、動效無處不在

設計一個網(wǎng)站時我們需要考慮諸多因素，如網(wǎng)速、技術能力、用戶類型等。從中可以看到，為什么動效和交互式界面，會成為2018網(wǎng)頁設計主流趨勢中的重要部分，尤其當人們的審美要求越來越高、技術棧越來越先進。

（譯者注：技術棧一般來說是指將N種技術互相組合在一起（N>1），作為一個有機的整體來實現(xiàn)某種目的；也可以指掌握這些技術以及配合使用的經(jīng)驗，比方說：LAMP LNMP MEAN都是常見的Web技術棧。這里的棧就是英文stack的意思，即一些東西堆在一起，而非數(shù)據(jù)結(jié)構的棧的意思。）

四、為了視覺傳達的插畫

在數(shù)字產(chǎn)品的營銷領域，圖像的選擇是我們遇到過的最有意思的挑戰(zhàn)。整個設計團隊都會針對這個問題進行討論，通常最終會歸結(jié)于以下兩種選擇：

1. 產(chǎn)品UI界面展示和動圖（GIF）；
2. 美化的或融入生活場景的圖片。

前者主要強調(diào)產(chǎn)品的體驗、特性和功能，而后者更突出產(chǎn)品與用戶的交互，即產(chǎn)品對人們生活產(chǎn)生的影響。

五、Material Design

Material Design是谷歌基于Android系統(tǒng)推出的全新設計語言，一開始可能主要面向移動設備界面，但后來無論是在移動設備還是PC平臺，它的流行度和使用量都呈現(xiàn)爆發(fā)式增長。

其實Material Design是過去幾年扁平化設計趨勢的延續(xù)，但它并不是單純的扁平化，而是增加了適當?shù)狞c綴以增強可用性，這是扁平化設計所不及的。Material Design的根本是可用性，而不是拿掉一切以提升視覺吸引力。

六、推送通知

Web推送通知是來自網(wǎng)站的消息，即使當前瀏覽器沒有打開相關頁面也會出現(xiàn)。

Web推送通知是一種全新的營銷渠道，可用于在沒有用戶電子郵件或其他聯(lián)系方式的情況下，與網(wǎng)站訪問者重新建立聯(lián)系。

七、漸進式Web應用程序

2015年，谷歌創(chuàng)造了漸進式Web應用程序（Progressive Web Apps, PWA）。

PWA是指可以在任意瀏覽器上執(zhí)行的支持互聯(lián)網(wǎng)的應用程序，它是由服務器端腳本(PHP和ASP)和客戶端腳本（JavaScript和HTML）組成。應用最廣泛的例子就是在線電子表格（Google Docs）、電子郵件（Gmail）、照片和視頻編輯（Pixlr.com）等，這些程序允許用戶同時訪問相同版本的文檔。

有無服務人員是PWA和常規(guī)Web應用程序的主要區(qū)別，服務人員是PWA背后強大的技術支撐，在服務人員的幫助下，可實現(xiàn)離線模式工作、接收推送消息、更新背景內(nèi)容等。PWA旨在實現(xiàn)多個平臺通用的應用程序。

簡單易安裝也是Web應用程序與原生應用程序相比的一大優(yōu)點。此外，開發(fā)人員不需要將PWA適配到iOS或Android平臺上，由于使用網(wǎng)絡技術，PWA可跨平臺工作。

八、在線客戶支持

以會話為導向的營銷和銷售平臺，將企業(yè)與客戶實時聯(lián)系起來。這使得我們可以進一步開展創(chuàng)意營銷，開拓全新的營銷方式，以更好地達到預期目標。

譯者小結(jié)

本文作者是從國外Web設計角度出發(fā)，和國內(nèi)的視角還是有一些區(qū)別，但其中的很多概念還是可以借鑒的。漸變色、響應式設計、動效都是最近幾年的熱門詞，其中的漸進式Web應用程序是我第一次了解這個概念，相信未來國內(nèi)的開發(fā)人員會在此方面有所建樹。
 

原文標題：《Web design in 2018》

原文鏈接：https://www.behance.net/gallery/60586377/Web-Design-Trends-2018

本文由 @UImax 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議