正如我們之前觀察到的,今年大多數(shù)流行的設計趨勢都與字體布局密切相關。即使在年底的最后一個月,設計師也越來越傾向于使用漂亮的字體和出色的排版來使他們的設計脫穎而出。
在廣州近年來新興的網(wǎng)站設計作品中,可讀性強、視覺突出的排版設計是它們的共同特點。當他們想要時尚的視覺設計時,仍然選擇可讀性高的字體進行排版,真正創(chuàng)造視覺奇跡的人,仍然要依靠最新的設計技術本身。
1.第一個屏幕僅包含文本
雖然很多網(wǎng)站選擇在第一屏使用圖片來吸引用戶,但是使用文字內(nèi)容也是可行的。但是,如果想把文字內(nèi)容作為第一屏內(nèi)容的主體,設計者要用好,留白。應用這種趨勢的關鍵點是為用戶提供有意義的文本內(nèi)容,讓用戶覺得有價值。
那么,該怎么做呢?
從關鍵詞開始。關鍵詞可以反映內(nèi)容的目標和價值主張,可以告訴用戶你能給他什么,為什么你網(wǎng)站的內(nèi)容很重要。
選擇簡單的字體,最符合文字的意境和風格。
如果文字內(nèi)容較少,可以嘗試選擇一些有表現(xiàn)力的字體。
好好用,留白。在以下每一種情況下,文字周圍都有足夠的空間來保證排版的氣息??瞻卓梢员WC用戶在瀏覽時關注文本內(nèi)容。空白可以很好的平衡文字的布局,如果不想讓文字居中,就像網(wǎng)站Design Ups一樣。
使用顏色來增強設計的吸引力。鮮艷的顏色可以吸引用戶參與設計。色彩還能營造更好的氛圍,傳遞情感。
設計文字內(nèi)容較重的網(wǎng)站時,不要強迫文字填充屏幕,因為你填充不了。用顏色和色塊豐富布局,就像網(wǎng)站少即是多和類型。
2.使用白色塊來承載文本
必須承認,如今很多網(wǎng)站都做出了卓越的視覺設計,元素豐富,響應斷點豐富,配色大膽,信息量幾乎是爆炸性的。出于這個原因,一些設計師開始在大量元素中創(chuàng)建白塊,用于承載純黑色文本內(nèi)容。
這種設計使文本內(nèi)容更加易讀,而不用擔心復雜的背景顏色和變化。聽起來很懶,甚至很邋遢,但如果設計得當,效果真的很出彩。
白塊大小要設計合理,能承載一定的文字量。如果頁面應該考慮移動端,則可能需要為移動端合理定制該塊。例如,當移動設備打開時,文本框中的內(nèi)容將單獨顯示在圖片下方的區(qū)域,而不是與桌面?zhèn)然旌稀2灰噲D在移動屏幕上呈現(xiàn)這樣的文本框,因為很難在同一區(qū)域顯示圖片和文本框。在以下每種情況下,白塊都被合理地用來承載文本內(nèi)容。Do Space的這一頁在圖片底部設置了白色區(qū)域,確保用戶可以清楚地看到圖片的大部分內(nèi)容。白色區(qū)域與圖片底部的空白處相連,兩者之間的視覺聯(lián)系使用戶在瀏覽時下意識地想要繼續(xù)瀏覽下面的內(nèi)容。
HowIt在設計白塊時沒有使用傳統(tǒng)的矩形,而是將區(qū)域設計成不規(guī)則的圓形。這種風格的白塊與整個背景元素的風格基調(diào)一致,看起來融合感很強,不會顯得突兀。白色塊上的文字不使用普通黑色,而是使用與背景手繪插圖相同的顯示字體和紫紅色文字。這使得前景和背景的元素相關。
Macaulay Sinclair的短信比其他網(wǎng)站多,需要白塊來承載。白色區(qū)塊背后的背景幾乎沒有傳達任何有用的信息。
3.字體剪輯蒙版
一個文本字體可以填多種東西,也沒有規(guī)定一個字體只能填一種顏色。很多設計師開始用圖片填充文字字體,創(chuàng)造出類似Photoshop中剪輯蒙版的效果。
其實這種效果的發(fā)揮方式有不少,可以靜態(tài)顯示,也可以動態(tài)顯示。少量的視覺信息是通過字母的輪廓呈現(xiàn)的。這些視覺信息可以是圖片、動態(tài)視頻、固定在背景中、隨著前景中滾動的文本上下移動等等。
這種設計的訣竅在于字體的選擇。所選字體必須足夠厚,以顯示其背后的更多圖片信息。筆畫過細或過窄的字體,能提供的信息不足,往往顯得局促陌生。
這種設計手法也要注意字數(shù)和字母盡量少,這種情況下視覺效果其實是最好的。盡量把字母數(shù)控制在10以內(nèi),字數(shù)不要超過3個。如果是中文,實際效果會很好。
丹伯里網(wǎng)站使用明亮的前景顏色,而文本中顯示的圖片使用深色的照片,這構成了顯著的對比。
Fusion酒莊不使用靜態(tài)背景,而是讓背景視頻通過字體呈現(xiàn)。這種設計的優(yōu)點是,它創(chuàng)造了三個清晰直觀的層次:產(chǎn)品圖紙下的白色背景,以及通過白色背景呈現(xiàn)的視頻,有靜態(tài),也有動態(tài)。
Kaneko的設計略有不同。它使用了難以區(qū)分細節(jié)的背景。其實很難通過字母區(qū)分細節(jié)和內(nèi)容。不過色彩的加入讓整個設計變得有趣活潑,也很吸引人。標簽
排版和文字永遠是設計的關鍵組成部分,與之相關的設計潮流能流行起來是自然的。另一方面,它們也影響著設計中圖片、視頻等其他元素的效果,設計與潮流的聯(lián)合作用也不容忽視。