2016-10-28 分類: 網(wǎng)站建設(shè)
毫無疑問,小文本在巨細(xì)和尺度上或許會(huì)招致一些可讀性問題。但假如你用心并處置得當(dāng)?shù)脑挘∥谋緟^(qū)塊實(shí)踐上可以幫忙你創(chuàng)建一個(gè)視覺焦點(diǎn)和重心,并將用戶吸收到規(guī)劃的特定部分。
接下來,跟上思維,讓咱們來看看這個(gè)細(xì)小的文本趨向應(yīng)該怎么完結(jié)以及它將怎么發(fā)揮作用,以幫忙你獲得一些規(guī)劃靈感。
1、創(chuàng)建層次構(gòu)造和安排感
雖然超大型文本跟著運(yùn)用曾經(jīng)在規(guī)劃領(lǐng)域打下一定的基礎(chǔ),成為主頁(yè)和標(biāo)題規(guī)劃的首要選項(xiàng)。但是現(xiàn)在有一種趨向——在閱覽器或桌面的一個(gè)屏上盡或許在保證視覺的基礎(chǔ)上供給更多的信息(緣由之一或許是設(shè)備尺度和分辨率的不時(shí)增加,給規(guī)劃師更多的規(guī)劃空間)。
這也就是“細(xì)小化”文本“橫空出世”的緣由。字體的巨細(xì)和比例的不同,使得排版有明顯的視覺活動(dòng)感。通過運(yùn)用一層很小的文本(一般運(yùn)用14到16點(diǎn)的尺度巨細(xì)),你可以創(chuàng)建一個(gè)額定的焦點(diǎn)讓用戶聚焦。小文本,特別是與其他較大文本一起運(yùn)用時(shí),可以吸收用戶,因?yàn)樗鼈兪遣煌?,這在視覺上就構(gòu)成了對(duì)比。
Maxime Bonhomme在其網(wǎng)站規(guī)劃中運(yùn)用了小文本。你可以看到,細(xì)小化的文本元素供給了關(guān)于項(xiàng)意圖要害細(xì)節(jié),而更大的文本則擔(dān)任供給工作的描繪。你需求察看和留意這些四周有許多空間和內(nèi)容的細(xì)小文本元素是怎么工作的。
2、構(gòu)成作風(fēng)
有時(shí)分,細(xì)小化文本信息的規(guī)劃意圖是為了惹起你的留意或許讓你不由得想看第二眼。
因?yàn)樗某霈F(xiàn)經(jīng)常是出人意料的,或許不同于用戶在其他網(wǎng)站上看到的,所以規(guī)劃元素可以一會(huì)兒就吸收用戶。
Mountain Dew,一個(gè)永遠(yuǎn)不懼于引領(lǐng)時(shí)尚的品牌,在它的網(wǎng)站規(guī)劃上運(yùn)用了一個(gè)超級(jí)小的標(biāo)題,不過,它確實(shí)可以讓你一會(huì)兒留意到它。這個(gè)標(biāo)題完好和X的頂點(diǎn)符合,創(chuàng)造出一種一起的閱覽方式。即便是對(duì)交互動(dòng)作的規(guī)劃他們也盡量做到細(xì)小,它不會(huì)讓用戶感到不舒適,因?yàn)樗X得是故意的。
3、創(chuàng)建吸收人的導(dǎo)航
當(dāng)然如今的干流而且許多網(wǎng)站規(guī)劃都取消了主頁(yè)的導(dǎo)航功用,但實(shí)踐上它們僅僅變卦了導(dǎo)航的表現(xiàn)方式,將他們交換為漢堡/躲藏的款式菜單導(dǎo)航,運(yùn)用小文本可以讓一些元素回到屏幕上,而不讓人覺得遭到打攪。它是規(guī)劃方式中的一個(gè)流程,從一個(gè)極點(diǎn)到下一個(gè)極點(diǎn)。
確實(shí),在網(wǎng)頁(yè)規(guī)劃的導(dǎo)航中運(yùn)用小文本是一件很棘手的事情,因?yàn)樗枨鬂M足大,以便可以被輕松閱覽和點(diǎn)擊。運(yùn)用簡(jiǎn)略的字體也是十分重要的,因?yàn)樾∥谋緦?duì)眼睛的順應(yīng)來說或許有點(diǎn)困難。
Magic of Lapland形似對(duì)在主菜單欄中運(yùn)用細(xì)小文本這個(gè)問題找到了一個(gè)很好的處理計(jì)劃。在他的網(wǎng)頁(yè)規(guī)劃的主導(dǎo)航中,你可以看到每個(gè)元素都有滿足的距離,有些以至運(yùn)用雙倍距離,而且在漆黑布景下,白色無襯線字體有助于可讀性。
4、展示空間
當(dāng)頁(yè)面的視覺空間很大時(shí),細(xì)小文本最有效。小元素和寬廣空間之間的反差是總是可以產(chǎn)生驚人的效果。不過,許多的小文本就不建議運(yùn)用了,因?yàn)樗鼈兛傊陂営[上并不是很好,所以要堅(jiān)持文本元素的精約。
細(xì)小文本的運(yùn)用在最初你計(jì)劃這么做的時(shí)分就應(yīng)該在你的思維中有一個(gè)特別的意圖性。在運(yùn)用這個(gè)規(guī)劃趨向之前,你需求問問你本人:為什么我要在這里運(yùn)用小文本呢?它對(duì)我的網(wǎng)站規(guī)劃將有什么貢獻(xiàn)或許意義呢?
假如你對(duì)這些問題沒有可靠的答案(當(dāng)然“因?yàn)槲覙芬狻辈荒芩愦鸢?,那么你應(yīng)該思索其他的問題,知道你必定它確實(shí)是你需求的。
Moonfarmer做了一個(gè)漂亮的示范,它向咱們展示了細(xì)小的文字應(yīng)該怎么和空間調(diào)配。該網(wǎng)頁(yè)規(guī)劃運(yùn)用了兩種等級(jí)的排版和許多的開闊的視覺塊來建立一種心情,并在用戶點(diǎn)擊或翻滾之前向他們引見內(nèi)容。小小的文字僅僅規(guī)劃的很多細(xì)節(jié)之一,讓你想停下來看看。元素之間有很大的對(duì)比,所以關(guān)于可讀性你可以不必有太多的顧忌。
還有一點(diǎn)你需求記?。耗悴槐厮奶庍\(yùn)用小文本。把它當(dāng)作一種特別的藝術(shù)元素,就像在Moonfarmer的主頁(yè)上運(yùn)用的小文本相同,然后在整個(gè)規(guī)劃的其他部分將相同的字體增加到更常見的尺度。
5、當(dāng)文本不是最重要的元素時(shí)
有時(shí),需求展示的最重要的元素并不是文本,文本在視覺元素中或許僅僅次要的。
Freelance TV是一個(gè)很好的例子,說明怎么運(yùn)用小文原本幫忙用戶,一起允許另一個(gè)元素作為規(guī)劃的首要部分。關(guān)于這個(gè)項(xiàng)目,視頻是最重要的元素,你相同就可以看出來,而小文本作為另一個(gè)元素,可以供給額定的信息,并鼓動(dòng)用戶中止訂閱或許注冊(cè),不管它在主頁(yè)上的什么方位出現(xiàn)。
6、創(chuàng)建一個(gè)可視元素
文本元素的首要作用是用來閱覽的,這很符合邏輯。
但有時(shí)分,將文本元素作為視覺元素的一部分,能否被閱覽的重要性就不那么重要了(這需求前期的方案和許多的討論,所以不要在你突發(fā)奇的時(shí)分就草率的運(yùn)用這項(xiàng)技巧)。
HTML Burger的網(wǎng)站規(guī)劃中運(yùn)用了一系列的小文本圖層,將小文本用作描繪大標(biāo)題的視覺部分。在每個(gè)“Burger”包裝上都運(yùn)用了小的文字,以創(chuàng)造出更酷的視覺元素。這是一個(gè)你或許不太常見的規(guī)劃技巧和思緒,在這種狀況下,它是有影響力的(但這種技能很難完結(jié);要當(dāng)心行事)。
總結(jié)
運(yùn)用細(xì)小文本,或許不運(yùn)用,這或許是一個(gè)困難的抉擇。當(dāng)然小文本的運(yùn)用是有爭(zhēng)議的,但關(guān)于小字體的運(yùn)用還是有恰當(dāng)?shù)挠锰幍?。為了保證在你的規(guī)劃中添加有效的小文本元素,你需求給它滿足的空間,運(yùn)用一個(gè)高度可讀的字體,并運(yùn)用其他的規(guī)劃元從來對(duì)比或許提示用戶。
最終,假如你計(jì)劃運(yùn)用細(xì)小作風(fēng)的文本內(nèi)容在你的下一個(gè)規(guī)劃項(xiàng)目時(shí),當(dāng)然,這是功德,但是咱們也建議不要過多的運(yùn)用它們。這不是一個(gè)能幫忙你把更多的內(nèi)容“塞進(jìn)”你的規(guī)劃的技能,它只在最適宜的方位,賦予一個(gè)直接的意圖性才干發(fā)揮它的效果。
新聞名稱:成都網(wǎng)站設(shè)計(jì)中微文的使用技巧
網(wǎng)站路徑:http://muchs.cn/news36/53536.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、域名注冊(cè)
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容