您好!歡迎進(jìn)入廣東華商網(wǎng)絡(luò)科技有限公司

東莞做網(wǎng)站

東莞網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)中微文的使用技巧

2019-11-09

   現(xiàn)在,東莞網(wǎng)站規(guī)劃的大趨勢(shì)之一是使網(wǎng)站所承載的內(nèi)容極簡(jiǎn)化和細(xì)小化,“細(xì)小化”的文本元素已經(jīng)成為一種盛行趨勢(shì),但這種規(guī)劃趨勢(shì),在規(guī)劃領(lǐng)域相同引發(fā)了一些爭(zhēng)辯。東莞網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)中微文的使用技巧? 毫無(wú)疑問(wèn),小文本在巨細(xì)和尺度上或許會(huì)導(dǎo)致一些可讀性問(wèn)題。但假如你用心并處理得當(dāng)?shù)脑?huà),小文本區(qū)塊實(shí)際上能夠協(xié)助你創(chuàng)立一個(gè)視覺(jué)焦點(diǎn)和重心,并將用戶(hù)招引到規(guī)劃的特定部分。

        接下來(lái),跟上思維,讓咱們來(lái)看看這個(gè)細(xì)小的文本趨勢(shì)應(yīng)該怎么完成以及它將怎么發(fā)揮作用,以協(xié)助你取得一些規(guī)劃創(chuàng)意。

1、創(chuàng)立層次結(jié)構(gòu)和組織感

        雖然超大型文本隨著運(yùn)用已經(jīng)在規(guī)劃領(lǐng)域打下必定的根底,成為主頁(yè)和標(biāo)題規(guī)劃的首要選項(xiàng)。可是現(xiàn)在有一種趨勢(shì)——在瀏覽器或桌面的第一個(gè)屏上盡或許在確保視覺(jué)的根底上供給更多的信息(原因之一或許是設(shè)備尺度和分辨率的不斷添加,給規(guī)劃師更多的規(guī)劃空間)。

        這也就是“細(xì)小化”文本“橫空出世”的原因。字體的巨細(xì)和比例的不同,使得排版有顯著的視覺(jué)流動(dòng)感。經(jīng)過(guò)運(yùn)用一層很小的文本(一般運(yùn)用14到16點(diǎn)的尺度巨細(xì)),你能夠創(chuàng)立一個(gè)額定的焦點(diǎn)讓用戶(hù)聚焦。小文本,特別是與其他較大文本一起運(yùn)用時(shí),能夠招引用戶(hù),由于它們是不同的,這在視覺(jué)上就形成了比照。

Maxime Bonhomme在其網(wǎng)站規(guī)劃中運(yùn)用了小文本。你能夠看到,細(xì)小化的文本元素供給了關(guān)于項(xiàng)目的關(guān)鍵細(xì)節(jié),而更大的文本則擔(dān)任供給作業(yè)的描述。你需求觀(guān)察和留意這些周?chē)泻芏嗫臻g和內(nèi)容的細(xì)小文本元素是怎么作業(yè)的。

2、形成風(fēng)格

        有時(shí)分,細(xì)小化文本信息的規(guī)劃目的是為了引起你的留意或許讓你忍不住想看第二眼。

由于它的呈現(xiàn)經(jīng)常是出人意料的,或許不同于用戶(hù)在其他網(wǎng)站上看到的,所以規(guī)劃元素能夠一會(huì)兒就招引用戶(hù)。

        Mountain Dew,一個(gè)永遠(yuǎn)不懼于引領(lǐng)時(shí)尚的品牌,在它的網(wǎng)站規(guī)劃上運(yùn)用了一個(gè)超級(jí)小的標(biāo)題,不過(guò),它的確能夠讓你一會(huì)兒留意到它。這個(gè)標(biāo)題完全和X的頂點(diǎn)符合,創(chuàng)造出一種獨(dú)特的閱覽形式。即使是對(duì)交互動(dòng)作的規(guī)劃他們也盡量做到細(xì)小,它不會(huì)讓用戶(hù)感到不舒服,由于它感覺(jué)是故意的。

3、創(chuàng)立招引人的導(dǎo)航

        雖然現(xiàn)在的干流并且許多網(wǎng)站規(guī)劃都取消了主頁(yè)的導(dǎo)航功用,但實(shí)際上它們僅僅改變了導(dǎo)航的表現(xiàn)形式,將他們替換為漢堡/躲藏的款式菜單導(dǎo)航,運(yùn)用小文本能夠讓一些元素回到屏幕上,而不讓人覺(jué)得遭到打擾。它是規(guī)劃形式中的一個(gè)流程,從一個(gè)極點(diǎn)到下一個(gè)極點(diǎn)。

的確,在網(wǎng)頁(yè)規(guī)劃的導(dǎo)航中運(yùn)用小文本是一件很扎手的事情,由于它需求滿(mǎn)足大,以便能夠被輕松閱覽和點(diǎn)擊。運(yùn)用簡(jiǎn)略的字體也是非常重要的,由于小文本對(duì)眼睛的適應(yīng)來(lái)說(shuō)或許有點(diǎn)困難。

        Magic of Lapland形似對(duì)在主菜單欄中運(yùn)用細(xì)小文本這個(gè)問(wèn)題找到了一個(gè)很好的解決方案。在他的網(wǎng)頁(yè)規(guī)劃的主導(dǎo)航中,你能夠看到每個(gè)元素都有滿(mǎn)足的距離,有些甚至運(yùn)用雙倍距離,并且在黑暗布景下,白色無(wú)襯線(xiàn)字體有助于可讀性。

