譯文丨2018網頁設計總結

2 評論 4668 瀏覽 30 收藏 9 分鐘

本文是從八個方面來對2018的網頁設計的總結,一起來看看~

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

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

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

二、響應式設計

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

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

三、動效無處不在

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

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

四、為了視覺傳達的插畫

在數字產品的營銷領域,圖像的選擇是我們遇到過的最有意思的挑戰。整個設計團隊都會針對這個問題進行討論,通常最終會歸結于以下兩種選擇:

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

前者主要強調產品的體驗、特性和功能,而后者更突出產品與用戶的交互,即產品對人們生活產生的影響。

五、Material Design

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

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

六、推送通知

Web推送通知是來自網站的消息,即使當前瀏覽器沒有打開相關頁面也會出現。

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

七、漸進式Web應用程序

2015年,谷歌創造了漸進式Web應用程序(Progressive Web Apps, PWA)。

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

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

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

八、在線客戶支持

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

譯者小結

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

原文標題:《Web design in 2018》

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

本文由 @UImax 翻譯發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 多色、漸變-響應式-動效-插畫

    回復