邁進(jìn)2017,新年新趨勢,盡管趨勢變化非??欤覀僥GoBest還是每年都要來這么一次總結(jié):“2017年品牌網(wǎng)站設(shè)計的大時代趨勢”。
1. 深色系配色
在過去的一年當(dāng)中,大量的網(wǎng)站采用了白色和淺色的背景,采用深色背景設(shè)計的網(wǎng)站相對較少。
可是看多了也膩味。有一部分網(wǎng)站已經(jīng)開始倒轉(zhuǎn)整個配色,開始在自家的網(wǎng)站上探索深色系配色的美學(xué)。在配色上采用深色為主的設(shè)計,最需要注意的就是其中色彩的對比度和內(nèi)容的可讀性,只要把握好其中的關(guān)節(jié),能夠很好的吸引訪客的注意力。
隨著深色系配色而來的,還有越來越多的單色配色方案,更極端一些的,干脆就只在純色的深色背景上搭配照片。這樣的配色手法乍一看很單調(diào),但是深色背景下,流行色會顯得更加突出,也更容易鼓勵訪客與網(wǎng)站進(jìn)行互動。
2. 可無限滾動的網(wǎng)頁
http://www.nationalgeographic.com/
National Geographic 的網(wǎng)站是個好范例,因為它幾乎涵蓋了本文提到的每一點。
滾動的網(wǎng)頁當(dāng)然不是個多新穎的交互方式。然而,我們越來越多地看到的是更多在桌面設(shè)備和更大屏幕的設(shè)備上使用了長篇幅滾動網(wǎng)頁來進(jìn)行信息展現(xiàn)。
由于用戶覺得在小屏幕滑動翻頁更便于查找內(nèi)容,更多的設(shè)計人員在最近幾年開始在大屏幕上同樣地使用長篇幅滾動網(wǎng)頁的界面。
https://www.fastcompany.com/
著名的Fastcompany 網(wǎng)站的文章瀏覽頁同樣采取了無限滾動的交互方式。
這允許用戶可以以更流暢更快速地瀏覽大量的信息,而不會因為要切換頁面而被干擾。 它是一個能夠廣泛適用的方式,可以用在所有設(shè)備和內(nèi)容媒體上,不管是長篇新聞和新聞故事,還是登陸頁面和交互體驗,它都可以適用。
3. 越來越多的襯線體
4. 沉浸式的全屏視頻
Campos Coffee的網(wǎng)站使用簡單的排版結(jié)合動態(tài)全屏視頻制作了一個簡單但表現(xiàn)有力的內(nèi)容。
在網(wǎng)頁設(shè)計的世界,圖像畫面仍然是用來快速抓住用戶的注意力的好方法。 視覺被認(rèn)為是所有人類感覺中最強(qiáng)烈的。大的單幅圖像能夠以更有效、簡潔、快速地方式總結(jié)語音的訊息和音調(diào)。
圖像長期以來一直是 UI 和網(wǎng)頁設(shè)計的主要內(nèi)容,它的成功逐漸為視頻鋪平了道路。 我們看到視頻在界面設(shè)計中被越來越多的使用到。傳統(tǒng)攝影是靜態(tài)的,視頻是動態(tài)的,視頻是吸引用戶眼球和講故事的絕佳手段。
2017年及以后的網(wǎng)頁設(shè)計將會充滿內(nèi)容豐富、互動更強(qiáng)的全屏視頻作為講故事的主要手段。
LV 官網(wǎng)和CHANEL 官網(wǎng)也曾采取大幅視頻畫面作為主頁背景
荷蘭航空公司 KLM 的雜志 iFly50 依賴于更加風(fēng)格化的方法,使用雙重曝光視頻來吸引用戶,吸引人們繼續(xù)瀏覽網(wǎng)頁。
視頻和大而美觀的全屏圖像是吸引用戶和快速確立網(wǎng)頁基調(diào)的有效方式。 這兩種形式在不同場景的應(yīng)用中是高度通用的,特別適合作為背景排版使用的。
5. 漸變色彩
2013年,扁平化迅速在各類設(shè)計中流行開來,扁平化讓設(shè)計師們在設(shè)計中使用更多的冷色調(diào)和刪除多余的元素。 盡管它本身有一些缺點,但平面設(shè)計是一門實用哲學(xué),扁平化今天仍然具有價值。
扁平化要求簡化 UI 中的核心功能性元素,從而獲得更簡潔高效的用戶體驗。
使用扁平化是為了獲得更好的用戶體驗。但是不能否認(rèn)的是,扁平化風(fēng)格的迅速流行造成很多設(shè)計師設(shè)計出的網(wǎng)頁都極其相似的現(xiàn)象。 來自世界各地的品牌和設(shè)計師們都跟風(fēng)涌入扁平化的浪潮中,導(dǎo)致很多設(shè)計都缺乏個性,非常相似。