秋風(fēng)漸起，大咖們都追隨這些趨勢做頁面設(shè)計

2017/12/7 9:32:35來源：互聯(lián)網(wǎng)

我們常常探索規(guī)則，規(guī)則讓設(shè)計充滿可預(yù)期性。我們也常常想打破規(guī)則，這可能是出于設(shè)計者叛逆的天性，也吻合讓特定風(fēng)格或者元素脫穎而出的設(shè)計需求。剛剛曩昔的9月當(dāng)中，設(shè)計師們打破規(guī)則的特質(zhì)，通過頁面設(shè)計作品表現(xiàn)得淋漓盡致。這些以破壞規(guī)則為特質(zhì)的設(shè)計作品，現(xiàn)實上也遵循著某種潛在的規(guī)律：盡量只打破一個規(guī)則，來創(chuàng)造出不測和戲劇化的結(jié)果。

1、漠視邊界的文本元素

在很長的一段時間當(dāng)中，設(shè)計師會讓每一個元素都有條不紊地置于各自的區(qū)間當(dāng)中。但是如今，設(shè)計師開始讓元素走出邊界。

橫跨多區(qū)塊的元素看起來好像有點過于自由，但是在現(xiàn)實的設(shè)計作品當(dāng)中，結(jié)果照舊頗為風(fēng)趣的。尤其是橫跨多區(qū)塊的文本元素，視覺結(jié)果很是凸起。

所以，如今所呈現(xiàn)出來的設(shè)計趨勢，是讓文本元素橫跨背景圖層、圖片和其他的區(qū)塊，就像下面的 Tradewinds 這個網(wǎng)站。

在目前我們所看到的設(shè)計作品當(dāng)中，橫跨多區(qū)域的文本可以是任何大小，形態(tài)，角度，但是它們通常必要和背景的內(nèi)容都構(gòu)成充足的對比，才能確保優(yōu)秀的可讀性。在下面的案例當(dāng)中，文本可以橫向展示，也可以縱向排布。

這種設(shè)計背后所隱蔽的思維體例，是使用超出用戶預(yù)期的元素來引起用戶的細致，如許是為什么設(shè)計師會在這個地方采用展示性較強的字體。

為了讓這些文本真正發(fā)揮作用，在頁面當(dāng)中，這些文本通常是作為單獨的圖層而存在。文本所用的字體在具備展示性的特性的同時，還應(yīng)該具備充足好的可識別性。為了避免復(fù)雜的設(shè)計讓人難以獲取信息，盡量采用簡單的布局。

2、超大的視覺元素

超大的視覺元素并不奇怪，但是將日常生活中通常并不大的元素放大，鋪滿屏幕，就很有戲劇感了。

這種設(shè)計是一種很風(fēng)趣的手法，必要設(shè)計師運用細節(jié)雄厚的高清大圖。

想要讓如許的設(shè)計充足凸起，設(shè)計師必要在圖片素材的選取上慧眼獨具。假如有人告訴你，用一只眼睛或者一張嘴巴將整個屏幕填滿，你認為如許的設(shè)計會不會成功？首先，如許的設(shè)計通常是讓人意想不到的，假如在團體設(shè)計上充足原創(chuàng)，加上特定的品牌烙印，能夠形成充足有力的視覺傳達能力。

當(dāng)然，將日常生活中的小尺寸的元素放大到整個屏幕，視覺平衡是必要細心控制的。它們通常必要充足的空間和留白，來確保它們看起來不是那么新鮮，或者過于刺激。Westward Leaning 這個網(wǎng)站在眼鏡元素的四周采用了大量的留白來平衡視覺，F(xiàn)amoustache 這個網(wǎng)站則采用了通亮的色彩和風(fēng)趣的排版來平衡浮動的胡子，而DTSi 這個網(wǎng)站則用大量的半透明的幾何元素來軟化背景的眼睛。

想讓這些超大的視覺元素具有充足的視覺沖擊力，肯定要確保圖片質(zhì)量，在屏幕上要確保像素完善，銳度和焦點都要能夠確保。最好是高清的圖片和視頻，甚至是矢量的素材，即使是最簡單的眼鏡，也要確保它的刻畫是充足清晰銳利的，不會讓用戶感到不適。

3、空心圖形

近年來，設(shè)計師對于幾何外形的偏好顯明更多了。無論是圖形疊加照舊多邊形圖案，這幾個月各種以圖形為中間的設(shè)計并不鮮見。而如今，設(shè)計師們好像更加青睞空心圖形的運用。

無論是作為LOGO，圖標(biāo)照舊幾何圖形，空心的圖形都是頗為風(fēng)趣的設(shè)計元素。一樣平常而言，它們都比較簡單，比如 Bruderl 網(wǎng)站中的空心幾何體，但是同時它也充當(dāng)著指導(dǎo)視覺的標(biāo)記。而在另外一個網(wǎng)站 BorderFree 當(dāng)中，空心圖形則作為圖標(biāo)來使用，不細致節(jié)會比通俗的更多一些。

無論從哪個角度上來看，空心圖形都很風(fēng)趣，以它們?yōu)楹诵膩韯?chuàng)造視覺焦點，擁有充足的情勢感，能賦予品牌以更顯明的特色，創(chuàng)造獨特而令人難忘的視覺體驗。

為了讓整個空心圖形更凸起，可以適當(dāng)?shù)刈屚庑芜吘壐駥嵰恍?，和背景的對比更顯明一些，讓它在視覺上充足凸起。

真正讓空心圖形脫穎而出的，是獨特的外形，所以設(shè)計師應(yīng)該合理地控制前后景的對比，和整個設(shè)計的平衡，吸引用戶的細致力。