UI設計師大牛們都在跟隨這些趨勢設計網頁
1、無視邊界的文本元素
在很長的一段時間當中，設計師會讓每一個元素都井井有條地置於各自的區間當中。但是現在，設計師開始讓元素走出邊界。
橫跨多區塊的元素看起來似乎有點過於自由，但是在實際的設計作品當中，效果還是頗為有趣的。尤其是橫跨多區塊的文本元素，視覺效果很是突出。
所以，現在所呈現出來的設計趨勢，是讓文本元素橫跨背景圖層、圖片和其他的區塊，就像下面的 Tradewinds 這個網站。
在目前我們所看到的設計作品當中，橫跨多區域的文本可以是任何大小，形態，角度，但是它們通常需要和背景的內容都構成足夠的對比，才能確保良好的可讀性。在下面的案例當中，文本可以橫向展示，也可以縱向排布。
這種設計背後所隱藏的思維方式，是使用超出用戶預期的元素來引起用戶的注意，這樣是為什麼設計師會在這個地方採用展示性較強的字體。
為了讓這些文本真正發揮作用，在網頁當中，這些文本通常是作為單獨的圖層而存在。文本所用的字體在具備展示性的特徵的同時，還應該具備足夠好的可識別性。為了避免複雜的設計讓人難以獲取信息，盡量採用簡單的布局。
2、超大的視覺元素
超大的視覺元素並不新鮮，但是將日常生活中通常並不大的元素放大，鋪滿屏幕，就很有戲劇感了。
這種設計是一種很有趣的手法，需要設計師運用細節豐富的高清大圖。
想要讓這樣的設計足夠突出，設計師需要在圖片素材的選取上慧眼獨具。如果有人告訴你，用一隻眼睛或者一張嘴巴將整個屏幕填滿，你認為這樣的設計會不會成功？首先，這樣的設計通常是讓人意想不到的，如果在整體設計上足夠原創，加上特定的品牌烙印，能夠形成足夠有力的視覺傳達能力。
當然，將日常生活中的小尺寸的元素放大到整個屏幕，視覺平衡是需要仔細控制的。它們通常需要足夠的空間和留白，來確保它們看起來不是那麼奇怪，或者過於刺激。Westward
Leaning 這個網站在眼鏡元素的周圍採用了大量的留白來平衡視覺，Famoustache 這個網站則採用了明亮的色彩和有趣的排版來平衡浮動的鬍子，而DTSi 這個網站則用大量的半透明的幾何元素來軟化背景的眼睛。想讓這些超大的視覺元素具有足夠的視覺衝擊力，一定要確保圖片質量，在屏幕上要確保像素完美，銳度和焦點都要能夠確保。最好是高清的圖片和視頻，甚至是矢量的素材，即使是最簡單的眼鏡，也要確保它的刻畫是足夠清晰銳利的，不會讓用戶感到不適。
3、空心圖形
近年來，設計師對於幾何形狀的偏好明顯更多了。無論是圖形疊加還是多邊形圖案，這幾個月各種以圖形為中心的設計並不鮮見。而現在，設計師們似乎更加青睞空心圖形的運用。
無論是作為LOGO，圖標還是幾何圖形，空心的圖形都是頗為有趣的設計元素。一般而言，它們都比較簡單，比如
Bruderl 網站中的空心幾何體，但是同時它也充當著引導視覺的標記。而在另外一個網站 BorderFree
當中，空心圖形則作為圖標來使用，不過細節會比普通的更多一些。無論從哪個角度上來看，空心圖形都很有趣，以它們為核心來創造視覺焦點，擁有足夠的形式感，能賦予品牌以更明顯的特色，創造獨特而令人難忘的視覺體驗。
為了讓整個空心圖形更突出，可以適當地讓形狀邊緣更厚實一些，和背景的對比更明顯一些，讓它在視覺上足夠突出。
真正讓空心圖形脫穎而出的，是獨特的形狀，所以設計師應該合理地控制前後景的對比，和整個設計的平衡，吸引用戶的注意力。
結語
就像我們在開頭所說的那樣，打破規則，並且盡量只打破一個規則，就能通過明顯的失衡的設計，來創造令人難忘的設計，這種策略是有效的，至少我們所看到的這些趨勢就是沿用這樣的方法來做的。
—— AAA教育澤雨老師；QQ747086608
AAA教育-UI設計培訓/平面設計培訓/大數據分析培訓/產品經理培訓-互聯網金領生產基地
推薦閱讀：