時間行進到2017年，越來越成熟的網(wǎng)頁設(shè)計圈子，已經(jīng)不僅僅只是流行各種設(shè)計技法和不同的設(shè)計工具了，你會發(fā)現(xiàn)，設(shè)計手段和設(shè)計思想也越來越成熟，至少，系統(tǒng)化的思維已經(jīng)不再鮮見了。

　　“我們不只在搭建頁面，我們在創(chuàng)建系統(tǒng)。”

　　縱覽今年的網(wǎng)頁設(shè)計，用戶體驗設(shè)計被大家提升到更重要的位置，數(shù)字產(chǎn)品的沉浸體驗被越來越多的設(shè)計師和產(chǎn)品人關(guān)注到。新誕生的設(shè)計工具和素材當中，無論是UI Kit 、風格指南還是設(shè)計輔助工具，都是為了更好的沉浸式體驗。

　　非對稱布局

　　對稱式的布局在網(wǎng)頁中非常常見，它不僅易于設(shè)計，便于使用而且是合理的設(shè)計策略。柵格系統(tǒng)的出現(xiàn)，不僅幫助設(shè)計更好地完成響應(yīng)式布局的設(shè)計搭建，也讓設(shè)計擁有了更好管控非對稱布局的方案。越來越多的非對稱式的布局出現(xiàn)在我們視野當中，甚至不少設(shè)計師專門對此進行了總結(jié)。Kimberly Elamconveys 的這本《Grid System：Principles of Organizing Type》中對于如何運用柵格系統(tǒng)來構(gòu)建非對稱布局，有許多不錯的實例。

　　打破常規(guī)的布局，這并非是新鮮的概念，但是在非對稱式的網(wǎng)頁布局的探索上，我們還有很長的路要走，還有許多未知可供探索。非對稱布局在今天成為設(shè)計趨勢，很大程度上是因為它在技術(shù)可行性的基礎(chǔ)上，讓設(shè)計師有了自由發(fā)揮的可能性，能夠讓設(shè)計脫穎而出。如果排版布局和整體實現(xiàn)都足夠合理，想法和內(nèi)容能夠在自由的設(shè)計下更容易被用戶所感知，個性化的表達也得以保留。

　　隨著設(shè)計師對于動效、視差和柵格的純熟掌握，未來的非對稱式布局可能會成為設(shè)計師手里的殺手锏。

　　感知化設(shè)計

　　在擬物化設(shè)計走到極致之后，扁平化設(shè)計接管了整個設(shè)計風格的走向。早期的扁平化設(shè)計擁有了足夠現(xiàn)代的設(shè)計特質(zhì)，但是在用戶感知上并不足以媲美擬物化，這也催生了今天我們所說的扁平化2.0 和 Material Design 這樣的設(shè)計風尚。用風格來描述這些設(shè)計上的演變是我們現(xiàn)在所熟知的方式，但是換個角度來看待這些變化，其實會更加直觀。設(shè)計元素從來都沒有因為扁平化設(shè)計而疏離真實的世界，我們對于世界的認知構(gòu)建起來了感知的體系，而設(shè)計元素的變化，一直都是奔著更好的感知度而去的。

　　雖然擬物化的設(shè)計并沒有回歸，但是在設(shè)計元素的演變上，可感知性一直在逐步變好，變得更容易理解、觸及。

　　自定義字體

　　伴隨著非對稱式布局而來的，是個性化的字體設(shè)計。針對特定的需求、遵循特定風格的個性化字體設(shè)計，和非常規(guī)的排版有著天然的契合，超大的個性化字體不僅可以傳達信息，而且能夠作為重要的視覺元素而存在，甚至可以成為視覺焦點。

　　讓不同的字體在網(wǎng)頁中協(xié)調(diào)的搭配起來是越來越多網(wǎng)頁設(shè)計師試圖做到的事情，而出于視覺設(shè)計的需求，有時候還需要讓對比足夠強烈的字體搭配到一起。

　　新的網(wǎng)頁字體技術(shù)的出現(xiàn)，使得網(wǎng)頁字體的兼容性和可能性越來越強。多彩字體甚至一開始就是為了個性化和自定義而存在。被非襯線體字體所統(tǒng)治的時代，即將過去。

　　更有質(zhì)感的圖片

　　和自定義的字體不同，真實感更強的圖片在網(wǎng)頁設(shè)計領(lǐng)域的流行，不僅僅是出于技術(shù)發(fā)展和個性化的需求，它更多是為了創(chuàng)造沉浸感更強的體驗，營造更加真實有效的品牌感。經(jīng)過定制的、富有質(zhì)感的圖片能夠更好地服務(wù)于品牌，營造獨特的氣質(zhì)，成為更加具有影響力的工具。

　　從成千上萬的圖片中精心挑選的圖片，有著更強的感染力，在絕大多數(shù)的時候，它們比起單純被設(shè)計出來的圖片更加有效。

　　如果你沒有辦法尋求專業(yè)的攝影師來為你打造這樣的照片的話，不妨通過社交網(wǎng)絡(luò)來舉辦活動，從你的品牌用戶和粉絲當中征集。截至目前，這種方法還是非常有效的。