毫無疑問,小文本的大小和大小可能會(huì)導(dǎo)致一些可讀性問題。但如果你仔細(xì)處理,小文本塊實(shí)際上可以幫助你創(chuàng)建一個(gè)視覺焦點(diǎn)和焦點(diǎn),并吸引用戶到設(shè)計(jì)的特定部分。
接下來,跟上我們的想法,讓我們看看如何實(shí)現(xiàn)這個(gè)小的文本趨勢(shì),以及它將如何工作,以幫助你獲得一些設(shè)計(jì)靈感。
雖然超大文本已經(jīng)在設(shè)計(jì)領(lǐng)域奠定了一定的基礎(chǔ),但它已經(jīng)成為主頁(yè)和標(biāo)題設(shè)計(jì)的主要選擇。但有一種趨勢(shì)——在瀏覽器或桌面的第一個(gè)屏幕上提供盡可能多的信息,以確保視覺(原因之一可能是設(shè)備尺寸和分辨率的增加,給設(shè)計(jì)師更多的設(shè)計(jì)空間)。
這就是為什么微小文本誕生的原因。不同的字體大小和比例使排版具有明顯的視覺流動(dòng)性。通過使用一層非常小的文本(通常使用14到16點(diǎn)的大小),你可以創(chuàng)建一個(gè)額外的焦點(diǎn)來關(guān)注用戶。小文本,特別是當(dāng)與其他大文本一起使用時(shí),可以吸引用戶,因?yàn)樗鼈兪遣煌模@在視覺上形成了對(duì)比。
MaximeBonhomme在其網(wǎng)站設(shè)計(jì)中使用了小文本。你可以看到,微小的文本元素提供了項(xiàng)目的關(guān)鍵細(xì)節(jié),而更大的文本則負(fù)責(zé)描述工作。你需要觀察和注意這些有大量空間和內(nèi)容的小文本元素是如何工作的。
因?yàn)樗耐庥^往往出乎意料,或者不同于用戶在其他網(wǎng)站上看到的,設(shè)計(jì)元素可以立即吸引用戶。
MountainDew,一個(gè)永遠(yuǎn)不懼于引領(lǐng)時(shí)尚的品牌,在它的網(wǎng)站設(shè)計(jì)上使用了一個(gè)超級(jí)小的標(biāo)題,不過,它確實(shí)能夠讓你一下子注意到它。這個(gè)標(biāo)題完全和X的頂點(diǎn)契合,創(chuàng)造出一種獨(dú)特的閱讀模式。即使是對(duì)交互動(dòng)作的設(shè)計(jì)他們也盡量做到微小,它不會(huì)讓用戶感到不舒服,因?yàn)樗杏X是故意的。
雖然目前的主流和許多網(wǎng)站設(shè)計(jì)已經(jīng)取消了主頁(yè)的導(dǎo)航功能,但事實(shí)上,它們只是改變了導(dǎo)航的表現(xiàn)形式,用漢堡包/隱藏的菜單導(dǎo)航取代了它們。使用小文本可以讓一些元素回到屏幕上而不受干擾。它是設(shè)計(jì)模式中的一個(gè)過程,從一個(gè)極端到下一個(gè)極端。手機(jī)網(wǎng)站成本低,使用方便是其優(yōu)勢(shì)。
事實(shí)上,在網(wǎng)頁(yè)設(shè)計(jì)的導(dǎo)航中使用小文本是一件非常困難的事情,因?yàn)樗枰銐虼螅员爿p松閱讀和點(diǎn)擊。使用簡(jiǎn)單的字體也很重要,因?yàn)樾∥谋究赡苡悬c(diǎn)難以適應(yīng)眼睛。
MagicofLapland在主菜單欄中使用微文本似乎找到了一個(gè)很好的解決方案。在他的網(wǎng)頁(yè)設(shè)計(jì)的主導(dǎo)航中,你可以看到每個(gè)元素都有足夠的間距,有的甚至在黑暗背景下使用雙倍間距,WAP又稱網(wǎng)站制作WAP網(wǎng)站,WAP是一種GPRS應(yīng)用模式,但不是唯一的手機(jī)互聯(lián)網(wǎng)模式,事實(shí)上WAP與手機(jī)網(wǎng)站本身不同,手機(jī)上網(wǎng)不僅僅是瀏覽wap網(wǎng)站。白色無襯線、展示空間
當(dāng)頁(yè)面的視覺空間很大時(shí),小文本是最有效的。小元素和廣闊空間之間的對(duì)比總是會(huì)產(chǎn)生驚人的效果。然而,不建議使用大量的小文本,因?yàn)樗鼈冊(cè)陂喿x中總是不是很好,所以要保持文本元素的簡(jiǎn)潔。
當(dāng)你第一次計(jì)劃這樣做時(shí),使用小文本應(yīng)該在你的思維中有一個(gè)特殊的目的。在使用這種設(shè)計(jì)趨勢(shì)之前,你需要問問自己:我為什么要在這里使用小文本?它對(duì)我的網(wǎng)站設(shè)計(jì)有什么貢獻(xiàn)或意義?
如果你對(duì)這些問題沒有可靠的答案(當(dāng)然,因?yàn)槲以敢獠皇谴鸢福敲茨銘?yīng)該考慮其他問題,知道你確確實(shí)是你需要的。
Moonfarmer做了一個(gè)漂亮的示范,它向我們展示了微小的文字應(yīng)該如何與空間相匹配。網(wǎng)頁(yè)設(shè)計(jì)使用兩個(gè)層次的排版和大量的開放視覺塊來建立情感,并在用戶點(diǎn)擊或滾動(dòng)之前向他們介紹內(nèi)容。小文字只是設(shè)計(jì)的眾多細(xì)節(jié)之一,讓你想停下來看看。元素之間有很大的對(duì)比,不用太擔(dān)心可讀性。
還有一點(diǎn)你需要記住:你不必到處使用小文本。把它當(dāng)作一種特殊的藝術(shù)元素,就像Moonfarmer主頁(yè)上使用的小文本相同,然后在整個(gè)設(shè)計(jì)的其他部分將相同的字體添加到更常見的尺寸。
FreelanceTV這是一個(gè)很好的例子,解釋如何使用小文本來幫助用戶,并允許另一個(gè)元素作為設(shè)計(jì)的主要部分。對(duì)于這個(gè)項(xiàng)目,視頻是最重要的元素,你可以看到,小文本作為另一個(gè)元素,可以提供額外的信息,鼓勵(lì)用戶訂閱或注冊(cè),無論它出現(xiàn)在主頁(yè)上的哪個(gè)位置。
但有時(shí),以文本元素為視覺元素的一部分,閱讀的重要性并不那么重要(這需要早期的計(jì)劃和大量的討論,所以訝時(shí)不要匆忙)。
HTMLBurger在網(wǎng)站設(shè)計(jì)中,使用了一系列小文本層,將小文本作為描述大標(biāo)題的視覺部分。Burger包裝使用小文本來創(chuàng)造更酷的視覺元素。這是一種你可能不常見的設(shè)計(jì)技巧和想法,在這種情況下很有影響力(但很難實(shí)現(xiàn);小心)。
使用小文本或不使用可能是一個(gè)困難的決定。雖然使用小文本是有爭(zhēng)議的,但它仍然適合使用小字體。為了確保在您的設(shè)計(jì)中添加有效的小文本元素,您需要給它足夠的空間,使用高度可讀的字體,并使用其他設(shè)計(jì)元素來比較或提示用戶。
最后,如果你打算使用微小風(fēng)格的文本內(nèi)容在你的下一個(gè)設(shè)計(jì)項(xiàng)目時(shí),當(dāng)然,這是好事,但是我們也建議不要過多的使用它們。這不是一個(gè)能幫助你把更多的內(nèi)容“塞進(jìn)”你的設(shè)計(jì)的技術(shù),它只在最合適的位置,賦予一個(gè)直接的目的性才能發(fā)揮它最大的效果。
好了,今天小編就到這里。如果您對(duì)網(wǎng)站建設(shè)有任何其他問題,請(qǐng)隨時(shí)致電或留言。英科專業(yè)從事網(wǎng)站建設(shè)和推廣多年,經(jīng)驗(yàn)豐富。