>
學(xué)校機(jī)構(gòu) >
上海跑贏職場(chǎng) >
學(xué)習(xí)資訊>
2015年七個(gè)網(wǎng)頁(yè)UI設(shè)計(jì)的趨勢(shì)
2015年七個(gè)網(wǎng)頁(yè)UI設(shè)計(jì)的趨勢(shì)
56 2015-12-25
抓住每一個(gè)用戶的注意,關(guān)鍵往往是在他們?cè)L問網(wǎng)站的頭幾秒鐘。
平均用戶的注意廣度越來(lái)越短,網(wǎng)頁(yè)設(shè)計(jì)需要有效地保持用戶的興趣。表達(dá)內(nèi)容的方法有好多種。在過去幾年,設(shè)計(jì)師已經(jīng)把解決方案簡(jiǎn)單化和流暢化,達(dá)置人們想看到的效果。
由置中一張圖片到透過圖片之間的移動(dòng)和互動(dòng)引發(fā)視差,這都是在過去兩年較大膽的做法。有個(gè)說(shuō)法就是過多的視覺原素會(huì)影響到原本重要信息的表達(dá)。但這些原素不需要完全的去掉,而是微妙的、輕輕地把它們安放在需要它們的位置。2015年將會(huì)用上同樣大膽的設(shè)計(jì),但是不一樣的表達(dá)手法。UI會(huì)影響用戶和網(wǎng)站之間互動(dòng),所以UI設(shè)計(jì)將會(huì)越來(lái)越簡(jiǎn)單、微妙的達(dá)到要求。
扁平UI
最近,用戶界面的設(shè)計(jì)已經(jīng)發(fā)展到越來(lái)越簡(jiǎn)單和直接。扁平的設(shè)計(jì)最能夠帶出“讓內(nèi)容為自己說(shuō)話”的理念。在一個(gè)扁平的用戶界面中,設(shè)計(jì)有兩個(gè)層面:表面的那一層包含帶出前后關(guān)系的原素;里面的那一層是扁平,實(shí)心的背景顏色。由于扁平UI可以輕易在改變形狀的情況下不改變里面的內(nèi)容,所以它的好處在于能夠容易的改變大小。結(jié)論上,簡(jiǎn)化就是關(guān)鍵的鑰匙。
極簡(jiǎn)主義
在2015年,我們將會(huì)看見少了很多雜亂的原素。極簡(jiǎn)主義的設(shè)計(jì)局限了設(shè)計(jì)師在調(diào)色板上選擇,這代表每一個(gè)原素自身的表達(dá)都是強(qiáng)烈的。極簡(jiǎn)主義的網(wǎng)站出來(lái)的效果是干凈和輕淡,有很多喘息的空間。其中一個(gè)運(yùn)用極簡(jiǎn)主義設(shè)計(jì)的好處就是它減低了頁(yè)面的容量和載入的時(shí)間,尤其是網(wǎng)上購(gòu)物方面。
卡片格式設(shè)計(jì)
由于設(shè)計(jì)師跟工程師都需要考慮應(yīng)用到移動(dòng)設(shè)備,擁有一個(gè)模組化的格式設(shè)計(jì)是一個(gè)不用動(dòng)腦的技巧,因?yàn)樗軌蜻m應(yīng)各類設(shè)備。你可以看一下Pinterest的UI:每一張卡片都簡(jiǎn)化到由一張圖片,一段文字和一堆動(dòng)作組成,使其整理過的資料更容易瀏覽。這種主張是其中一個(gè)用最簡(jiǎn)單的方法表達(dá)最多的信息,使資料分散到超過3-4個(gè)的專欄能夠容易的重新排版,組成一個(gè)。
排版
除了保持事情簡(jiǎn)單和極簡(jiǎn),現(xiàn)在的字體更為苗條,微妙和性感。層次定義已更明顯,所以沒有需要加粗字體了。無(wú)襯線字體和細(xì)字體明年將更受歡迎。一些簡(jiǎn)單和永恒的字體,是經(jīng)得起時(shí)間的考驗(yàn)
幽靈按鈕
相比一個(gè)提示按鈕,這些按鈕很適合放在大型背景圖的上面。幽靈按鈕是微妙地吸引注意力,它不會(huì)遮擋背后的圖,比強(qiáng)調(diào)的字體更為推崇。
視頻的入主
如果你能看視頻,那為啥要閱讀?近年,我們能看到大型背景圖入主了主頁(yè)和背景。在2015年,視頻將會(huì)更進(jìn)一步“入侵”主頁(yè)。這是一個(gè)最快的方法在幾秒鐘內(nèi)帶出內(nèi)容和制造沖擊性。人們都想看到一些附合他們口味的東西。
更好的產(chǎn)品顯示
我們的世界在改變成物質(zhì)性的產(chǎn)品應(yīng)該伴隨數(shù)碼化的體驗(yàn),例如:詳細(xì)資料,不同的參數(shù)。人們想要的不單是幾張圖片,視頻,360全方位圖和動(dòng)畫都能給到客人更進(jìn)一步的資料。這樣子會(huì)較為有趣和生動(dòng)一點(diǎn)。
往后的趨勢(shì)
在建立網(wǎng)站中,響應(yīng)設(shè)計(jì)將很容易成為一種規(guī)范。直到2016年,我們將會(huì)看到設(shè)計(jì)都會(huì)偏向移動(dòng)端優(yōu)先,這代表適用于移動(dòng)設(shè)備將會(huì)是設(shè)計(jì)的焦點(diǎn)。智能手機(jī)是我們主要的通信方法,我們?cè)陉P(guān)注網(wǎng)頁(yè)設(shè)計(jì)同時(shí),更需要展向未來(lái)(移動(dòng)端)。
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)