4、展現(xiàn)空間

        當(dāng)頁(yè)面的視覺(jué)空間很大時(shí),細(xì)小文本最有用。小元素和寬廣空間之間的反差是總是能夠產(chǎn)生驚人的作用。不過(guò),很多的小文本就不主張運(yùn)用了,由于它們總歸在閱覽上并不是很好,所以要堅(jiān)持文本元素的簡(jiǎn)練。

細(xì)小文本的運(yùn)用在最初你計(jì)劃這么做的時(shí)分就應(yīng)該在你的思維中有一個(gè)特殊的目的性。在運(yùn)用這個(gè)規(guī)劃趨勢(shì)之前,你需求問(wèn)問(wèn)你自己:為什么我要在這里運(yùn)用小文本呢?它對(duì)我的網(wǎng)站規(guī)劃將有什么奉獻(xiàn)或許含義呢?

        假如你對(duì)這些問(wèn)題沒(méi)有可靠的答案(當(dāng)然“由于我樂(lè)意”不能算答案),那么你應(yīng)該考慮其他的問(wèn)題,知道你確認(rèn)它的確是你需求的。

Moonfarmer做了一個(gè)漂亮的演示,它向咱們展現(xiàn)了細(xì)小的文字應(yīng)該怎么和空間搭配。該網(wǎng)頁(yè)規(guī)劃運(yùn)用了兩種級(jí)別的排版和很多的開(kāi)闊的視覺(jué)塊來(lái)建立一種心情,并在用戶(hù)點(diǎn)擊或翻滾之前向他們介紹內(nèi)容。小小的文字僅僅規(guī)劃的很多細(xì)節(jié)之一,讓你想停下來(lái)看看。元素之間有很大的比照,所以關(guān)于可讀性你能夠不用有太多的顧慮。

        還有一點(diǎn)你需求記?。耗悴挥玫教庍\(yùn)用小文本。把它當(dāng)作一種特殊的藝術(shù)元素,就像在Moonfarmer的主頁(yè)上運(yùn)用的小文本相同,然后在整個(gè)規(guī)劃的其余部分將相同的字體添加到更常見(jiàn)的尺度。

5、當(dāng)文本不是最重要的元素時(shí)

        有時(shí),需求展現(xiàn)的最重要的元素并不是文本,文本在視覺(jué)元素中或許僅僅非必須的。

Freelance TV是一個(gè)很好的比如,闡明怎么運(yùn)用小文原本協(xié)助用戶(hù),同時(shí)允許另一個(gè)元素作為規(guī)劃的首要部分。關(guān)于這個(gè)項(xiàng)目,視頻是最重要的元素,你相同就能夠看出來(lái),而小文本作為另一個(gè)元素,能夠供給額定的信息,并鼓勵(lì)用戶(hù)進(jìn)行訂閱或許注冊(cè),不管它在主頁(yè)上的什么方位呈現(xiàn)。

6、創(chuàng)立一個(gè)可視元素

        文本元素的首要作用是用來(lái)閱覽的,這很符合邏輯。

        但有時(shí)分,將文本元素作為視覺(jué)元素的一部分,是否被閱覽的重要性就不那么重要了(這需求前期的方案和很多的討論,所以不要在你突發(fā)奇的時(shí)分就草率的運(yùn)用這項(xiàng)技巧)。

        HTML Burger的網(wǎng)站規(guī)劃中運(yùn)用了一系列的小文本圖層,將小文本用作描述大標(biāo)題的視覺(jué)部分。在每個(gè)“Burger”包裝上都運(yùn)用了小的文字,以創(chuàng)造出更酷的視覺(jué)元素。這是一個(gè)你或許不太常見(jiàn)的規(guī)劃技巧和思路,在這種情況下,它是有影響力的(但這種技能很難完成;要當(dāng)心行事)。

 

總結(jié)

        運(yùn)用細(xì)小文本,或許不運(yùn)用,這或許是一個(gè)艱難的決定。雖然小文本的運(yùn)用是有爭(zhēng)議的,但關(guān)于小字體的運(yùn)用仍是有適當(dāng)?shù)挠猛镜?。為了確保在你的規(guī)劃中添加有用的小文本元素,你需求給它滿(mǎn)足的空間,運(yùn)用一個(gè)高度可讀的字體,并運(yùn)用其他的規(guī)劃元素來(lái)比照或許提示用戶(hù)。

最后,假如你計(jì)劃運(yùn)用細(xì)小風(fēng)格的文本內(nèi)容在你的下一個(gè)規(guī)劃項(xiàng)目時(shí),當(dāng)然,這是功德,可是咱們也主張不要過(guò)多的運(yùn)用它們。這不是一個(gè)能協(xié)助你把更多的內(nèi)容“塞進(jìn)”你的規(guī)劃的技能,它只在最合適的方位,賦予一個(gè)直接的目的性才能發(fā)揮它大的作用。 

 


標(biāo)簽

近期瀏覽:

熱門(mén)搜索:東莞網(wǎng)站建設(shè)東莞做網(wǎng)站東莞建網(wǎng)站

華商網(wǎng)絡(luò)專(zhuān)業(yè)為企業(yè)提供基礎(chǔ)互聯(lián)網(wǎng)建設(shè)服務(wù):網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì),微官網(wǎng)設(shè)計(jì)制作,小程序開(kāi)發(fā)等等,您的選擇是我們奮力向前的最好動(dòng)力!

版權(quán)所有:廣東華商網(wǎng)絡(luò)科技有限公司 備案號(hào): 粵ICP備13071417號(hào)

獲取同行網(wǎng)站建設(shè)方案,10秒填寫(xiě),急速獲得

今日已有165人獲取方案

在線(xiàn)客服
服務(wù)熱線(xiàn)
400 0769 366
15217380701

業(yè)務(wù)咨詢(xún)微信
返回頂部