2017年網(wǎng)頁(yè)設(shè)計(jì)師值得去注意的發(fā)展趨勢(shì)

如果你也一直觀察網(wǎng)頁(yè)設(shè)計(jì)這個(gè)行業(yè)，會(huì)發(fā)現(xiàn)它的變化確實(shí)非?？?。設(shè)計(jì)趨勢(shì)來(lái)了又去，年頭流行到年底可能就完全看不到了，還有一些設(shè)計(jì)手法，則在近幾年時(shí)間之內(nèi)持續(xù)不斷地發(fā)生變化。想要跟上設(shè)計(jì)的趨勢(shì)，敏銳地觀察，持續(xù)不斷的關(guān)注總是需要的。

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

“我們不只在搭建頁(yè)面，我們同時(shí)也在創(chuàng)建系統(tǒng)。”

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

非對(duì)稱布局

對(duì)稱式的布局在網(wǎng)頁(yè)中非常常見(jiàn)，它不僅易于設(shè)計(jì)、便于使用而且是合理的設(shè)計(jì)策略。柵格系統(tǒng)的出現(xiàn)，不僅幫助設(shè)計(jì)更好地完成響應(yīng)式布局的設(shè)計(jì)搭建也讓設(shè)計(jì)擁有了更好管控非對(duì)稱布局的方案。越來(lái)越多的非對(duì)稱式的布局出現(xiàn)在我們視野當(dāng)中甚至不少設(shè)計(jì)師專門(mén)對(duì)此進(jìn)行了總結(jié)。

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

隨著設(shè)計(jì)師對(duì)于動(dòng)效，視差和柵格的純熟掌握，未來(lái)的非對(duì)稱式布局可能會(huì)成為設(shè)計(jì)師手里的殺手锏。.

感知化設(shè)計(jì)

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

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

自定義字體的設(shè)計(jì)

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

讓不同的字體在網(wǎng)頁(yè)中協(xié)調(diào)的搭配起來(lái)，是現(xiàn)在越來(lái)越多網(wǎng)頁(yè)設(shè)計(jì)師試圖做到的事情，而出于視覺(jué)設(shè)計(jì)等多方面的需求，有時(shí)候突出用戶的使用效果還需要讓對(duì)比足夠強(qiáng)烈的字體搭配到一起。.

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

更有質(zhì)感的圖片

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

從成千上萬(wàn)的圖片中精心 挑選的圖片，對(duì)用戶來(lái)說(shuō)，有著更強(qiáng)的感染力，在絕大多數(shù)的時(shí)候它們比起單純被設(shè)計(jì)出來(lái)的圖片更加有效。

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

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

Sketch在諸多設(shè)計(jì)類軟件當(dāng)中，今年**突出的大概就是Sketch 這款軟件了。雖然 Sketch 出現(xiàn)的時(shí)間不短，但是在用戶數(shù)量上，直到2017年才出現(xiàn)爆發(fā)性的增長(zhǎng)，從設(shè)計(jì)機(jī)構(gòu)到自由設(shè)計(jì)師都開(kāi)始青睞這款設(shè)計(jì)工具。

選擇 Sketch 的原因很多，但是這很大程度上是得益于它在UI/UX領(lǐng)域的深耕，以及在交互設(shè)計(jì)和原型設(shè)計(jì)上完備的功能。Sketch 并不具備3D功能、沒(méi)有濾鏡，它的功能都是圍繞著現(xiàn)代UI和UX設(shè)計(jì)來(lái)進(jìn)行的，并且可拓展的插件也讓它具備了更多的可能性。

Abstract版本控制是網(wǎng)頁(yè)設(shè)計(jì)的基石。雖然大家一直在呼吁設(shè)計(jì)師要懂得 Git ，但是在實(shí)踐和使用上依然存在著天然的壁壘。

Abstract 是一款用于 Sketch 的版本控制工具，它的設(shè)計(jì)干凈清爽，將強(qiáng)大的版本控制功能藏于背后、讓設(shè)計(jì)師專注于設(shè)計(jì)而不用糾纏于備份和時(shí)間表。Abstract 幫助設(shè)計(jì)師控制分支、提交、備份和合并。盡管 Abstract 還面臨著不同對(duì)手的競(jìng)爭(zhēng)但是總體上有著更加光明的未來(lái)。至少對(duì)于面向未來(lái)的設(shè)計(jì)團(tuán)隊(duì)而言，很有使用的必要。

UX文案設(shè)計(jì)

在很長(zhǎng)的一段時(shí)間里面視覺(jué)是UI和UX設(shè)計(jì)中的重中之重，但是大家現(xiàn)在對(duì)于文案和內(nèi)容也已經(jīng)表現(xiàn)出足夠重視了。信息的傳遞和內(nèi)容的呈現(xiàn)必定不是以視覺(jué)作為**載體，這樣子文本內(nèi)容和文案的重要性也不言而喻。

對(duì)話式的UI直接將界面直接用文本和文案來(lái)置換，而UX設(shè)計(jì)當(dāng)中文本、標(biāo)簽和文案的準(zhǔn)確性也直接影響著產(chǎn)品本身的使用。

相比于傳統(tǒng)的文案設(shè)計(jì)，UX 文案設(shè)計(jì)對(duì)于詞匯運(yùn)用的要求更高，詞語(yǔ)的設(shè)計(jì)可以說(shuō)是目前**新的網(wǎng)站頁(yè)面行業(yè)趨勢(shì)。設(shè)計(jì)師需要深入到詞匯背后的心理、語(yǔ)言和概念當(dāng)中去進(jìn)行體會(huì)里面的用意。

結(jié)語(yǔ)：設(shè)計(jì)趨勢(shì)上的演變很多時(shí)候會(huì)讓人覺(jué)得驚喜。有些趨勢(shì)讓我們看到了新的可能性、有些甚至可以創(chuàng)造新的工作機(jī)會(huì)和新的前進(jìn)方向。

以上就是網(wǎng)頁(yè)設(shè)計(jì)師在2017年下半年需要注意的設(shè)計(jì)趨勢(shì)，如果還想要了解更多關(guān)于IT技能的相關(guān)內(nèi)容，可以登陸我們的網(wǎng)站：北京教育聯(lián)展網(wǎng) （k67r.cn/px/bj/），或者撥打我們的咨詢電話：010-64707530 金老師，也可以添加QQ 進(jìn)行聯(lián)系 ：2645567689/3253445095