【威海網站建設訊】10月(yuè)05日,縱覽今年的(de)網頁設計，用(yòng)戶體驗設計被大(dà)家提升到更重要的(de)位置，數字産品的(de)沉浸體驗被越來(lái)越多(duō)的(de)設計師和(hé)産品人(rén)關注到。新誕生的(de)設計工具和(hé)素材當中，無論是UI Kit 、風格指南(nán)還(hái)是設計輔助工具，都是爲了(le)更好的(de)沉浸式體驗。

　　非對(duì)稱布局

　　對(duì)稱式的(de)布局在網頁中非常常見，它不僅易于設計，便于使用(yòng)而且是合理(lǐ)的(de)設計策略。栅格系統的(de)出現，不僅幫助設計更好地完成響應式布局的(de)設計搭建，也(yě)讓設計擁有了(le)更好管控非對(duì)稱布局的(de)方案。越來(lái)越多(duō)的(de)非對(duì)稱式的(de)布局出現在我們視野當中，甚至不少設計師專門對(duì)此進行了(le)總結。Kimberly Elamconveys 的(de)這(zhè)本《Grid System：Principles of Organizing Type》中對(duì)于如何運用(yòng)栅格系統來(lái)構建非對(duì)稱布局，有許多(duō)不錯的(de)實例。

　　打破常規的(de)布局，這(zhè)并非是新鮮的(de)概念，但是在非對(duì)稱式的(de)網頁布局的(de)探索上，我們還(hái)有很長(cháng)的(de)路要走，還(hái)有許多(duō)未知可(kě)供探索。非對(duì)稱布局在今天成爲設計趨勢，很大(dà)程度上是因爲它在技術可(kě)行性的(de)基礎上，讓設計師有了(le)自由發揮的(de)可(kě)能性，能夠讓設計脫穎而出。如果排版布局和(hé)整體實現都足夠合理(lǐ)，想法和(hé)内容能夠在自由的(de)設計下(xià)更容易被用(yòng)戶所感知，個(gè)性化(huà)的(de)表達也(yě)得(de)以保留。

　　随著(zhe)設計師對(duì)于動效、視差和(hé)栅格的(de)純熟掌握，未來(lái)的(de)非對(duì)稱式布局可(kě)能會成爲設計師手裏的(de)殺手锏。

　　感知化(huà)設計

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

　　雖然拟物(wù)化(huà)的(de)設計并沒有回歸，但是在設計元素的(de)演變上，可(kě)感知性一直在逐步變好，變得(de)更容易理(lǐ)解、觸及。

　　自定義字體

　　伴随著(zhe)非對(duì)稱式布局而來(lái)的(de)，是個(gè)性化(huà)的(de)字體設計。針對(duì)特定的(de)需求、遵循特定風格的(de)個(gè)性化(huà)字體設計，和(hé)非常規的(de)排版有著(zhe)天然的(de)契合，超大(dà)的(de)個(gè)性化(huà)字體不僅可(kě)以傳達信息，而且能夠作爲重要的(de)視覺元素而存在，甚至可(kě)以成爲視覺焦點。

　　讓不同的(de)字體在網頁中協調的(de)搭配起來(lái)是越來(lái)越多(duō)網頁設計師試圖做(zuò)到的(de)事情，而出于視覺設計的(de)需求，有時(shí)候還(hái)需要讓對(duì)比足夠強烈的(de)字體搭配到一起。

　　新的(de)網頁字體技術的(de)出現，使得(de)網頁字體的(de)兼容性和(hé)可(kě)能性越來(lái)越強。多(duō)彩字體甚至一開始就是爲了(le)個(gè)性化(huà)和(hé)自定義而存在。被非襯線體字體所統治的(de)時(shí)代，即将過去。

　　和(hé)自定義的(de)字體不同，真實感更強的(de)圖片在網頁設計領域的(de)流行，不僅僅是出于技術發展和(hé)個(gè)性化(huà)的(de)需求，它更多(duō)是爲了(le)創造沉浸感更強的(de)體驗，營造更加真實有效的(de)品牌感。經過定制的(de)、富有質感的(de)圖片能夠更好地服務于品牌，營造獨特的(de)氣質，成爲更加具有影(yǐng)響力的(de)工具。

　　從成千上萬的(de)圖片中精心挑選的(de)圖片，有著(zhe)更強的(de)感染力，在絕大(dà)多(duō)數的(de)時(shí)候，它們比起單純被設計出來(lái)的(de)圖片更加有效。

　　如果你沒有辦法尋求專業的(de)攝影(yǐng)師來(lái)爲你打造這(zhè)樣的(de)照(zhào)片的(de)話(huà)，不妨通(tōng)過社交網絡來(lái)舉辦活動，從你的(de)品牌用(yòng)戶和(hé)粉絲當中征集。截至目前，這(zhè)種方法還(hái)是非常有效的(de)。

　　文章(zhāng)整理(lǐ)：威海網站建設 http://www.zccn.cc