用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

最后一個月,這3個設(shè)計趨勢是網(wǎng)頁設(shè)計師的最愛

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2017/11/29 11:31:14     瀏覽:
?正如同我們在之前所觀察到的,今年所流行的設(shè)計趨勢中絕大多數(shù)的都和字體排版有著密切的關(guān)聯(lián),哪怕到了年底最后一個月,設(shè)計師們都愈加傾向于使用漂亮的字體和出彩的排版讓自己的設(shè)計脫穎而出。

  

  在最近這段時間新涌現(xiàn)的網(wǎng)頁設(shè)計作品當中,高度可讀的、視覺突出的排版設(shè)計是它們共通的特點。當他們想要時髦的視覺設(shè)計的時候,依然會選擇可讀性較高的字體進行排版,而真正創(chuàng)造視覺奇觀的,依然得倚靠最新的設(shè)計技術(shù)本身。

  1、只包含文字的首屏

  雖然很多網(wǎng)站會在首屏選擇使用圖片來吸引用戶,但是使用文本內(nèi)容同樣也是可行的。不過,想要將文本內(nèi)容作為首屏內(nèi)容的主體,設(shè)計師還要用好留白才行。運用這一趨勢的關(guān)鍵點在于,要為用戶提供有意義的文本內(nèi)容,要讓用戶覺得有價值。

  那么,怎么做到這一點呢?

  從關(guān)鍵詞入手。關(guān)鍵詞能夠體現(xiàn)內(nèi)容的目標性和價值主張,能夠告訴用戶你能給他什么,以及為什么你的網(wǎng)站內(nèi)容很重要。

  選擇一款簡單的字體,它最好和正文文本的情緒、風(fēng)格保持一致。

  如果文本內(nèi)容較少,那么可以試著選取一些有表現(xiàn)力的字體。

  用好留白。在下面的每個案例當中,文本周圍都有足夠的留白確保排版的呼吸感。留白能夠確保用戶在瀏覽的時候,注意力集中到文本內(nèi)容上。留白能夠很好的平衡文本布局,如果你不想將文本居中排布的話,就像Design Ups 這個網(wǎng)站。

  使用色彩來提升你的設(shè)計的吸引力。明亮的色彩能夠更加吸引用戶參與到設(shè)計當中來。色彩還能更好地營造氛圍,傳遞情緒。

  2、用白色區(qū)塊承載文本

  必須承認,如今的許多網(wǎng)站在視覺設(shè)計上已經(jīng)做的很突出了,包含元素極為豐富,加上豐富的響應(yīng)式斷點和大膽的配色,信息量近乎爆炸。也正是因此,有設(shè)計師開始在大量的元素當中開辟出白底的區(qū)塊,用來承載單純的黑色的文本內(nèi)容。

  這種設(shè)計讓文本內(nèi)容有著較強的可讀性,無需擔(dān)心復(fù)雜的背景色和變化。聽起來這種技巧挺偷懶的,甚至有點馬虎,但是它設(shè)計得當?shù)脑?,效果其實是非常出彩的?/p>

  白色的區(qū)塊在尺寸上要設(shè)計得足夠合理,以承載一定量的文本,如果頁面還要考慮移動端的情況的話,這個區(qū)塊可能需要針對移動端進行合理的定制,比如在移動端設(shè)備上打開的時候,文本框內(nèi)的內(nèi)容將會在圖片下方的區(qū)域單獨顯示,而非和桌面端上那樣混排。不要試圖在移動端屏幕上呈現(xiàn)這樣的文本框,因為最終很難讓圖片和文本框疊加顯示在同一個區(qū)域。

  3、字體剪貼蒙板

  文本字體中可以填充各種各樣的東西,并沒有規(guī)定字體中只能填充單一色彩。許多設(shè)計師開始在文本字體中填充圖片,營造出類似Photoshop 中剪貼蒙板的效果。

  這種效果的玩法其實并不少,它可以是靜態(tài)的也能動態(tài)展示。少量的視覺信息透過字母輪廓呈現(xiàn)出來,這些視覺信息可以圖片,也能是動態(tài)的視頻,還可以是在背景固定不動,隨著滾動前景的文字上下移動,等等等等。

  這種設(shè)計的訣竅在于字體的選取。所選取的字體必須足夠厚重,才能讓其后的圖片信息更多地呈現(xiàn)出來。筆觸太細或者太窄的字體,所能提供的信息不足,往往顯得局促而奇怪。

  這種設(shè)計手法還要注意一點,就是單詞和字母的數(shù)量要盡可能少,這種情況下,視覺效果其實是最好的。字母數(shù)盡量控制在10個以內(nèi),單詞數(shù)不要超過3個,如果是中文實際效果會非常贊。