400-611-9921
2017-09-04
4665
縱天為大家?guī)?lái)全新2017年全球網(wǎng)站設(shè)計(jì)趨勢(shì)預(yù)測(cè)分析,并有壓軸大膽預(yù)測(cè),希望能給大家在網(wǎng)頁(yè)設(shè)計(jì)上帶去靈感! 本次趨勢(shì)分析中,有一些往年的老面孔,依舊火熱流行,同時(shí)也有一些全新的設(shè)計(jì)趨勢(shì)進(jìn)入視野,值得大家關(guān)注。
為大家?guī)?lái)全新2017年全球網(wǎng)站設(shè)計(jì)趨勢(shì)預(yù)測(cè)分析,并有壓軸大膽預(yù)測(cè),希望能給大家在網(wǎng)頁(yè)設(shè)計(jì)上帶去靈感!本次趨勢(shì)分析中,有一些往年的老面孔,依舊火熱流行,同時(shí)也有一些全新的設(shè)計(jì)趨勢(shì)進(jìn)入視野,值得大家關(guān)注。
1. 視頻播放
播放音頻可能是網(wǎng)絡(luò)上最煩人的設(shè)計(jì)趨勢(shì)。但令人驚訝的是,在banner中播放視頻卻相當(dāng)受人歡迎。大家可以在大量商業(yè)網(wǎng)站上發(fā)現(xiàn)這種設(shè)計(jì),其中視頻背景占據(jù)了整個(gè)屏幕。
2. 幽靈按鈕
一個(gè)小小的按鈕在一個(gè)網(wǎng)頁(yè)中擔(dān)當(dāng)著很重要的角色,它帶領(lǐng)我們從一個(gè)頁(yè)面到達(dá)另一個(gè)頁(yè)面,是我們?yōu)g覽網(wǎng)站時(shí)的有力橋梁。一座好的橋梁不僅能為用戶帶來(lái)舒適的過(guò)渡,也許還能為網(wǎng)站加分不少。明的按鈕設(shè)計(jì)其實(shí)在國(guó)外的網(wǎng)頁(yè)設(shè)計(jì)中很早就出現(xiàn)了,還被國(guó)外的設(shè)計(jì)師們俏皮的稱為“幽靈按鈕”(Ghost Buttons)。說(shuō)到幽靈,我們的第一印象就是輕薄且透明,這也正是“幽靈按鈕”的精髓所在。
3. 功能圖標(biāo)設(shè)計(jì)
圖標(biāo)在網(wǎng)頁(yè)設(shè)計(jì)中用途廣泛,幾乎每個(gè)網(wǎng)站中都存在著圖標(biāo)。通過(guò)這些小小的圖標(biāo),可以方便的實(shí)現(xiàn)視覺(jué)引導(dǎo)和功能劃分。如果選用恰當(dāng),圖標(biāo)能和頁(yè)面中的 圖片有機(jī)融合,保持視覺(jué)上的一致性,同時(shí)也能夠和整個(gè)網(wǎng)站的風(fēng)格相契合。圖標(biāo)并不是華而不實(shí)的小玩意兒,小圖標(biāo)有大用處。
一般來(lái)說(shuō),根據(jù)使用手法、使用場(chǎng)合的不同,一張圖像可以有多種解讀,圖標(biāo)亦如此。圖標(biāo)不但能夠吸引用戶的注意力,還能分割頁(yè)面中的區(qū)域,最為重要的事,圖標(biāo)能夠提供一種視覺(jué)隱喻,能賦予物體某種含義,這樣用戶掃一眼便能知曉功能,因此,圖標(biāo)是一種提高用戶體驗(yàn)的工具。
如下案例中Ctrlbox可卓軟件網(wǎng)站宣傳的是一款項(xiàng)目管理軟件,那么在圖標(biāo)設(shè)計(jì)過(guò)程中,設(shè)計(jì)更個(gè)性化的功能性圖標(biāo),來(lái)增加客戶對(duì)產(chǎn)品功能的認(rèn)知,加深對(duì)產(chǎn)品的印象。
4. 更多的原創(chuàng)內(nèi)容
如今我們經(jīng)常發(fā)現(xiàn)很多網(wǎng)站的外觀和模式都十分相似,因此很多公司正在逐漸避免在他們的網(wǎng)站上使用的圖片為網(wǎng)上圖片庫(kù)、視頻庫(kù)或圖標(biāo)庫(kù)里的資源,轉(zhuǎn)而創(chuàng)作一些原創(chuàng)的信息,使得他們可以有別于其他網(wǎng)站,更具個(gè)性化。
5. 觸覺(jué)感應(yīng)交互
蘋(píng)果從iPhone6S設(shè)備之后發(fā)布了觸覺(jué)反饋,即3D touch技術(shù)。出來(lái)接近2年的時(shí)間,大家對(duì)這一技術(shù)的評(píng)價(jià)褒貶不一。(據(jù)筆者了解,身邊的朋友幾乎很少在使用手機(jī)時(shí)真正應(yīng)用這一功能)。但這個(gè)契機(jī),也許真的能夠成為觸感交互的起點(diǎn)。畢竟,語(yǔ)音交互出來(lái)了這么久,很多時(shí)候我們還是停留在調(diào)戲Siri的高度。新的技術(shù),需要點(diǎn)時(shí)間來(lái)被接受。
6. 更大更醒目的字體
隨著更多企業(yè)越來(lái)越“接地氣”,他們開(kāi)始注重與用戶的互動(dòng)與交流,增強(qiáng)用戶的參與感,因此對(duì)話式的網(wǎng)站快速受到用戶歡迎。這一趨勢(shì)無(wú)形中要求設(shè)計(jì)師們需要加強(qiáng)對(duì)文字性格的把握,以更好的設(shè)計(jì)實(shí)現(xiàn)與用戶的“對(duì)話”。
2016年我們已經(jīng)看到了字體的大小與外觀設(shè)計(jì)的增長(zhǎng),但這種趨勢(shì)不會(huì)很快就停止。品牌名稱將會(huì)變得更大、更醒目,甚至?xí)脸霈F(xiàn)。而動(dòng)態(tài)的顏色與紋理也將添加到那些有趣、充滿活力的字體中,并創(chuàng)造出一個(gè)讓你“哇”的效果。
7. 個(gè)性化字體設(shè)計(jì)
在網(wǎng)頁(yè)的構(gòu)成元素中,文字的設(shè)計(jì)與編排是重要元素之一,它們雖然占據(jù)的存儲(chǔ)空間非常小,但在網(wǎng)頁(yè)上占據(jù)的面積卻是不容忽視的。對(duì)設(shè)計(jì)師來(lái)說(shuō),文字除了表達(dá)含義,還應(yīng)該具有傳遞感情的功能,這種傳遞就需要通過(guò)字體、字號(hào)以及顏色來(lái)表達(dá)了。
8. 依舊流行的視差滾動(dòng)
在2013年就在給客戶開(kāi)發(fā)的網(wǎng)站中運(yùn)用視差滾動(dòng)技術(shù),2017年視差滾動(dòng)依舊是網(wǎng)站設(shè)計(jì)的趨勢(shì)。視差滾動(dòng)不同于Flash的動(dòng)畫(huà),它可以不受任何瀏覽限制,在蘋(píng)果設(shè)備上流暢使用。同時(shí)除了強(qiáng)大的前端技術(shù)支持外,還有創(chuàng)意發(fā)揮,好的視差滾動(dòng)網(wǎng)站很容易吸引用戶并且給人留下深刻印象。
9. 幾何圖形應(yīng)用
沒(méi)有人會(huì)對(duì)沉悶的網(wǎng)頁(yè)產(chǎn)生興趣,加入不規(guī)則幾何形狀的網(wǎng)頁(yè)設(shè)計(jì)也許能讓你的眼睛重獲新鮮感。幾何元素的融入不僅讓網(wǎng)頁(yè)變得高大上,也在無(wú)形中突出了網(wǎng)頁(yè)中的某些內(nèi)容,這樣的突出方式并不單薄無(wú)力,反而讓網(wǎng)頁(yè)看起來(lái)更自然。
Ondo的網(wǎng)站選用了較為鮮艷的色彩,再加以特別的效果,讓用戶在瀏覽時(shí)得到了一種別樣的視覺(jué)感受。如果上一個(gè)案例表達(dá)了寧?kù)o的主題,那么Ondo表達(dá)的就是城市中的現(xiàn)代繁華。
10. Metro風(fēng)格式微
前幾年非?;鸨腗etro風(fēng)格,2017年預(yù)計(jì)會(huì)開(kāi)始在網(wǎng)頁(yè)設(shè)計(jì)中較少的使用。在過(guò)去的幾年中,用戶普遍對(duì)Metro風(fēng)格的評(píng)價(jià)不是很高,很多人會(huì)覺(jué)得不好看,用多了也會(huì)給人帶去審美疲勞。因此,大膽預(yù)測(cè),Metro風(fēng)格在2017年將一反過(guò)去幾年的興盛而出現(xiàn)衰落的現(xiàn)象。
本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:縱天,網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話
400-611-9921
您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)