2015最受歡迎最潮的六大網(wǎng)頁設(shè)計趨勢

2015 年已經(jīng)過了一半,網(wǎng)頁設(shè)計趨勢來來去去九府,有些落伍的風格已被刨除椎瘟,實驗性的做法不斷冒出覆致。唯一可以肯定的侄旬,是返璞歸真,還原基本煌妈,割捨一切不必要的功能儡羔。過去資訊零星散落雜亂無章的頁面的時代已經(jīng)逝去,簡約與使用者介面取而代之璧诵。The Next Web 作者 Anna-Feliza Sy 整理了六個今年截至目前汰蜘,最受歡迎的六個網(wǎng)頁設(shè)計趨勢。

專業(yè)的陪襯角色:幽靈按鈕

蘋果發(fā)表 iOS 7 之后之宿,純以線條構(gòu)成的圖標(line iconography)族操、以及幽靈按鈕(ghost button)迅速掘起,這些設(shè)計技巧建立了更簡約的美學比被,圖標與按鈕更顯輕盈色难,浮在色彩斑斕的影像或插畫之上,扮演實用的支持角色等缀。在近年的扁平化風潮中枷莉,它們也是不可或缺的推進元素。

健康食品與生活風格公司 Luvo 的官網(wǎng)就恰如其分的使用線條圖標尺迂、幽靈按鈕笤妙,豐富整個網(wǎng)站。Google 平板 Nexus 宣傳網(wǎng)站也是運用幽靈按鈕噪裕,俐落的設(shè)計讓人專注在產(chǎn)品而非文字上蹲盘。

背景大圖趨少

過去幾年,許多品牌頁面傾向在網(wǎng)頁中放上巨型背景圖片膳音,佔據(jù)整個宣傳頁面辜限,彷彿雜志一般。這類以印刷品為靈感的元素严蓖,依然是網(wǎng)頁設(shè)計的趨勢之一薄嫡,但是我們預(yù)測,流行度將會下降颗胡。突出特殊的文字設(shè)計毫深,移除任何讓視覺分心的物件,完全導向內(nèi)容優(yōu)先毒姨。Dress Responsively 的網(wǎng)頁就是一個典范哑蔫,缺乏圖片,但你可以盡情欣賞饒富巧思的字型設(shè)計。

物質(zhì)設(shè)計

扁平設(shè)計趨向成熟闸迷,我們將會看到更多界面設(shè)計師帶來更加干凈嵌纲、簡約的色彩、形狀與字型表現(xiàn)腥沽。Google 推出的「物質(zhì)設(shè)計(material design)」結(jié)合扁平原則與輕微的動畫與漸層效果逮走,呈現(xiàn) 3D 元素。Google 描述「物質(zhì)」乃「根基于真實的觸感今阳,由紙張與墨水的研究啟發(fā)师溅,但受到科技的催化,引領(lǐng)想像與魔法的新境界」盾舌。這種簡潔的使用者體驗與桌面或行動的結(jié)合愈來愈天衣無縫墓臭。

Google 旗下 YouTube 的 Android 版,充分駕馭物質(zhì)設(shè)計妖谴,風格雖然統(tǒng)一卻也不失樂趣窿锉。

微互動

另外,Google 也深諳以「微互動」的方式與使用者產(chǎn)生連結(jié)膝舅,并讓內(nèi)容顯得更有趣嗡载。而且動態(tài)的表現(xiàn)不僅趣味性十足,而且也能賦予意義與資訊铸史,運用在狀態(tài)的轉(zhuǎn)換間鼻疮,拉回使用者的注意力。

觀察一下 LinkedIn 網(wǎng)頁版琳轿,帶入在手機經(jīng)撑泄担可見的體驗。當游標滑過聯(lián)絡(luò)人卡片崭篡,即會出現(xiàn)「skip」按鈕挪哄,提供使用者除了「say congrats」以外的選項。Amazon 在消費者結(jié)帳時琉闪,也會適時出現(xiàn)按鈕迹炼,引誘使用者訂閱「Prime」帳戶,為現(xiàn)在的訂單省一筆颠毙。

互動圖表

資訊圖表在 2014 年發(fā)展迅猛斯入,不過多為靜態(tài)呈現(xiàn),現(xiàn)在他們更加躍進蛀蜜,有了網(wǎng)頁互動與資料的加入刻两,整體而言變得更有趣了,數(shù)位敘事型態(tài)變得更豐富滴某。比方說 Future of Car Sharing磅摹,一路水平的旅程滋迈,網(wǎng)頁動畫元素跳躍出來,充滿驚喜感户誓。

全熒幕影片

MIT 科學家發(fā)現(xiàn)饼灿,人腦處理圖像的時間只需 13 毫秒,因此在第一眼旋即「吸睛」的重要性不在話下帝美。蘋果手表的頁面堪稱經(jīng)典碍彭,HTML5 技術(shù)的進步,也讓許多以前做不到的影片呈現(xiàn)現(xiàn)在都早已讓人習以為常证舟。隨著這股潮流逐漸成熟硕旗,駕輕就熟的設(shè)計師們會怎麼「影響」它們翔怎,產(chǎn)生化學變化智什,過去流行的元素會持續(xù)融入未來的美學與原則樱衷。

點入 Geckoboard 這個頁面,你會發(fā)現(xiàn)全幅背景正播放著動態(tài)影片抵知,Airbnb 首頁亦使用相同手法。既勾起人們好奇心软族,又令他們流連駐足刷喜,期待彷彿電影一般一幕幕動態(tài)場景,往后也許這種方式會愈來愈普遍立砸。


本文地址:http://www.siweiw.com/sjinfo6880.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末掖疮,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子颗祝,更是在濱河造成了極大的恐慌浊闪,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件螺戳,死亡現(xiàn)場離奇詭異搁宾,居然都是意外死亡,警方通過查閱死者的電腦和手機倔幼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門盖腿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人损同,你說我怎么就攤上這事翩腐。” “怎么了膏燃?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵茂卦,是天一觀的道長。 經(jīng)常有香客問我蹄梢,道長疙筹,這世上最難降的妖魔是什么富俄? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮而咆,結(jié)果婚禮上霍比,老公的妹妹穿的比我還像新娘。我一直安慰自己暴备,他們只是感情好悠瞬,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著涯捻,像睡著了一般浅妆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上障癌,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天凌外,我揣著相機與錄音,去河邊找鬼涛浙。 笑死康辑,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的轿亮。 我是一名探鬼主播疮薇,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼我注!你這毒婦竟也來了按咒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤但骨,失蹤者是張志新(化名)和其女友劉穎励七,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嗽冒,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡呀伙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了添坊。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片剿另。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖贬蛙,靈堂內(nèi)的尸體忽然破棺而出雨女,到底是詐尸還是另有隱情,我是刑警寧澤阳准,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布氛堕,位于F島的核電站,受9級特大地震影響野蝇,放射性物質(zhì)發(fā)生泄漏讼稚。R本人自食惡果不足惜括儒,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锐想。 院中可真熱鬧帮寻,春花似錦、人聲如沸赠摇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽藕帜。三九已至烫罩,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洽故,已是汗流浹背贝攒。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留收津,地道東北人饿这。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓浊伙,卻偏偏與公主長得像撞秋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子嚣鄙,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容