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