<p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">一.滑動優(yōu)先于點擊</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">現(xiàn)在已經(jīng)是移動互聯(lián)的年代,移動設(shè)備占據(jù)了用戶大量的網(wǎng)上瀏覽時間,而移動設(shè)備的特點是屏幕相對比較小,而控件一般設(shè)計的比較大以方便點擊。所以用戶更希望的是能隨心所欲的通過指尖快速的瀏覽到指定的信息,而非通過鼠標慢慢的往下拉,然后找到一行小的可憐的鏈接點進去進行查看。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">所以這個時候的設(shè)計更多應該是手勢操作優(yōu)先,讓用戶可以通過手勢快速的定位到自己想要的內(nèi)容。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">況且現(xiàn)在移動互聯(lián)網(wǎng)的用戶越來越懶,很少人有耐心去一個個條目仔細去查看去找到想要的內(nèi)容信息。所以他們更希望的是能快速的在簡潔的屏幕上定位到自己想要的目標,如果能不讓自己動手就能自己出現(xiàn)就更好了。</span></p><p><br/></p><p><br/></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">二.折疊顯示將成明日黃花</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">正因為現(xiàn)在對頁面進行滑動是如此的簡便和隨心所欲,且當今的智能設(shè)備的大小型號琳瑯滿目,所以因為一些內(nèi)容過長而進行折疊顯示的方式已經(jīng)過時了,僅僅將一些關(guān)鍵信息顯示給用戶,當需要的時候再去點擊個“+”號什么的進行展開。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">同時也再沒有必要在一篇文章的前面堆積大量的文字內(nèi)容來讓用戶知道你下面將要描述的是什么內(nèi)容,因為用戶很容易就能通過手勢操作滑動到它想要看的內(nèi)容上面去。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">所以取消折疊內(nèi)容的顯示,也肯定是將要風靡</span><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">網(wǎng)頁設(shè)計</span><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">界的風潮之一。</span></p><p><br/></p><p><br/></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">三.快速的呈現(xiàn)和簡約的設(shè)計</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">在當今這個生活節(jié)奏這么快速的年代,什么最貴?時間最貴。每個人都在爭分奪秒的不甘落后的往前狂奔,而因為通過應用或者網(wǎng)頁找到一個想要的內(nèi)容卻要耗掉好幾十秒的寶貴時間。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">所以我們的設(shè)計要迎合這些暴躁的用戶的需求,在能快速顯示之余,還要能足夠簡潔的將內(nèi)容顯示出來讓用戶能快速的弄懂這是怎么一回事。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">簡潔快速的設(shè)計應該是讓人能夠快速的打開并能愉悅的開始欣賞里面的內(nèi)容的,而不是等半天只顯示了一半內(nèi)容,或者內(nèi)容顯示出來了卻耗掉用戶半天時間才發(fā)現(xiàn)這里面根本沒有客戶想要的東西。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">現(xiàn)在炙手可熱的扁平化設(shè)計其實只是一個開始,其最終的目標瞄準的就是簡潔和實時性。</span></p><p><br/></p><p><br/></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">四.矢量圖將迎來春天</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">相信大家在欣賞一個朋友通過微信發(fā)過來的聲稱有亮點的圖的時候,應該都會嘗試將其進行放大再開始亮點查找。而隨著現(xiàn)在Retina屏的流行和現(xiàn)代瀏覽器地矢量圖的支持越來越好,所以一度因?qū)崿F(xiàn)和支持難度而少人問津的矢量圖相信將會再次回到風口浪尖上,因為如果是矢量圖的話,無論你做多大比例的縮放,它都不會失真。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">而其實現(xiàn)在這種風潮已經(jīng)初露端倪,你看下當今流行的字體圖標和谷歌在大力推的Material Design就可見一斑了。</span></p><p><br/></p><p><br/></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">五.動圖將上演王者歸來</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">曾幾何時,動圖曾經(jīng)到處泛濫,泛濫到在你的網(wǎng)站需要更新的時候都要在上面貼個“網(wǎng)站正在更新”的Flash上去。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">但是現(xiàn)在情況有所轉(zhuǎn)變了,不少的流行因素正在試圖讓動畫上演一出王者歸來的好戲。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">扁平化設(shè)計的流行:正因為太扁太平太飛機場般的過于單調(diào),動圖的作用就顯示出來了。只要你不像以前一樣在你的網(wǎng)站上鋪天蓋地的使用動圖,那么它就能將很多東西融合在一張動圖中來給你扁平略顯單調(diào)的頁面帶來不少的活力和視覺沖擊。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">移動應用的風靡:移動應用對人們的預期重新進行了定義,它更多是通過動畫來傳遞不同的意義,而我們的網(wǎng)頁設(shè)計也很應該開始效仿。</span></p><p style="line-height: 2em;"><span style="font-family: 微軟雅黑, "Microsoft YaHei"; font-size: 16px;">HTML5等新技術(shù)的支持: 這些技術(shù)讓我們不需要安裝任何插件的情況下就能使用動畫。</span></p><p><br/></p>