張經(jīng)理 / 18665606093
Email / service@2000new.com
掃一掃添加顧問
目前,廣州網(wǎng)站設(shè)計的最大趨勢之一是使網(wǎng)站承載的內(nèi)容極度簡化和小型化,“小型化”的文本元素已經(jīng)成為一種流行趨勢,但這種設(shè)計趨勢也在設(shè)計領(lǐng)域引起了一些爭議。
毫無疑問,小文本可能會在大小和大小上造成一些可讀性問題。但是,如果用心,處理得當(dāng),小的文字塊其實可以幫助你創(chuàng)造出視覺的焦點和重心,吸引用戶到設(shè)計的特定部位。
接下來跟上你的思路,我們來看看這個微小的文字趨勢應(yīng)該如何實現(xiàn),會如何運作,從而幫助你獲得一些設(shè)計靈感。
1.創(chuàng)造等級和組織感
雖然超大文本的使用在設(shè)計領(lǐng)域奠定了一定的基礎(chǔ),但它已經(jīng)成為主頁和標題設(shè)計的主要選擇。但目前有一種趨勢,——在盡可能保證視覺的基礎(chǔ)上,在瀏覽器或桌面的第一屏提供更多的信息(原因之一可能是設(shè)備的尺寸和分辨率越來越大,給了設(shè)計師更多的設(shè)計空間)。
這就是“微縮”文本誕生的原因。字號和比例的不同,使得排版有明顯的視覺流。通過使用一小層文本(通常大小為14到16磅),您可以為用戶創(chuàng)建一個額外的焦點。小文本,尤其是和其他較大的文本一起使用時,可以吸引用戶,因為它們是不同的,這就形成了視覺對比。
Maxime Bonhomme在其網(wǎng)站設(shè)計中使用了小文本。如您所見,較小的文本元素提供了項目的關(guān)鍵細節(jié),而較大的文本負責(zé)提供工作的描述。你需要觀察和關(guān)注這些有大量空間和內(nèi)容的微小文本元素是如何工作的。
2.形成風(fēng)格
有時候,小型化的文本信息是為了吸引你的注意力或者讓你想看第二遍。
因為它的外觀往往出乎意料或者與用戶在其他網(wǎng)站上看到的有所不同,所以設(shè)計元素可以一下子吸引用戶。
從來不怕引領(lǐng)時尚的品牌山露,在網(wǎng)站設(shè)計上用了一個超級小的標題,但真的能讓你一下子注意到。這個標題與X的頂點完美契合,創(chuàng)造出獨特的閱讀模式。甚至交互動作的設(shè)計都盡量小,不會因為感覺是故意的而讓用戶覺得不舒服。
3.創(chuàng)建吸引人的導(dǎo)航
雖然目前的主流和很多網(wǎng)站設(shè)計取消了主頁的導(dǎo)航功能,但實際上只是改變了導(dǎo)航的表達方式,代之以漢堡/隱藏式菜單導(dǎo)航。使用小文字可以讓一些元素回到屏幕上而不打擾人。它是設(shè)計模式中的一個過程,從一個極端到下一個極端。事實上,在網(wǎng)頁設(shè)計的導(dǎo)航中使用小文本是一件棘手的事情,因為它需要足夠大,以便于閱讀和點擊。使用簡單的字體也很重要,因為小文字可能眼睛有點難以適應(yīng)。
Lapland的Magic似乎找到了一個很好的解決方案,解決了主菜單欄使用微小文字的問題。在他網(wǎng)頁設(shè)計的主導(dǎo)航中,你可以看到每個元素都有足夠的間距,有的甚至使用雙倍間距,白色無襯線字體有助于深色背景下的可讀性。
4.展覽空間
當(dāng)頁面的視覺空間較大時,微小的文字最有效。小元素和廣闊空間的對比總能產(chǎn)生驚艷的效果。但是不推薦大量的小文本,因為他們不太會閱讀,所以保持文本元素簡單。
當(dāng)你第一次打算這樣做的時候,小文本的使用應(yīng)該在你的腦海中有一個特殊的目的。在使用這個設(shè)計潮流之前,你需要先問問自己,為什么我在這里使用小文字。對我的網(wǎng)站設(shè)計會有什么貢獻或意義?
如果你對這些問題沒有可靠的答案(當(dāng)然,“因為我愿意”不是答案),那么你就要考慮其他問題,直到確定確實是你需要的。
月球農(nóng)夫做了一個漂亮的演示,向我們展示了微小的文字應(yīng)該如何與空間相匹配。網(wǎng)頁設(shè)計采用兩級排版和大量開放的視覺塊,在點擊或滾動之前,創(chuàng)造一種情緒,將內(nèi)容介紹給用戶。小字只是設(shè)計的很多細節(jié)中的一個,讓你想停下來看看。元素之間反差很大,不用太擔(dān)心可讀性。
你還需要記住一件事:你不必到處使用小文本。把它當(dāng)成一個特殊的藝術(shù)元素,就像Moonfarmer主頁上使用的小文字,然后在整個設(shè)計的其余部分把同樣的字體增加到一個更常見的大小。
5.當(dāng)文本不是最重要的元素時,
有時,要顯示的最重要的元素不是文本,文本可能只是視覺元素中的次要元素。
自由電視是一個很好的例子,說明如何使用小文本來幫助用戶,同時允許另一個元素成為設(shè)計的主要部分。對于這個項目來說,視頻是最重要的元素,你可以看到。作為另一個元素,小文本可以提供額外的信息,并鼓勵用戶訂閱或注冊,無論它出現(xiàn)在主頁的什么地方。
6.創(chuàng)建視覺元素
文字元素的主要作用是閱讀,很有邏輯。但是有時候,如果把文字元素看成是視覺元素的一部分,讀不讀的重要性就不那么重要了(這需要前期的規(guī)劃和大量的討論,不要在突然有驚喜的時候貿(mào)然使用這種手法)。
HTML Burger的網(wǎng)站設(shè)計中使用了一系列小文本層,小文本作為視覺部分來描述標題。每個“漢堡”包裝上都使用了小詞,以創(chuàng)造更酷的視覺元素。這是一個你可能不太常見的設(shè)計技巧和創(chuàng)意。在這種情況下,是有影響的(但是這種技術(shù)很難實現(xiàn);小心)。
總結(jié)
使用或不使用小文本可能是一個艱難的決定。雖然小文字的使用有爭議,但對于小字體的使用還是有用的。為了給你的設(shè)計添加有效的小文本元素,你需要給它足夠的空間,使用可讀性高的字體,并使用其他設(shè)計元素來比較或提示用戶。
最后,如果你打算在下一個設(shè)計項目中使用小樣式的文本內(nèi)容,當(dāng)然這是一件好事,但我們也建議不要過多使用它們。這不是一種可以幫助你在設(shè)計中“填充”更多內(nèi)容的技術(shù)。只有在最合適的位置給出一個直接的目的,才能發(fā)揮最大的效果。