6種微小文字設(shè)計(jì)方式

2024-01-28    分類: 網(wǎng)站建設(shè)

網(wǎng)頁(yè)設(shè)計(jì)的大趨勢(shì)之一就是超小?!拔⑿ 蔽谋驹匾呀?jīng)成為一個(gè)流行的想法,但這是一個(gè)設(shè)計(jì)趨勢(shì),引發(fā)了一些爭(zhēng)論。

毫無(wú)疑問(wèn),小文本大小可能會(huì)導(dǎo)致一些可讀性問(wèn)題。但是當(dāng)做得好的時(shí)候,一小段小文本實(shí)際上可以幫助創(chuàng)造一個(gè)視覺(jué)強(qiáng)調(diào)點(diǎn),并將用戶吸引到設(shè)計(jì)的某些部分。

加入我們,我們來(lái)看看這個(gè)小小的文字趨勢(shì),并提供一些設(shè)計(jì)靈感的例子。

1.創(chuàng)建層次結(jié)構(gòu)和組織

雖然超大文本一直是主頁(yè)和標(biāo)題一段時(shí)間的主要選項(xiàng),但是在桌面顯示器的第一個(gè)屏幕上提供更多信息的轉(zhuǎn)變。(其中一個(gè)原因可能是屏幕尺寸不斷增加,給設(shè)計(jì)人員更多畫布)。

這就是“微小”的文字。使用不同的大小和比例尺度的排版,創(chuàng)造出獨(dú)特的視覺(jué)流程,通常從大字體到小。通過(guò)使用一級(jí)的微小文本 - 通常小于14到16點(diǎn)的普通身體類型大小,您可以為用戶創(chuàng)建一個(gè)附加點(diǎn)。微小的文字,特別是與其他文字大小一起使用時(shí),可以繪制用戶,因?yàn)樗遣煌摹?br />
Maxime Bonhomme在投資組合網(wǎng)站設(shè)計(jì)中使用微小的文字。最小的文本元素提供關(guān)于項(xiàng)目的關(guān)鍵細(xì)節(jié),而較大的類型給出了工作的描述。請(qǐng)注意微小的文本元素的作用部分是因?yàn)槊總€(gè)復(fù)制塊周圍的空間和合約量。

讓你看看

有時(shí)候,小巧的文字就是設(shè)計(jì)出來(lái),讓你看起來(lái)或者瞥一眼。
由于通常意外或與用戶在許多其他網(wǎng)站上看到的不同,設(shè)計(jì)元素會(huì)吸引您。

一個(gè)不怕前衛(wèi)的品牌,露水是采用超小型標(biāo)題處理。它確實(shí)讓你看起來(lái)。標(biāo)題完全符合X的頂點(diǎn),從NBA播放器視頻屏幕上移動(dòng)到標(biāo)題到品牌標(biāo)識(shí)符的動(dòng)作中,創(chuàng)造出獨(dú)特的眼睛運(yùn)動(dòng)模式。即使是采取行動(dòng)也是很小的,但是由于感覺(jué)有意而使用者感覺(jué)不舒服。

3.創(chuàng)建互動(dòng)導(dǎo)航

雖然許多網(wǎng)站完全剝離了主頁(yè),有利于漢堡包/隱藏風(fēng)格的菜單項(xiàng),但使用微小的文本可以使一些元素回到屏幕上,而不會(huì)感到干擾。它是設(shè)計(jì)模式中的一個(gè)潮流和流動(dòng)之一,從一個(gè)極端到另一個(gè)極端。(會(huì)過(guò)大導(dǎo)航嗎?)

在導(dǎo)航中使用小文本可能很棘手。它需要足夠大的閱讀和輕松點(diǎn)擊。使用一個(gè)超級(jí)可讀的簡(jiǎn)單字體很重要,因?yàn)槲⑿〉奈淖謱?duì)于眼睛來(lái)說(shuō)可能有點(diǎn)困難。

拉普蘭的魔術(shù)在主菜單欄中發(fā)現(xiàn)了一個(gè)很好的中間地帶的小文本元素。每個(gè)元素周圍有很多間距 - 有些甚至使用雙層面,而黑色背景上的簡(jiǎn)單的無(wú)襯線,有助于可讀性。在旅行者主導(dǎo)航之上,還有第二級(jí)別的“不太重要”的小文字。

