有一些網(wǎng)站設(shè)計(jì)開(kāi)始出現(xiàn)一種趨勢(shì):用戶一進(jìn)來(lái)的第一反應(yīng)可能是站點(diǎn)的圖像都去哪里了?不用感到奇怪,這是最近開(kāi)始出現(xiàn)并流行的一種主頁(yè)趨勢(shì),只包括文字,但沒(méi)有圖像或視頻。
這是一種有趣的美學(xué),它把很多注意力放在單詞和字母上。它可以是優(yōu)雅美麗的,但是也可能迅速變成一場(chǎng)災(zāi)難。這需要相當(dāng)多的細(xì)微處理和技巧才能做到。
當(dāng)你注意到更多的這些趨勢(shì)出現(xiàn)在網(wǎng)站設(shè)計(jì)中時(shí),你或許可以最終對(duì)這種趨勢(shì)產(chǎn)生自己的態(tài)度(喜歡或者厭惡)。至于個(gè)人嘛,我們認(rèn)為,如果做得好,它們可以成為網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)漂亮的案子。
什么是純文案網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)?(What is the Text-Only Homepage Design Trend?)
這是一個(gè)幾乎不需要解釋的趨勢(shì),因?yàn)檫@正是你所能聯(lián)想到的——網(wǎng)站的主頁(yè)或英雄區(qū)域采用純文本設(shè)計(jì)。
有了正確的概念,這中趨勢(shì)可以產(chǎn)生令人驚嘆的視覺(jué)構(gòu)圖,有助于自身的可讀性和直接的信息傳遞。不過(guò),對(duì)于難度較大的字體,它們可能有點(diǎn)難以閱讀,效果平平。
這一趨勢(shì)的特點(diǎn)是在排版方面明顯大膽的主頁(yè)。雖然有些字體的選擇可能是超大的或?qū)嶒?yàn)性的,但情況并非總是如此。通常這些設(shè)計(jì)的特點(diǎn)是強(qiáng)烈的色彩對(duì)比。
這種趨勢(shì)還有一種升級(jí)版本——幾乎只有文本。你會(huì)看到純文本設(shè)計(jì)的所有其他特征,但通常有一個(gè)小圖標(biāo)、插圖或動(dòng)畫(huà)作為強(qiáng)調(diào)和點(diǎn)綴。
無(wú)論設(shè)計(jì)方向如何,這種趨勢(shì)肯定會(huì)吸引你的注意力,因?yàn)橥ǔ:?jiǎn)單的風(fēng)格和文字更能贏得注意。
如何有效的利用這一設(shè)計(jì)趨勢(shì)(Tips for Using this Design Trend Well)
當(dāng)文字是設(shè)計(jì)中唯一真正的“藝術(shù)”元素時(shí),你可以做的更重要的事情是——讓它們具有可讀性。
這并不意味著字體必須是普通的或遵循傳統(tǒng)的排版規(guī)則,但你確實(shí)希望人們能夠輕松理解這些文字。否則,他們可能會(huì)感到沮喪,并在深入研究之前就選擇離開(kāi)。
這些注意點(diǎn)也有助于確保有足夠的對(duì)比:
· 背景和文字顏色的對(duì)比;
· 在字母周圍的空間設(shè)置對(duì)比,這樣所有的東西都有閱讀的空間;
· 在大小上進(jìn)行對(duì)比,以創(chuàng)建文字和信息的層次結(jié)構(gòu)。
最后,許多設(shè)計(jì)師熱衷于嘗試的一件事(你可以在多個(gè)例子中看到它)是在單詞中混合和匹配字體或不同風(fēng)格。這不是最簡(jiǎn)單的方法,有時(shí)會(huì)帶來(lái)更多的問(wèn)題而不是好處,但如果效果出來(lái)了,它會(huì)非常引人注目。
如果你是第一次在這種風(fēng)格的項(xiàng)目上工作,并且有點(diǎn)不確定,可以從這里開(kāi)始——背景色和文本色的高對(duì)比度——并添加一個(gè)有趣的字體。不要想太多,從最簡(jiǎn)單的開(kāi)始,然后在你不斷工作的過(guò)程中不斷發(fā)展這個(gè)想法。
這種設(shè)計(jì)趨勢(shì)和技術(shù)通常在超級(jí)簡(jiǎn)單并忠實(shí)于文本的目的時(shí)效果最好,畢竟一切都是為了——閱讀。
5個(gè)我們偏愛(ài)的例子(5 Examples We Love)
有很多不同的方法來(lái)使用這種網(wǎng)站設(shè)計(jì)趨勢(shì)——從純文本到加入一些額外的元素。這里有五個(gè)我們喜歡的例子。
Lights # lights.lu #
這是一個(gè)由有趣的襯線字體承載整個(gè)設(shè)計(jì)的有趣例子。有了醒目且易于理解的文本展示,你一定會(huì)閱讀并希望繼續(xù)閱讀下去。
NSSC # nationalstudentshow.com #
漂亮的動(dòng)畫(huà)效果使這個(gè)文字設(shè)計(jì)脫穎而出。
Dash # thisisdash.com #
Dash的設(shè)計(jì)簡(jiǎn)潔優(yōu)雅,字體易讀,顏色簡(jiǎn)單。這幾乎有點(diǎn)太簡(jiǎn)單了,但效果非常好。
Neutra VDL Studio # neutra-vdl.org #
通過(guò)純文本作為信息和導(dǎo)航,這個(gè)設(shè)計(jì)簡(jiǎn)單易懂。使用尺寸較大的字體有助于引導(dǎo)視線。
Awwwards Conference # conference.awwwards.com #
壓縮風(fēng)格的字體可能很難使用,但在這里它們工作得很好。這個(gè)設(shè)計(jì)還具有一些細(xì)節(jié)的東西,使它不是一個(gè)純文本的主頁(yè),但它是接近這種趨勢(shì)的。
總結(jié)
這種設(shè)計(jì)趨勢(shì)可以與其他一些流行的主題很好地搭配,包括顏色趨勢(shì)。純文本設(shè)計(jì)的好處是,當(dāng)你沒(méi)有很多其他東西可以使用或真正強(qiáng)調(diào)特定的信息時(shí),你可以使用它們作為登錄頁(yè)。
挑戰(zhàn)在于,這種設(shè)計(jì)趨勢(shì)可能比看起來(lái)要困難得多。特別是在響應(yīng)式思考時(shí),處理文本時(shí)需要深思熟慮,這樣你最終才不會(huì)陷入混亂。那么,祝好運(yùn)!
----圖文來(lái)自:design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理,為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)