值得關注的網頁設計趨勢
隨著新技術的持續引入以及人們難以琢磨的審美變化,設計在過去的時間里不斷展現非凡的創造力,而這些改變直觀地反應在了網頁設計多變的趨勢里——活力的插圖、大膽的配色、靈活的布局以及單頁、長滾動頁面、視差特效等等,它們創新并且傳承,帶著不同時期的特色“野蠻生長”,創造不斷變化的范例推動網頁設計趨勢。而未來,美學與技術的融合繼續引領著網頁設計新的流行走向。
襯線字體
雖然無襯線字體具有良好的可讀性,是長時間閱讀頁面的首選,但由于襯線字體更能突出設計感,且隨著設備分辨率不斷提高,也給設計師在屏幕上使用襯線字體大開方便之門。事實上,越來越多的品牌在其他方面(如標題和標注)已經開始了這方面的大膽嘗試。去年9月,蘋果(Apple)公司在其最新的iOS系統中,為Apple Books帶來了全新的設計:所有的標題字體都被換成了襯線體。屏幕的優化升級解開了一個桎梏已久的視覺枷鎖,拉近了屏幕與紙面的距離。
黑白色調
顏色是我們通過事物吸收、反射光粒子看這個世界的方式,是網站中最重要的元素之一。它通過創建視覺標識來統一品牌形象并培養用戶情緒。
其實黑白風格的網頁設計一直都不曾被拋諸主流趨勢之外,一旦我們的顏色識別系統達到某一峰值,黑白配色就會從一大堆斑斕的色彩中脫穎而出。
黑白風格的網頁設計,呈現出簡潔、干練、高端的格調,搭配同色系的色彩,整個網頁設計會呈現白的柔和、干凈與黑的沉穩、大氣,亦或兩者結合,創造意想不到的效果。而當黑白設計中搭配一點恰到好處的色彩,就成為引人們矚目的特定細節或元素。
雙色調
源于歐美雜志慣用的設計風格,曾經流行于上個世紀70年代的雙色調正在重新回歸。雙色調其實兩種同一個色調的不同深淺相同的一種顏色,在屏幕上不同的角度設置出兩個顏色板,它本質上的風格是華麗而簡單的。不管是炫目的還是溫和的,使用雙色調作為顏色穩定劑,為文本提供了足夠的空間和對比,尤其在高品質的顯示設備上,這種完美的方式,可以使雜亂的內容脫穎而出并快速給人留下深刻的印象。
自然的有機形狀
使用網格系統能夠幫助設計師組織頁面內容、平衡網站的內容布局,為網站帶來清晰的結構,頁面所使用的圖形元素也多為嚴謹、穩定的幾何結構,如矩形、三角形等。但太過工整的頁面布局難免產生呆板之感,設計師們正在積極嘗試使用自然形狀和流暢的線條,更多關注設計的可感知與舒適度。
由于自然有機形狀不完美且不對稱,因此它們可以為網頁設計創造更多藝術的可能性,使頁面元素脫穎而出。這些元素基于自然彎曲形式,在繪制過程中可以捕捉事物更多的自發性,如山巒的起伏,河流的蜿蜒,它們讓頁面呈現出柔和的動感與鮮明的活力。
故障藝術
故障藝術(Glitch Art)是一種錯誤美學,是利用事物形成的故障,進行藝術加工,使其成為一種具有特殊的美感的藝術品。
故障藝術天生帶有神秘質感,它通過為網站提供明顯的迷幻外觀來放大這種迷失的感覺,它可以吸引用戶將注意力集中到網頁那些扭曲、毛躁、雙重曝光的部分,這為網站展示重要信息提供了一種可行性方案。
故障藝術是一種未來主義風格明顯的藝術形式,具備高度的實驗性,它與品牌結合可以創造更多可能性。賴于技術的進步與我們認知的革新,未來我們將有更多的機會來分解并詮釋這些“缺陷”。所以,故障藝術仍有很長的生命周期被應用于網頁設計中。
聊天機器人
隨著人們越來越習慣于與機器人互動,網頁設計中也漸漸興起使用會話界面的風潮。資料顯示,未來幾年機器學習和人工智能將被引入到我們與之交互的各種各樣的系統中,而網頁作為一種媒介,在設計過程中必將以更多方式適應這一趨勢,
得益于人工智能和機器學習的進步,新的聊天機器人將越來越多地出現在未來自定義化程度更高的網頁上。一些具有前瞻性眼光的企業,使用更加友好的代表品牌的吉祥物化身聊天機器人,賦予它們生動的面孔、明亮的色彩,使之在頁面上的形象更鮮活,并進而凸顯品牌的活力調性以及與時俱進的創造力。
更多視頻內容
為吸引更多用戶的注意力,新、老品牌會在頁面添加動畫元素來凸顯網站的故事性和個性化特點。動畫可以展現品牌在數字世界中的實力,它不僅使頁面多樣化,還將一個抽象的、概念性的事物變得可觀、可感,迎合了沒有時間瀏覽大量文本的移動用戶,使其在短時間內理解創意及界面。
Google曾對混合搜索頁面搜索結果展示規則進行調整,其中包含標準網頁上的視頻內容。這使得網站優先考慮視頻制作,以便自己易于搜索并以最有效、可共享的方式提供相應信息。
極簡主義
嚴格來說極簡主義并不歸屬于流行趨勢的范疇,它是網頁設計的美學首選,是最經典、永恒的設計方案。在各色流行趨勢你方唱罷我登場的變換更迭中,極簡主義一直保留著霸主地位巋然不動。
極簡主義通過剔除頁面不必要的元素,減少信息對用戶的干擾,使其注意力得以集中在網站核心內容上。極簡風格能更有效的展示網站的功能和內容,避免造成網站頁面的擁擠和混亂,為網站重要元素提供更多寶貴的展示空間,并可以更好地傳遞SUP。此外,無論網站設計首先面對PC端或是移動端,依賴于元素較少的優勢,都更容易實現響應式。
多樣包容
很多時候,我們在談論網絡時總是忽略了最重要的一個概念'World Wide';ヂ摼W連接世界各地數十億擁有各種不同文化、能力、年齡和性別認同的人,而網站作為互聯網的一個信息“布告欄”,它的受眾遠不止并切也不應該只是“我們以為”或者“我們選擇”的那些人,在此之外的那些同樣應該被尊重的群體,他們希望以平等的姿態從中去了解自己息息相關的生活、情感以及思想。
即使是對過去的一些小小的改變(比如顯示不同膚色的表情符號)也已經走了很長的路。包容與多樣性不應只作為一種趨勢,而該成為一種常態融入到包括網頁設計在內的,支撐這個社會健康運轉的一切生產、生活、創造。雖然網頁設計在包容性、多樣性的層面已經取得取得可喜的成就,但這個世界在實現“尊重”和“平等”上依舊任重而道遠。從改進可訪問性標準到具有社會意識形態的多樣化圖像,在未來,設計師還可以利用更多的方法讓更多人與網站建立真正的聯系。
推荐
-
-
QQ空间
-
新浪微博
-
人人网
-
豆瓣