4.展示空間

當(dāng)畫布很大時(shí),微小的文字最有效。小元素與廣闊空間的對(duì)比可以令人驚嘆。大塊的小文本可能會(huì)令人震驚,難以閱讀,因此保持文本元素簡(jiǎn)潔。

也應(yīng)該使用色調(diào)文本,其目的不同。在跳入這個(gè)設(shè)計(jì)趨勢(shì)之前問(wèn)問(wèn)自己:為什么我在這里使用小文本?它有助于我的網(wǎng)站設(shè)計(jì)的意義?

如果你沒(méi)有這些問(wèn)題的固定答案 - “因?yàn)槲蚁搿辈凰?,那么你?yīng)該考慮別的東西。

Moonfarmer做了一個(gè)美麗的工作展示空間與微小的文本。該設(shè)計(jì)使用兩個(gè)級(jí)別的排版和大量寬敞的畫布來(lái)建立心情,并在用戶點(diǎn)擊或滾動(dòng)之前向用戶介紹內(nèi)容。微小的文字只是設(shè)計(jì)中的許多細(xì)節(jié)之一,吸引您進(jìn)入停止和觀看。與元素之間有很大的對(duì)比,對(duì)可讀性沒(méi)有任何關(guān)注。

設(shè)計(jì)還需要記住一件重要的事情:您不必在任何地方使用小文本。將其視為一種特殊的藝術(shù)元素。Moonfarmer在主頁(yè)上使用微小的文字,然后在設(shè)計(jì)的其余部分將相同的字體顛倒到更普通的尺寸。

5.文本不是最重要的元素

有時(shí)屏幕上最重要的元素不是刻字。文字是次要的視覺(jué)元素。

自由電視是一個(gè)很好的例子,說(shuō)明如何使用小文本來(lái)幫助用戶,同時(shí)允許另一個(gè)元素作為設(shè)計(jì)的主要部分。對(duì)于這個(gè)項(xiàng)目,視頻是重要的元素。微小的文字可作為提供更多信息的一個(gè)元素,并鼓勵(lì)使用靜態(tài)文本塊注冊(cè),而不管主頁(yè)上的插曲如何。

6.創(chuàng)建一個(gè)可視元素

文本元素主要存在于閱讀中。這是完美的,邏輯的意義。

但是,有時(shí)候,文本元素有助于作為視覺(jué)元素的一部分,并且它們是否被閱讀是不太重要的。(這需要規(guī)劃和大量的設(shè)計(jì)對(duì)話,所以不要想到這個(gè)概念)。

HTML漢堡包使用幾層小小的文本。小文本被用作具有超大標(biāo)題處理的描述符。每個(gè)“漢堡”包裝紙都使用微小的文字來(lái)創(chuàng)建酷炫的視覺(jué)元素,并提供更多有關(guān)該公司的信息。這是一個(gè)你看不到的設(shè)計(jì)大綱,在這種情況下,它是有影響力的。(但這種技術(shù)相當(dāng)困難,請(qǐng)謹(jǐn)慎行事)

結(jié)論

要走小還不行?這可能是一個(gè)艱難的決定。雖然使用小文本是有爭(zhēng)議的,但適用于微小的排版。為了確保您的設(shè)計(jì)中的小文本有效,請(qǐng)給予足夠的空間,使用高度可讀性的字體,并使用其他設(shè)計(jì)線索來(lái)幫助用戶使用這些單詞。

最后,如果您打算嘗試使用小文本,請(qǐng)謹(jǐn)慎使用。這不是一種技術(shù),可以幫助您更好地進(jìn)行設(shè)計(jì)。它最有效地用于有針對(duì)性的展示位置中的小文本塊。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!

本文名稱:6種微小文字設(shè)計(jì)方式
網(wǎng)頁(yè)鏈接:http://www.muchs.cn/news11/315911.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站排名、小程序開發(fā)、標(biāo)簽優(yōu)化網(wǎng)站營(yíng)銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)