,,

2017年過半，設(shè)計師們都跟著這些趨勢做設(shè)計

2017-10-16

設(shè)計趨勢直接反映著網(wǎng)頁設(shè)計在技術(shù)和風(fēng)格上的演化方向，也是大眾在網(wǎng)頁和UI設(shè)計審美上的風(fēng)向標(biāo)。2017年過半，網(wǎng)頁和UI設(shè)計趨勢也日漸明朗，幾種不同的設(shè)計趨勢也已經(jīng)成為2017年網(wǎng)頁和UI中必不可少的元素，這些元素主要體現(xiàn)在導(dǎo)航設(shè)計、配色和排版上，你會在今年的優(yōu)秀的設(shè)計作品中看到。

當(dāng)然，和所有的設(shè)計手法一樣，幾乎所有的設(shè)計趨勢都有其特有的使用場景，用來搭配不同的風(fēng)格，應(yīng)對不同的設(shè)計語境。所以，千萬不要將這些流行的設(shè)計趨勢一次都用上！挑選合適的搭配你的設(shè)計項目，才能真正出彩~

1、空間共享式排版

所謂空間共享式的排版，指的是文本等設(shè)計元素，不再拘泥于特定的區(qū)域，而是打破空間限制，開始橫跨多個元素、多個區(qū)域，以入侵式的姿態(tài)、錯落式的排版，呈現(xiàn)出一種獨特的視覺美感。

不過，打破空間容易，呈現(xiàn)美感就難了。橫跨多個空間的文本為整個排版增加了視覺美感，同時讓整個設(shè)計更為動態(tài)。矚目的文本和超大的字體本身就非常容易引起人注意，他們連同背景的不同區(qū)塊，一同被用戶注意到，成為了視覺焦點。

為了充分利用這一趨勢，你需要在排版和配色上有所注意。背景的圖片和色塊元素應(yīng)該接近，但是要和前景的文本構(gòu)成對比，這樣才能保證整體的可讀性和易讀性。

在絕大多數(shù)的設(shè)計當(dāng)中，前景的文本內(nèi)容會選擇最常見的黑色和白色，這樣能讓背景不同區(qū)域的配色擁有更大的選擇空間——因為文本的可讀性才是空間共享式排版的重難點！

另外，空間共享式排版的設(shè)計重心是視覺流，它應(yīng)該引導(dǎo)用戶關(guān)注最關(guān)鍵最重要的內(nèi)容。

空間共享式排版的設(shè)計技巧：《小技巧，新趨勢！簡單有效的空間共享式網(wǎng)頁排版》

2、多邊形元素

相比于醒目的空間共享式排版，多邊形元素對于設(shè)計領(lǐng)域的入侵更加多樣，也更加潤物細(xì)無聲。從大面積覆蓋式的多邊形區(qū)塊，到多樣的多邊形疊加元素，再到細(xì)小的裝飾性元素，多邊形幾乎無處不在。

多邊形元素的優(yōu)勢在于它的多樣，幾乎可以運用到任何地方，從視頻、圖片到文本都可以和它構(gòu)成搭配，不同的配色方案和排版中它也可以見縫插針地加入進(jìn)去。當(dāng)然，前提是合理地運用。

我們常說的多邊形，是在二維平面內(nèi)多條直線線段首尾銜接構(gòu)成的中空閉合圖形。在實際設(shè)計中，它的形狀多樣，有的中空，有的則填充了色彩，有時候單個存在，有時候會是成片的多邊形構(gòu)成更為復(fù)雜的視覺效果，比如3D的視效。

多邊形本身就可以給我們提供足夠多的靈感，多種多樣的多邊形本身就能以多樣的方式讓乏味的設(shè)計變得有趣。

多邊形元素的正確用法：《漫山遍野的多邊形元素，正在入侵每一份設(shè)計稿》

4、底部導(dǎo)航設(shè)計

在手機上，底部導(dǎo)航是普及率頗為高的設(shè)計，但是在網(wǎng)頁上就不算多見了。雖然側(cè)邊欄和垂直導(dǎo)航基本上要脫離實驗性設(shè)計的身份了，但是底部導(dǎo)航這種“反習(xí)慣”的設(shè)計，仍然算是激進(jìn)的一種設(shè)計手法。

底部導(dǎo)航在網(wǎng)頁上是先鋒的設(shè)計，所以它不是兼容所有用戶的一種設(shè)計策略。如果你做的是一個強調(diào)設(shè)計、受眾接受性較強的網(wǎng)站，可以嘗試接入這一設(shè)計趨勢。

如要使用底部導(dǎo)航加持設(shè)計，那么你需要正確地使用它：

保持簡約，在不用向下滾動的頁面上使用上佳，少數(shù)頁面使用為好
設(shè)計的要醒目，不要讓用戶忽略它們
如果頁面較長，使用懸浮固定的底部導(dǎo)航
搭配極簡風(fēng)格的設(shè)計框架，復(fù)雜的網(wǎng)頁設(shè)計會讓用戶忽略底部導(dǎo)航
加入一些額外的元素來強化導(dǎo)航功能，確保用戶不會迷失

Lapland

Rockwood

Hotdot

5、Box元素

Box，盒子是一種非常實用的頁面元素載體，在數(shù)字設(shè)計日趨多樣繁復(fù)的2017年，Box 元素簡直是設(shè)計師手里的攻城利器。從功能上來說，它和Material Design 中卡片的概念是高度相似的，但是它并沒有限制在這個風(fēng)格當(dāng)中。和卡片一樣，Box 元素可以承載各種各樣的內(nèi)容，它非常符合今年設(shè)計師對于多樣性的需求。

當(dāng)你開始使用Box元素的時候，應(yīng)該注意下面的問題：