您好!歡迎進入廣東華商網絡科技有限公司

東莞做網站

聯系我們Contact Us

售后服務:400 0769 366    

人事電話:0769-89818898

郵    箱:dgce@dgce.com.cn

網    址:www.elicitherb.com

地    址:東莞市南城街道宏一路G1蜂匯1棟寫字樓803、804

東莞網站設計中微文的使用技巧

2019-11-07

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

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

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

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

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

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

  2、構成作風

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

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

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

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

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

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

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

  4、展示空間

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

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

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

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

  還有一點你需求記?。耗悴槐厮奶庍\用小文本。把它當作一種特別的藝術元素,就像在Moonfarmer的主頁上運用的小文本相同,然后在整個規(guī)劃的其他部分將相同的字體增加到更常見的尺度。

  5、當文本不是最重要的元素時

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

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

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

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

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

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

  總結

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

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


標簽

近期瀏覽:

熱門搜索:東莞網站建設東莞做網站東莞建網站

華商網絡專業(yè)為企業(yè)提供基礎互聯網建設服務:網站建設,網站制作,網站設計,微官網設計制作,小程序開發(fā)等等,您的選擇是我們奮力向前的最好動力!

版權所有:廣東華商網絡科技有限公司 備案號: 粵ICP備13071417號

獲取同行網站建設方案,10秒填寫,急速獲得

今日已有165人獲取方案

在線客服
服務熱線
400 0769 366
15217380701

業(yè)務咨詢微信
返回頂部