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