成都網(wǎng)站設(shè)計中微文的使用技巧

毫無疑問，小文本在巨細和尺度上或許會招致一些可讀性問題。但假如你用心并處置得當(dāng)?shù)脑?，小文本區(qū)塊實踐上可以幫忙你創(chuàng)建一個視覺焦點和重心，并將用戶吸收到規(guī)劃的特定部分。

接下來，跟上思維，讓咱們來看看這個細小的文本趨向應(yīng)該怎么完結(jié)以及它將怎么發(fā)揮作用，以幫忙你獲得一些規(guī)劃靈感。

1、創(chuàng)建層次構(gòu)造和安排感

雖然超大型文本跟著運用曾經(jīng)在規(guī)劃領(lǐng)域打下一定的基礎(chǔ)，成為主頁和標(biāo)題規(guī)劃的首要選項。但是現(xiàn)在有一種趨向——在閱覽器或桌面的一個屏上盡或許在保證視覺的基礎(chǔ)上供給更多的信息(緣由之一或許是設(shè)備尺度和分辨率的不時增加，給規(guī)劃師更多的規(guī)劃空間)。

這也就是“細小化”文本“橫空出世”的緣由。字體的巨細和比例的不同，使得排版有明顯的視覺活動感。通過運用一層很小的文本(一般運用14到16點的尺度巨細)，你可以創(chuàng)建一個額定的焦點讓用戶聚焦。小文本，特別是與其他較大文本一起運用時，可以吸收用戶，因為它們是不同的，這在視覺上就構(gòu)成了對比。

Maxime Bonhomme在其網(wǎng)站規(guī)劃中運用了小文本。你可以看到，細小化的文本元素供給了關(guān)于項意圖要害細節(jié)，而更大的文本則擔(dān)任供給工作的描繪。你需求察看和留意這些四周有許多空間和內(nèi)容的細小文本元素是怎么工作的。

2、構(gòu)成作風(fēng)

有時分，細小化文本信息的規(guī)劃意圖是為了惹起你的留意或許讓你不由得想看第二眼。

因為它的出現(xiàn)經(jīng)常是出人意料的，或許不同于用戶在其他網(wǎng)站上看到的，所以規(guī)劃元素可以一會兒就吸收用戶。

Mountain Dew，一個永遠不懼于引領(lǐng)時尚的品牌，在它的網(wǎng)站規(guī)劃上運用了一個超級小的標(biāo)題，不過，它確實可以讓你一會兒留意到它。這個標(biāo)題完好和X的頂點符合，創(chuàng)造出一種一起的閱覽方式。即便是對交互動作的規(guī)劃他們也盡量做到細小，它不會讓用戶感到不舒適，因為它覺得是故意的。

3、創(chuàng)建吸收人的導(dǎo)航

當(dāng)然如今的干流而且許多網(wǎng)站規(guī)劃都取消了主頁的導(dǎo)航功用，但實踐上它們僅僅變卦了導(dǎo)航的表現(xiàn)方式，將他們交換為漢堡/躲藏的款式菜單導(dǎo)航，運用小文本可以讓一些元素回到屏幕上，而不讓人覺得遭到打攪。它是規(guī)劃方式中的一個流程，從一個極點到下一個極點。

確實，在網(wǎng)頁規(guī)劃的導(dǎo)航中運用小文本是一件很棘手的事情，因為它需求滿足大，以便可以被輕松閱覽和點擊。運用簡略的字體也是十分重要的，因為小文本對眼睛的順應(yīng)來說或許有點困難。

Magic of Lapland形似對在主菜單欄中運用細小文本這個問題找到了一個很好的處理計劃。在他的網(wǎng)頁規(guī)劃的主導(dǎo)航中，你可以看到每個元素都有滿足的距離，有些以至運用雙倍距離，而且在漆黑布景下，白色無襯線字體有助于可讀性。

4、展示空間

當(dāng)頁面的視覺空間很大時，細小文本最有效。小元素和寬廣空間之間的反差是總是可以產(chǎn)生驚人的效果。不過，許多的小文本就不建議運用了，因為它們總之在閱覽上并不是很好，所以要堅持文本元素的精約。

細小文本的運用在最初你計劃這么做的時分就應(yīng)該在你的思維中有一個特別的意圖性。在運用這個規(guī)劃趨向之前，你需求問問你本人:為什么我要在這里運用小文本呢?它對我的網(wǎng)站規(guī)劃將有什么貢獻或許意義呢?

假如你對這些問題沒有可靠的答案(當(dāng)然“因為我樂意”不能算答案)，那么你應(yīng)該思索其他的問題，知道你必定它確實是你需求的。

Moonfarmer做了一個漂亮的示范，它向咱們展示了細小的文字應(yīng)該怎么和空間調(diào)配。該網(wǎng)頁規(guī)劃運用了兩種等級的排版和許多的開闊的視覺塊來建立一種心情，并在用戶點擊或翻滾之前向他們引見內(nèi)容。小小的文字僅僅規(guī)劃的很多細節(jié)之一，讓你想停下來看看。元素之間有很大的對比，所以關(guān)于可讀性你可以不必有太多的顧忌。

還有一點你需求記住：你不必四處運用小文本。把它當(dāng)作一種特別的藝術(shù)元素，就像在Moonfarmer的主頁上運用的小文本相同，然后在整個規(guī)劃的其他部分將相同的字體增加到更常見的尺度。

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

有時，需求展示的最重要的元素并不是文本，文本在視覺元素中或許僅僅次要的。

Freelance TV是一個很好的例子，說明怎么運用小文原本幫忙用戶，一起允許另一個元素作為規(guī)劃的首要部分。關(guān)于這個項目，視頻是最重要的元素，你相同就可以看出來，而小文本作為另一個元素，可以供給額定的信息，并鼓動用戶中止訂閱或許注冊，不管它在主頁上的什么方位出現(xiàn)。

6、創(chuàng)建一個可視元素

文本元素的首要作用是用來閱覽的，這很符合邏輯。

但有時分，將文本元素作為視覺元素的一部分，能否被閱覽的重要性就不那么重要了(這需求前期的方案和許多的討論，所以不要在你突發(fā)奇的時分就草率的運用這項技巧)。

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

總結(jié)

運用細小文本，或許不運用，這或許是一個困難的抉擇。當(dāng)然小文本的運用是有爭議的，但關(guān)于小字體的運用還是有恰當(dāng)?shù)挠锰幍?。為了保證在你的規(guī)劃中添加有效的小文本元素，你需求給它滿足的空間，運用一個高度可讀的字體，并運用其他的規(guī)劃元從來對比或許提示用戶。

最終，假如你計劃運用細小作風(fēng)的文本內(nèi)容在你的下一個規(guī)劃項目時，當(dāng)然，這是功德，但是咱們也建議不要過多的運用它們。這不是一個能幫忙你把更多的內(nèi)容“塞進”你的規(guī)劃的技能，它只在最適宜的方位，賦予一個直接的意圖性才干發(fā)揮它的效果。

新聞名稱：成都網(wǎng)站設(shè)計中微文的使用技巧
網(wǎng)站路徑：http://www.bm7419.com/news36/53536.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、手機網(wǎng)站建設(shè)、品牌網(wǎng)站制作、域名注冊

廣告

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