1.移動互聯(lián)優(yōu)先:你的網(wǎng)頁設(shè)計要符合手機(jī)瀏覽,這是必須的,如果還是按照以前的pc模式,顯然會被淘汰了。
據(jù)不完全統(tǒng)計:人們每天花費在移動設(shè)備上的時間為2.5小時;57%的消費者不會推薦一個在移動設(shè)備上看起來不好的企業(yè)網(wǎng)站;在數(shù)字媒體上的時間中,移動占60%;根據(jù)Google一項調(diào)查顯示:48%的用戶表示,如果一個網(wǎng)站不能很好地運行在智能手機(jī)上,會讓人們覺得企業(yè)不關(guān)心它們的業(yè)務(wù);85%的成年人認(rèn)為,移動網(wǎng)站應(yīng)該和桌面的一樣好,甚至要表現(xiàn)得更加出色; 67%的消費者表示他們更有可能在一個移動友好的網(wǎng)站上消費;90%的人使用多種屏幕尺寸的設(shè)備。
2.交互式滾動
視差:視差滾動最初指的是2D視頻游戲里的一種技術(shù),用于通過背景移動慢于前臺的方式展示深度。在Web設(shè)計里視差設(shè)計允許你:1. 用3D的方式展示作品;2. 將瀏覽者引往一個地方;3. 創(chuàng)建一個3D時間線。
無限:無限滾動是Web設(shè)計中一種新的導(dǎo)航類型,當(dāng)你滑到頁面底部時,頁面會自動加載新的內(nèi)容,這導(dǎo)致頁面會增加額外的內(nèi)容:1. Web瀏覽者76%的時間用于滾動網(wǎng)頁;2. 66%的用戶發(fā)現(xiàn)網(wǎng)站加載太慢;3. 隨著觸摸屏的出現(xiàn),滾動變得比點擊更自然;4. 無限滾動通過允許網(wǎng)站一點一點加載內(nèi)容讓網(wǎng)站加載時間減少。
3.扁平化設(shè)計
出現(xiàn)的原因:1. 給網(wǎng)站一個清爽的外觀;2. 易于設(shè)計;3. 能夠使用響應(yīng)設(shè)計進(jìn)行無縫工作;4. 更快的加載時間。
一項Web專業(yè)人員調(diào)查顯示,68%的人認(rèn)為扁平化設(shè)計依舊時尚,只有9%的人認(rèn)為它即將過時。
4.單一頁面
出現(xiàn)原因:1. 所有內(nèi)容都在一個頁面上;2. 簡單的導(dǎo)航;3. 濃縮、可校驗性、有吸引力;4. 更適用于移動。
內(nèi)容:1. 使用單頁面網(wǎng)站展現(xiàn)內(nèi)容,最好用圖形而不是文本;2. 成年人在線的平均注意力持續(xù)時間為8秒;3. 快速向用戶傳達(dá)品牌的能力變得更有價值;4. 內(nèi)容簡潔、直觀,可用性強(qiáng)。
5 .干凈簡潔的布局
強(qiáng)調(diào)高質(zhì)量攝影術(shù):1. 傳送到大腦的信息中90%來自視覺;2. 40%的人對視覺信息響應(yīng)得更好,而不是純文本;3. 40%的消費者更有可能參與那些擁有高品質(zhì)一體化、專業(yè)攝影術(shù)網(wǎng)站的品牌當(dāng)中;4. 在電子商務(wù)中,67%的消費者認(rèn)為產(chǎn)品攝影的質(zhì)量是決定他們購買的一個重要因素。
強(qiáng)調(diào)布局:1. 清理網(wǎng)站中的雜物;2. 干凈簡潔的網(wǎng)站更容易導(dǎo)航;3. 用最少的文字表達(dá)圖像化的內(nèi)容。
更強(qiáng)調(diào)字體:排版在設(shè)置網(wǎng)站的氣氛和色調(diào)中扮演著越來越重要的角色。