如果你一直觀察廣州網(wǎng)頁設(shè)計行業(yè)，你會發(fā)現(xiàn)它確實變化很快。設(shè)計潮流來來去去，常年流行，年底可能根本看不到。還有一些設(shè)計手法，幾年來不斷變化?？偸且o跟設(shè)計潮流，敏銳觀察，不斷關(guān)注。

　　日益成熟的網(wǎng)頁設(shè)計圈不僅普及了各種設(shè)計技術(shù)和不同的設(shè)計工具，也發(fā)現(xiàn)設(shè)計方法和設(shè)計思路越來越成熟。至少，系統(tǒng)化的思維已經(jīng)不稀奇了。

　　“我們不僅僅是在構(gòu)建頁面，我們還在創(chuàng)建系統(tǒng)。”

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

　　不對稱布局

　　對稱布局在網(wǎng)頁中非常常見。它不僅易于設(shè)計和使用，而且是一種合理的設(shè)計策略。網(wǎng)格系統(tǒng)的出現(xiàn)不僅有助于設(shè)計者更好地完成響應(yīng)性布局的設(shè)計，也為設(shè)計者提供了更好的控制非對稱布局的方案。越來越多的不對稱布局出現(xiàn)在我們的視野中，甚至很多設(shè)計師都做過總結(jié)。金伯利埃蘭康威(Kimberly  Elamconveys)的這本書《Grid System：Principles of Organizing Type》中有很多關(guān)于如何利用網(wǎng)格系統(tǒng)構(gòu)造非對稱布局的好例子。

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

　　隨著設(shè)計師對動態(tài)效果、視差、網(wǎng)格的掌握，未來的不對稱布局可能成為設(shè)計師手中的殺手锏。

　　感性設(shè)計

　　準(zhǔn)物化設(shè)計達(dá)到極致后，扁平化設(shè)計接管了整個設(shè)計風(fēng)格的潮流。早期的扁平化設(shè)計有足夠的現(xiàn)代設(shè)計特色，但在用戶感知上卻比不上準(zhǔn)實體化，也催生了扁平化2.0和Material  Design的設(shè)計時尚。用風(fēng)格來描述這些設(shè)計變化是眾所周知的方法，但從另一個角度來看這些變化實際上更直觀。設(shè)計元素從未因為扁平化設(shè)計而與現(xiàn)實世界疏離。我們對世界的認(rèn)知建立了一個感知系統(tǒng)，設(shè)計元素的變化總是為了更好的感知。雖然準(zhǔn)物化設(shè)計沒有回歸，但是在設(shè)計元素的演變中，感知力已經(jīng)越來越好，越來越容易理解和觸摸。

　　自定義字體

　　隨著不對稱的布局，是個性化的字體設(shè)計。針對特定需求、遵循特定風(fēng)格的個性化字體設(shè)計，與非常規(guī)排版自然契合。超大的個性化字體不僅可以傳達(dá)信息，還可以作為重要的視覺元素存在，甚至成為視覺焦點。

　　越來越多的網(wǎng)頁設(shè)計師試圖在網(wǎng)頁中和諧地匹配不同的字體。為了視覺設(shè)計，有時需要匹配對比度足夠強(qiáng)的字體。

　　隨著新的網(wǎng)頁字體技術(shù)的出現(xiàn)，網(wǎng)頁字體的兼容性和可能性越來越強(qiáng)。彩色字體甚至從一開始就為個性化和定制化而存在。由非襯線字體主導(dǎo)的時代即將結(jié)束。

　　更有質(zhì)感的圖片

　　與定制字體不同，網(wǎng)頁設(shè)計領(lǐng)域更為逼真的圖片的流行，不僅僅是為了技術(shù)發(fā)展和個性化的需要，更是為了營造更為身臨其境的體驗，創(chuàng)造更為真實有效的品牌感。定制和紋理化的圖片可以更好地服務(wù)于品牌，創(chuàng)造獨特的氣質(zhì)，成為更有影響力的工具。

　　從上千張圖片中精心挑選的圖片，感染力更強(qiáng)，很多時候比單純設(shè)計的圖片更有效。

　　如果找不到專業(yè)攝影師為你創(chuàng)作這樣的照片，不妨通過社交網(wǎng)絡(luò)組織活動，從你的品牌用戶和粉絲那里收集。到現(xiàn)在，這個方法還是很有效的。

　　原型工具和設(shè)計版本控制工具

　　素描

　　在眾多的設(shè)計軟件中，素描可能是今年最突出的一款。雖然Sketch已經(jīng)存在很久了，但是用戶數(shù)量直到2017年才爆發(fā)，無論是設(shè)計機(jī)構(gòu)還是自由設(shè)計師都開始青睞這個工具。

　　選擇Sketch的原因有很多，但這很大程度上是因為它在UI/UX領(lǐng)域的深厚修養(yǎng)，以及它在交互設(shè)計和原型設(shè)計方面的完整功能。Sketch沒有3D功能，沒有濾鏡，它的功能都是圍繞現(xiàn)代UI和UX設(shè)計，可擴(kuò)展插件讓它更有可能。

　　摘要

　　版本控制是設(shè)計的基石。雖然人們一直在呼吁設(shè)計師去理解Git，但是在實踐和使用中還是有天然的障礙。

　　抽象是草圖的版本控制工具。它的設(shè)計干凈清爽，背后隱藏著強(qiáng)大的版本控制功能，讓設(shè)計師可以專注于設(shè)計而不是備份和時間表。抽象幫助設(shè)計者控制分支、提交、備份和合并。雖然抽象仍然面臨著不同競爭對手的競爭，但總體上它有一個更光明的未來。至少，對于面向未來的設(shè)計團(tuán)隊是必要的。UX文案設(shè)計

　　長期以來，視覺是UI和UX設(shè)計中最重要的東西，但現(xiàn)在人們對復(fù)制和內(nèi)容給予了足夠的重視。信息傳遞和內(nèi)容呈現(xiàn)一定不能以視覺為唯一載體，文字內(nèi)容和文案的重要性不言而喻。

　　對話UI直接用文字和文案代替界面，UX設(shè)計中文字、標(biāo)簽和文案的準(zhǔn)確性也直接影響到產(chǎn)品本身的使用。為了更準(zhǔn)確地使用詞匯，更有效地使用內(nèi)容，臉書等科技公司已經(jīng)有了內(nèi)容戰(zhàn)略家的位置，以確保UX的一致性和有效性。

　　與傳統(tǒng)的文案設(shè)計相比，UX文案設(shè)計對詞匯運(yùn)用的要求更高，文字的設(shè)計可以說是目前最新的行業(yè)趨勢。設(shè)計師需要深入詞匯背后的心理、語言、概念。

　　標(biāo)簽

　　網(wǎng)頁設(shè)計趨勢的演變往往會讓人們大吃一驚。有些趨勢讓我們看到了新的可能性，有些甚至創(chuàng)造了新的就業(yè)機(jī)會和新的方向。