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