如果你也一直觀察網(wǎng)頁設(shè)計(jì)行業(yè)，你會(huì)發(fā)現(xiàn)它變化很快。設(shè)計(jì)潮流來來去去，常年流行，年底可能根本看不到。還有一些設(shè)計(jì)手法，幾年來不斷變化。總是要緊跟設(shè)計(jì)潮流，敏銳觀察，不斷關(guān)注。

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

　　“我們不僅僅是在構(gòu)建頁面，我們還在創(chuàng)建系統(tǒng)?！?/p>

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

　　不對(duì)稱布局

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

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

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

　　感性設(shè)計(jì)

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

　　自定義字體

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

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

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

　　更有質(zhì)感的圖片

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

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

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

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

　　素描

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

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

　　摘要

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

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

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

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

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

　　標(biāo)簽

　　設(shè)計(jì)潮流的演變往往會(huì)給人驚喜。有些趨勢(shì)讓我們看到了新的可能性，有些甚至創(chuàng)造了新的就業(yè)機(jī)會(huì)和新的方向。