無論是設計網頁還是移動端 WordPress APP,頁、屏、 Banner 這些地方,絕大多數時候都需要設計感較強、視覺元素豐富、具備明顯吸引力的視覺設計,來作為支撐。有的專案可以依靠驚豔的圖片,更多的設計師會選擇多元素的圖文混排,而這其中,字型是關鍵元素之一。展示用的字型不僅要具備展示性,還要擁有良好的可讀性。展示性意味着它需要能夠在特定條件下創造出戲劇化的效果,通過螢幕上的展示,吸引多用户的注意力,向着螢幕另一端的多用户傳達出特定的資訊和感受。所以,合理地運用展示性的字型不僅能夠強化品牌形象,增強文字內容的可理解性,創造視覺層次,給多用户留下深刻的印象。近年來,展示性字型的需求越來越大,箇中緣由也就不難理解了。
今天的文章會總結 5 種使用展示性字型創造獨特戲劇效果的技巧,幫您的頁面在激烈的競爭中,脱穎而出。
1 、簡約但動感的字型
簡約的字型和動感的排版並不是互相排斥的存在。事實上,簡單的字型同樣可以輕鬆創造有着強力戲劇感的排版。事實上,您只需要選擇一款足夠簡約的字型,然後按照下面的方法來處理:
使用超大的字型尺寸(大字型能夠傳達出足夠有力的資訊,尤其是和高清大圖配合使用的時候)
文字色彩和背景構成對比(文字色彩通常會使用黑色或者白色,而背景圖片足夠鮮豔就能構成對比)
採用大膽的樣式
字型大小是控制視覺影響力的重要手段。在下面的案例當中,設計師採用了更為極端的方式,使用超大的字型來承載主要的文案,藉助留白將文字孤立出來,以達到有效傳遞資訊的目的。這樣的設計足夠簡約,但是也充滿了強烈的戲劇感。同時,清晰直白的設計,也讓人印象深刻。
2 、創造性地使用簡約的字型
即使是基礎、簡單的字型也可以創造出令人難忘的體驗,前提是您得采用實驗性的、富有創造性的排版。
想要將您的資訊大聲地傳遞出去嗎?使用全部大寫的文字,或者借用足夠厚重的字型。而真正讓人難忘的,是足夠富有創意的設計,所以,您還可以將字型和動效或者視訊結合起來使用。
3 、裝飾性字型
設計師對於裝飾性字型的認知各不相同。有的設計師會鄙視裝飾性的字型,認為它們顯得粗陋輕佻,但是也有不少設計師會欣賞這些字型所體現出來的創意和有趣的表現形式。在我看來,各種稀奇古怪的裝飾性字型,如果使用得當,能夠讓網站增色不少。這些字型可以調和網站的風格,營造氛圍,能夠強化品牌的氣質。當設計師挑選了合適的字型,結合貼合品牌的文案和風格之後,整個體驗會達到協調甚至出彩的效果,下面就是幾個值得參考的例項:
Hawk&Hen 是一個餐飲機構的網站的,略顯復古的立體裝飾性字型為網站奠定了古怪但是獨特的風格。
經過定製的字型錯落而怪異,非常符合 Squarespace’s Sleeping Tapes 陰森而黑暗的網站風格。
HeadOfffice 的網站所採用的這套字型同樣俏皮而獨特,在絕大多數場景下,這套字型都顯得過於特立獨行,但是在這個網站上,則正好烘托出網站充沛而富有激情的特徵。
Maaemo 的頁所採用的這套字型帶有明顯的現代幾何風,字型的細節帶有早期西文字型的原始風貌,和網站的神秘氣息相得益彰。
您可能已經注意到了,這些網站中,裝飾性字型始終是和極簡的風格相互搭配。這不是巧合。裝飾性字型能帶來獨特而有趣的風格,在極簡風格的網站上,多用户會更加輕鬆地注意到這些字型的存在,資訊才能更加有效地傳遞出去。假使這些字型在複雜多變的網站上,多個視覺焦點會分散這些裝飾性字型應有的力量。
4 、手繪字型
在很長的一段時間內,手繪字型都是網頁設計中的重要組成部分。有的設計師會傾向於逐個字母單獨設計,創造出獨一無二的手繪字型效果,不過更多的時候,設計師會選取一款成套的手繪風格字型作為基礎來設計。手繪字型通常能夠讓整個設計顯得更加優雅,如果挑選得當的話。獨一無二的手繪字型還能強化頁面的原創性,看看下面的 Grain&Mortar 和 Femmefatale 兩個網頁,這些設計機構的頁本身所呈現出來的 “藝術性” 很大程度上源自於頁面中獨特的手繪字型。
手繪字型是品牌化設計強有力的工具。
不過,千萬不要過度追求漂亮的效果而犧牲字型本身的可讀性。為了防止潛在的視覺障礙,儘量不要將手繪字型置於複雜的圖片背景之上,並且在輔助性的文字中,採用識別度更高的字型。
5 、和其他元素疊加使用
通過將字型和其他的元素疊加到一起使用,創造出引人矚目的視覺效果,是時下所流行的另外一種營造視覺奇觀的策略。不過,在搭配其他元素的時候,一定要注意色彩、紋理和元素各方面的特徵,確保字型本身的識別度。
您可以讓文字和多種不同的元素組合起來。
也可以讓文字橫跨不同的區域。
甚至可以打破排版規則,讓文字和人物形象結合起來,讓文字傳遞隱藏的意義。
但是無論怎麼搭配,您都得讓文字本身和其他的元素之間具備明顯的對比度,讓它足夠易讀。只有達到這樣的要求,才能讓整個體驗足夠順暢,不至於出現使用障礙。