一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

2015 年已過一半,你已經(jīng)運用這 6 個最潮的網(wǎng)頁設(shè)計趨勢了嗎?

 北潛鋒樓主 2015-10-10
Editor_Wye 八月 5, 2015

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

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

001

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

002

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

背景大圖趨少

003

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

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

005

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

006

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

微互動

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

007

觀察一下 LinkedIn 網(wǎng)頁版,帶入在手機經(jīng)??梢姷捏w驗。當游標滑過聯(lián)絡(luò)人卡片,即會出現(xiàn)「skip」按鈕,提供使用者除了「say congrats」以外的選項。Amazon 在消費者結(jié)帳時,也會適時出現(xiàn)按鈕,引誘使用者訂閱「Prime」帳戶,為現(xiàn)在的訂單省一筆。

互動圖表

008

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

全螢?zāi)挥捌?/h3>

009

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

010

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

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    91久久国产福利自产拍 | 欧美精品中文字幕亚洲| 日韩精品第一区二区三区 | 国产成人亚洲欧美二区综| 国产男女激情在线视频| 国产精品免费视频专区| 好吊日视频这里都是精品| 欧美日韩亚洲国产综合网| 天堂网中文字幕在线视频| 久久精品a毛片看国产成人| 欧美三级大黄片免费看| 熟女免费视频一区二区| 激情内射日本一区二区三区| 欧洲一区二区三区蜜桃| 午夜精品麻豆视频91| 人妻久久这里只有精品| 老鸭窝老鸭窝一区二区| 国产精品久久三级精品| 成人精品欧美一级乱黄| 日韩一区二区免费在线观看| 国产精品美女午夜视频| 欧美不卡一区二区在线视频| 国产人妻精品区一区二区三区| 国产一二三区不卡视频| 精品国产亚洲免费91| 亚洲日本加勒比在线播放| 久久精品中文字幕人妻中文| 久久国产亚洲精品成人| 日韩人妻有码一区二区| 在线九月婷婷丁香伊人| 久久婷婷综合色拍亚洲| 午夜福利精品视频视频| 加勒比日本欧美在线观看| 麻豆果冻传媒一二三区| 黄片免费观看一区二区| 国产免费自拍黄片免费看| 中文字幕人妻日本一区二区 | 国产一区欧美一区二区| 丰满少妇被粗大猛烈进出视频| 国产一区欧美一区日韩一区| 久久本道综合色狠狠五月|