網(wǎng)頁(yè)美工設計

網(wǎng)頁(yè)設計流行的三個(gè)設計趨勢

編輯：時(shí)間：2019-10-25 15:41:20

我們常常探索規則，規則讓設計充滿(mǎn)可預期性。我們也常常想打破規則，這可能是出于設計者叛逆的天性，也符合讓特定風(fēng)格或者元素脫穎而出的設計需求。剛剛過(guò)去的9月當中，設計師們打破規則的特質(zhì)，通過(guò)網(wǎng)頁(yè)設計作品體現得淋漓盡致。這些以破壞規則為特質(zhì)的設計作品，實(shí)際上也遵循著(zhù)某種潛在的規律：盡量只打破一個(gè)規則，來(lái)創(chuàng )造出意外和戲劇化的效果。

　　1、無(wú)視邊界的文本元素

　　在很長(cháng)的一段時(shí)間當中，設計師會(huì )讓每一個(gè)元素都井井有條地置于各自的區間當中。但是現在，設計師開(kāi)始讓元素走出邊界。橫跨多區塊的元素看起來(lái)似乎有點(diǎn)過(guò)于自由，但是在實(shí)際的設計作品當中，效果還是頗為有趣的。尤其是橫跨多區塊的文本元素，視覺(jué)效果很是突出。所以，現在所呈現出來(lái)的設計趨勢，是讓文本元素橫跨背景圖層、圖片和其他的區塊，就像下面的 Tradewinds 這個(gè)網(wǎng)站。

　　在目前我們所看到的設計作品當中，橫跨多區域的文本可以是任何大小，形態(tài)，角度，但是它們通常需要和背景的內容都構成足夠的對比，才能確保良好的可讀性。在下面的案例當中，文本可以橫向展示，也可以縱向排布。這種設計背后所隱藏的思維方式，是使用超出用戶(hù)預期的元素來(lái)引起用戶(hù)的注意，這樣是為什么設計師會(huì )在這個(gè)地方采用展示性較強的字體。為了讓這些文本真正發(fā)揮作用，在網(wǎng)頁(yè)當中，這些文本通常是作為單獨的圖層而存在。文本所用的字體在具備展示性的特征的同時(shí)，還應該具備足夠好的可識別性。為了避免復雜的設計讓人難以獲取信息，盡量采用簡(jiǎn)單的布局。

　　2、超大的視覺(jué)元素

　　超大的視覺(jué)元素并不新鮮，但是將日常生活中通常并不大的元素放大，鋪滿(mǎn)屏幕，就很有戲劇感了。這種設計是一種很有趣的手法，需要設計師運用細節豐富的高清大圖。

　　想要讓這樣的設計足夠突出，設計師需要在圖片素材的選取上慧眼獨具。如果有人告訴你，用一只眼睛或者一張嘴巴將整個(gè)屏幕填滿(mǎn)，你認為這樣的設計會(huì )不會(huì )成功?首先，這樣的設計通常是讓人意想不到的，如果在整體設計上足夠原創(chuàng )，加上特定的品牌烙印，能夠形成足夠有力的視覺(jué)傳達能力。

　　當然，將日常生活中的小尺寸的元素放大到整個(gè)屏幕，視覺(jué)平衡是需要仔細控制的。它們通常需要足夠的空間和留白，來(lái)確保它們看起來(lái)不是那么奇怪，或者過(guò)于刺激。Westward Leaning 這個(gè)網(wǎng)站在眼鏡元素的周?chē)捎昧舜罅康牧舭讈?lái)平衡視覺(jué)，Famoustache 這個(gè)網(wǎng)站則采用了明亮的色彩和有趣的排版來(lái)平衡浮動(dòng)的胡子，而DTSi 這個(gè)網(wǎng)站則用大量的半透明的幾何元素來(lái)軟化背景的眼睛。

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

　　3、空心圖形

　　近年來(lái)，設計師對于幾何形狀的偏好明顯更多了。無(wú)論是圖形疊加還是多邊形圖案，這幾個(gè)月各種以圖形為中心的設計并不鮮見(jiàn)。而現在，設計師們似乎更加青睞空心圖形的運用。

　　無(wú)論是作為L(cháng)OGO，圖標還是幾何圖形，空心的圖形都是頗為有趣的設計元素。一般而言，它們都比較簡(jiǎn)單，比如 Bruderl 網(wǎng)站中的空心幾何體，但是同時(shí)它也充當著(zhù)引導視覺(jué)的標記。而在另外一個(gè)網(wǎng)站 BorderFree 當中，空心圖形則作為圖標來(lái)使用，不過(guò)細節會(huì )比普通的更多一些。

　　無(wú)論從哪個(gè)角度上來(lái)看，空心圖形都很有趣，以它們?yōu)楹诵膩?lái)創(chuàng )造視覺(jué)焦點(diǎn)，擁有足夠的形式感，能賦予品牌以更明顯的特色，創(chuàng )造獨特而令人難忘的視覺(jué)體驗。

　　為了讓整個(gè)空心圖形更突出，可以適當地讓形狀邊緣更厚實(shí)一些，和背景的對比更明顯一些，讓它在視覺(jué)上足夠突出。

　　真正讓空心圖形脫穎而出的，是獨特的形狀，所以設計師應該合理地控制前后景的對比，和整個(gè)設計的平衡，吸引用戶(hù)的注意力。

<< 上一篇：網(wǎng)頁(yè)設計培訓課程需要學(xué)習哪些內容？

>> 下一篇：網(wǎng)頁(yè)設計制作中圖片光影的運用

推薦資訊