網頁設計中微文有哪些使用技巧

網頁設計中微文有哪些使用技巧1、創建層次結構和組織感

盡管超大型文本隨著使用已經在設計領域打下一定的基礎，成為主頁和標題設計的主要選項。但是目前有一種趨勢——在瀏覽器或桌面的個屏上盡可能在保證視覺的基礎上提供更多的信息(原因之一可能是設備尺寸和分辨率的不斷增加，給設計師更多的設計空間)。

這也就是“微小化”文本“橫空出世”的原因。字體的大小和比例的不同，使得排版有明顯的視覺流動感。通過使用一層很小的文本(通常使用14到16點的尺寸大小)，你可以創建一個額外的焦點讓用戶聚焦。小文本，特別是與其他較大文本一起使用時，可以吸引用戶，因為它們是不同的，這在視覺上就形成了對比。

Maxime Bonhomme在其網站設計中使用了小文本。你可以看到，微小化的文本元素提供了關于項目的關鍵細節，而更大的文本則負責提供工作的描述。你需要觀察和注意這些周圍有大量空間和內容的微小文本元素是如何工作的。

網頁設計中微文有哪些使用技巧2、形成風格

有時候，微小化文本信息的設計目的是為了引起你的注意或者讓你忍不住想看第二眼。

因為它的出現經常是出乎意料的，或者不同于用戶在其他網站上看到的，所以設計元素可以一下子就吸引用戶。

Mountain Dew，一個永遠不懼于引領時尚的品牌，在它的網站設計上使用了一個超級小的標題，不過，它確實能夠讓你一下子注意到它。這個標題完全和X的頂點契合，創造出一種獨特的閱讀模式。即使是對交互動作的設計他們也盡量做到微小，它不會讓用戶感到不舒服，因為它感覺是故意的。

網頁設計中微文有哪些使用技巧3、創建吸引人的導航

雖然現在的主流并且很多網站設計都取消了主頁的導航功能，但實際上它們只是變更了導航的表現形式，將他們替換為漢堡/隱藏的樣式菜單導航，使用小文本可以讓一些元素回到屏幕上，而不讓人覺得受到打擾。它是設計模式中的一個流程，從一個極端到下一個極端。

確實，在網頁設計的導航中使用小文本是一件很棘手的事情，因為它需要足夠大，以便可以被輕松閱讀和點擊。使用簡單的字體也是非常重要的，因為小文本對眼睛的適應來說可能有點困難。

Magic of Lapland貌似對在主菜單欄中使用微小文本這個問題找到了一個很好的解決方案。在他的網頁設計的主導航中，你可以看到每個元素都有足夠的間距，有些甚至使用雙倍間距，并且在黑暗背景下，白色無襯線字體有助于可讀性。

網頁設計中微文有哪些使用技巧4、展示空間

當頁面的視覺空間很大時，微小文本有效。小元素和廣闊空間之間的反差是總是可以產生驚人的效果。不過，大量的小文本就不建議使用了，因為它們總歸在閱讀上并不是很好，所以要保持文本元素的簡潔。

微小文本的使用在初你打算這么做的時候就應該在你的思維中有一個特殊的目的性。在使用這個設計趨勢之前，你需要問問你自己:為什么我要在這里使用小文本呢?它對我的網站設計將有什么貢獻或者意義呢?

如果你對這些問題沒有可靠的答案(當然“因為我樂意”不能算答案)，那么你應該考慮其他的問題，知道你確定它確實是你需要的。

Moonfarmer做了一個漂亮的示范，它向我們展示了微小的文字應該如何和空間搭配。該網頁設計使用了兩種級別的排版和大量的開闊的視覺塊來建立一種情緒，并在用戶點擊或滾動之前向他們介紹內容。小小的文字只是設計的眾多細節之一，讓你想停下來看看。元素之間有很大的對比，所以對于可讀性你可以不用有太多的顧慮。

還有一點你需要記住：你不必到處使用小文本。把它當作一種特殊的藝術元素，就像在Moonfarmer的主頁上使用的小文本一樣，然后在整個設計的其余部分將相同的字體增加到更常見的尺寸。

網頁設計中微文有哪些使用技巧5、當文本不是重要的元素時

有時，需要展示的重要的元素并不是文本，文本在視覺元素中可能只是次要的。

Freelance TV是一個很好的例子，說明如何使用小文本來幫助用戶，同時允許另一個元素作為設計的主要部分。對于這個項目，視頻是重要的元素，你一樣就可以看出來，而小文本作為另一個元素，可以提供額外的信息，并鼓勵用戶進行訂閱或者注冊，不管它在主頁上的什么位置出現。

網頁設計中微文有哪些使用技巧6、創建一個可視元素

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

但有時候，將文本元素作為視覺元素的一部分，是否被閱讀的重要性就不那么重要了(這需要前期的計劃和大量的討論，所以不要在你突發奇的時候就草率的使用這項技巧)。

HTML Burger的網站設計中使用了一系列的小文本圖層，將小文本用作描述大標題的視覺部分。在每個“Burger”包裝上都使用了小的文字，以創造出更酷的視覺元素。這是一個你可能不太常見的設計技巧和思路，在這種情況下，它是有影響力的(但這種技術很難實現;要小心行事)。

      注：尊重原創文章,轉載請注明出處和鏈接 http://www.dedgn.cn/news-id-60918.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注網頁制作頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050