網(wǎng)頁(yè)設計流行的三個(gè)設計趨勢
我們常常探索規則,規則讓設計充滿(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è)設計制作中圖片光影的運用 |
- 2019-10-22網(wǎng)頁(yè)設計培訓課程需要學(xué)習哪些內容?
- 2019-10-09好的網(wǎng)頁(yè)設計在企業(yè)中有什么作用
- 2019-10-08網(wǎng)頁(yè)設計中字體排版規則知識
- 2019-09-16網(wǎng)頁(yè)設計中視覺(jué)層次的核心原則
- 2019-09-07網(wǎng)頁(yè)設計中H5設計趨勢
- 2019-09-05網(wǎng)頁(yè)設計中如何提升氣質(zhì)和品質(zhì)
- 2019-08-28網(wǎng)頁(yè)設計中如何打造線(xiàn)上品牌
- 2019-08-13網(wǎng)頁(yè)設計中要怎么做好內頁(yè)布局設計
- 2019-07-10網(wǎng)頁(yè)設計的工作是如何進(jìn)行的
- 2019-06-29網(wǎng)頁(yè)設計在網(wǎng)站建設中的重要性
- 2019-06-20網(wǎng)頁(yè)設計師如何設計好看的banner
- 2019-06-18網(wǎng)頁(yè)設計中平面構成如何排版
- 2019-06-09網(wǎng)頁(yè)設計中的美觀(guān)性具體體現
- 2019-05-22網(wǎng)頁(yè)設計規范制作的技巧有哪些
- 2019-05-212019年新流行的平面設計趨勢之一
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16