當前位置:
首頁 > 最新 > 噓,別外傳!最新發現的網頁設計趨勢!

噓,別外傳!最新發現的網頁設計趨勢!

1、細小的文字

傻大粗黑的標題已經OUT了,現在小一點、細一點的字體慢慢地開始替代大粗體標題,這是近段時間網頁設計排版的一個趨勢。小一點的字體感覺更柔和,給其他元素更多的設計空間。如果不用很多文字需要閱讀,這樣的設計師非常有效和有趣的。

視覺平衡也是一個需要考慮問題。所有的字體都需要不同程度地縮小,以創造出很好的視覺和諧感。

比如Moonfarmer網站,標誌字體採用的是偏細的字體,副本以更小的一行字體來處理,形成了明顯的對比,並且細字體看起來也很符合背景圖像的風格。

HTML Burger的標題雖然大,但沒有變得過分的粗,配合小尺寸的正文,給人以清爽的感覺。

Mountain Dew』s NBA design縮小了所有的文字,可以說是個典型案例。X字母變形為底紋,與黑色的背景相結合形成了一個整體。在這個深色為主的整體畫面上,用戶的注意首先被X吸引,然後仍然會被拉回到小的文字上。

2、幾何圖形切割

人眼觀察物體都有一種追求圖形完整的趨向,幾何圖形切割就巧妙了利用了這個視覺原理。將原本完整的圖片進行切割,迫使用戶關注到切割處——這是網頁設計增強視覺興趣,引導用戶視線的一個很好的方式。下面的幾個例子都是採用大膽的形狀、切口和顏色來給用戶一個視覺焦點。

幾何圖形切割的優勢在於設計起來比較簡單,幾乎適應於所有類型的內容。幾何元素的角度和曲線讓它成為一個很好的視覺引導工具,可以幫助用戶從一個部分跳轉到到另一個部分,逐步將他們引導向你希望他們看到的內容。

Salt Projects網站在右下角的矩形塊直接切割底圖,將人們的視線引導至重要的項目介紹上。

Bailey and French,使用明亮的橙色塊面創建一個不平衡的視覺焦點,引導用戶跨屏幕閱讀。

Alchemy Digital網站把圖像放到不規則形狀里,集中用戶對圖像的注意力。

3、模糊背景圖像

網站設計採用模糊的圖像應該不算一個新趨勢了,但它確實被使用得越來越多。模糊的圖像可以為網站創造獨特的神秘感,或者幫助設計師將用戶關注的焦點從圖像轉移到設計的其他部分。

Digitalux模糊效果的背後其實是一個無聊的辦公上班的視頻,添加了模糊效果,立馬感覺不一樣,粗體標題呈現動態打字機效果,綠色按鈕呼籲用戶行動。整個網站設計立馬從普通變得時尚起來。

Playkot使用模糊的背景來凸顯前景中的有趣動物角色和排版,為這個虛擬城市風格的遊戲冒險添加了一點現實元素。

ESPN採用模糊的體育場風格的背景,有助於用戶把更多的注意力放在系列主品牌的有趣字體上。

這些可是國際上最新的研究發現哦,秒秒學率先中文披露。我們可不像一些培訓機構一樣,一本教材三年不換。對網頁設計感興趣的童鞋不妨看看我們的以下相關的課程,很新很全面哦:

《網頁設計美學》

《Photoshop CC 網頁設計基礎》

http://www.miaomiaoxue.com/show/bookshow/aabe88fc567c8e540156afd0e0e12990.html?qe


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 秒秒學 的精彩文章:

老鳥幹活比你快,就靠這7招
這兩個東西都搞不清,你搞什麼互聯網創業?
這些人PS一下就成了顏值擔當
PS用多了會上癮?看看這些被玩壞的圖
拋棄那些404創意圖片吧,給你5個全新的設計思路

TAG:秒秒學 |

您可能感興趣

網頁設計也要趕潮流?最新設計趨勢看這裡
服裝面料的最新趨勢,設計師都是怎麼發現的?
現代廚房設計最新發展趨勢,早看早知道!
邊緣計算的發展趨勢
包裝設計的發展趨勢!
最新的設計趨勢-結果令人驚嘆!
十年前的《媽媽咪呀!》里充滿了最新流行的穿搭趨勢,你發現了嗎?
一個沒被發現的小趨勢:初秋穿它,一定被誇有!氣!質!
開發者關心這些AI最新技術趨勢,你跟上了嗎?
邊緣計算與數據中心的發展趨勢
震驚,馬雲最新宣布互聯網金融是最大的趨勢,你看懂了嗎?
爐石傳說:從官方公布的新版信息中,玩家可以發現這3條大趨勢!
新零售:新概念,還是新趨勢?
馬雲最新演講:未來的十年,是互聯網一種新的趨勢
共享經濟的新趨勢:滴滴一下,外賣就來?
巨大 「錢景」下:網路遊戲的未來發展趨勢
怎麼看新能源車未來的發展趨勢?
旅遊業的更新換代是發展趨勢,讀懂趨勢,旅遊行業並不是坑!
網紅大咖「剖析」未來發展趨勢,自認最喜歡的一位主播,看懵網友
互聯網熱潮,大數據分析新媒體發展趨勢中的表現形式