網(wǎng)頁設(shè)計(jì)的大趨勢之一就是超小。“微小”文本元素已經(jīng)成為一個(gè)流行的想法,但這是一個(gè)設(shè)計(jì)趨勢,引發(fā)了一些爭論。
毫無疑問,小文本大小可能會(huì)導(dǎo)致一些可讀性問題。但是當(dāng)做得好的時(shí)候,一小段小文本實(shí)際上可以幫助創(chuàng)造一個(gè)視覺強(qiáng)調(diào)點(diǎn),并將用戶吸引到設(shè)計(jì)的某些部分。
加入我們,我們來看看這個(gè)小小的文字趨勢,并提供一些設(shè)計(jì)靈感的例子。
1.創(chuàng)建層次結(jié)構(gòu)和組織
雖然超大文本一直是主頁和標(biāo)題一段時(shí)間的主要選項(xiàng),但是在桌面顯示器的第一個(gè)屏幕上提供更多信息的轉(zhuǎn)變。(其中一個(gè)原因可能是屏幕尺寸不斷增加,給設(shè)計(jì)人員更多畫布)。
這就是“微小”的文字。使用不同的大小和比例尺度的排版,創(chuàng)造出獨(dú)特的視覺流程,通常從大字體到小。通過使用一級(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ì)出來,讓你看起來或者瞥一眼。
由于通常意外或與用戶在許多其他網(wǎng)站上看到的不同,設(shè)計(jì)元素會(huì)吸引您。
一個(gè)不怕前衛(wèi)的品牌,露水是采用超小型標(biāo)題處理。它確實(shí)讓你看起來。標(biāo)題完全符合X的頂點(diǎn),從NBA播放器視頻屏幕上移動(dòng)到標(biāo)題到品牌標(biāo)識(shí)符的動(dòng)作中,創(chuàng)造出獨(dú)特的眼睛運(yùn)動(dòng)模式。即使是采取行動(dòng)也是很小的,但是由于感覺有意而使用者感覺不舒服。
3.創(chuàng)建互動(dòng)導(dǎo)航
雖然許多網(wǎng)站完全剝離了主頁,有利于漢堡包/隱藏風(fēng)格的菜單項(xiàng),但使用微小的文本可以使一些元素回到屏幕上,而不會(huì)感到干擾。它是設(shè)計(jì)模式中的一個(gè)潮流和流動(dòng)之一,從一個(gè)極端到另一個(gè)極端。(會(huì)過大導(dǎo)航嗎?)
在導(dǎo)航中使用小文本可能很棘手。它需要足夠大的閱讀和輕松點(diǎn)擊。使用一個(gè)超級(jí)可讀的簡單字體很重要,因?yàn)槲⑿〉奈淖謱?duì)于眼睛來說可能有點(diǎn)困難。
拉普蘭的魔術(shù)在主菜單欄中發(fā)現(xiàn)了一個(gè)很好的中間地帶的小文本元素。每個(gè)元素周圍有很多間距 - 有些甚至使用雙層面,而黑色背景上的簡單的無襯線,有助于可讀性。在旅行者主導(dǎo)航之上,還有第二級(jí)別的“不太重要”的小文字。
4.展示空間
當(dāng)畫布很大時(shí),微小的文字最有效。小元素與廣闊空間的對(duì)比可以令人驚嘆。大塊的小文本可能會(huì)令人震驚,難以閱讀,因此保持文本元素簡潔。
也應(yīng)該使用色調(diào)文本,其目的不同。在跳入這個(gè)設(shè)計(jì)趨勢之前問問自己:為什么我在這里使用小文本?它有助于我的網(wǎng)站設(shè)計(jì)的意義?
如果你沒有這些問題的固定答案 - “因?yàn)槲蚁搿辈凰?,那么你?yīng)該考慮別的東西。
Moonfarmer做了一個(gè)美麗的工作展示空間與微小的文本。該設(shè)計(jì)使用兩個(gè)級(jí)別的排版和大量寬敞的畫布來建立心情,并在用戶點(diǎn)擊或滾動(dòng)之前向用戶介紹內(nèi)容。微小的文字只是設(shè)計(jì)中的許多細(xì)節(jié)之一,吸引您進(jìn)入停止和觀看。與元素之間有很大的對(duì)比,對(duì)可讀性沒有任何關(guān)注。
設(shè)計(jì)還需要記住一件重要的事情:您不必在任何地方使用小文本。將其視為一種特殊的藝術(shù)元素。Moonfarmer在主頁上使用微小的文字,然后在設(shè)計(jì)的其余部分將相同的字體顛倒到更普通的尺寸。
5.文本不是最重要的元素
有時(shí)屏幕上最重要的元素不是刻字。文字是次要的視覺元素。
自由電視是一個(gè)很好的例子,說明如何使用小文本來幫助用戶,同時(shí)允許另一個(gè)元素作為設(shè)計(jì)的主要部分。對(duì)于這個(gè)項(xiàng)目,視頻是重要的元素。微小的文字可作為提供更多信息的一個(gè)元素,并鼓勵(lì)使用靜態(tài)文本塊注冊,而不管主頁上的插曲如何。
6.創(chuàng)建一個(gè)可視元素
文本元素主要存在于閱讀中。這是完美的,邏輯的意義。
但是,有時(shí)候,文本元素有助于作為視覺元素的一部分,并且它們是否被閱讀是不太重要的。(這需要規(guī)劃和大量的設(shè)計(jì)對(duì)話,所以不要想到這個(gè)概念)。
HTML漢堡包使用幾層小小的文本。小文本被用作具有超大標(biāo)題處理的描述符。每個(gè)“漢堡”包裝紙都使用微小的文字來創(chuàng)建酷炫的視覺元素,并提供更多有關(guān)該公司的信息。這是一個(gè)你看不到的設(shè)計(jì)大綱,在這種情況下,它是有影響力的。(但這種技術(shù)相當(dāng)困難,請(qǐng)謹(jǐn)慎行事)
結(jié)論
要走小還不行?這可能是一個(gè)艱難的決定。雖然使用小文本是有爭議的,但適用于微小的排版。為了確保您的設(shè)計(jì)中的小文本有效,請(qǐng)給予足夠的空間,使用高度可讀性的字體,并使用其他設(shè)計(jì)線索來幫助用戶使用這些單詞。
最后,如果您打算嘗試使用小文本,請(qǐng)謹(jǐn)慎使用。這不是一種技術(shù),可以幫助您更好地進(jìn)行設(shè)計(jì)。它最有效地用于有針對(duì)性的展示位置中的小文本塊。
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
本文名稱:6種微小文字設(shè)計(jì)方式
網(wǎng)頁鏈接:http://jinyejixie.com/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)站營銷
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)