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