資(zī)訊

精準傳達 • 有效溝通

從品牌網站建設到網絡營銷策劃,從策略到執行的一(yī)站式服務

微文本在網頁設計中(zhōng)的運用技巧

來源:山东亚青网络科技有限公司 | 2020.07.13

目前,濟南(nán)網站設計的趨勢之一(yī)就是對網站所承載的内容進行簡化和小(xiǎo)型化。微小(xiǎo)化的文本元素已成爲一(yī)種流行趨勢。然而,這種設計趨勢在設計界也引起了一(yī)些争議。


毫無疑問,小(xiǎo)文本會在大(dà)小(xiǎo)和大(dà)小(xiǎo)上造成一(yī)些可讀性問題。但如果你仔細而恰當地做,小(xiǎo)文本塊實際上可以幫助你創建視覺焦點和重心,并将用戶吸引到設計的特定部分(fēn)。


微文本在網頁設計中(zhōng)的運用技巧


接下(xià)來,請記住,讓我(wǒ)們看看這個小(xiǎo)文本趨勢應該如何實現,以及它将如何幫助您獲得一(yī)些設計靈感。


1創建層次結構和組織感


雖然超大(dà)文本的使用已經爲設計領域奠定了基礎,但它已經成爲主頁和标題設計的主要選擇。但在保證視覺的基礎上,人們傾向于在浏覽器或桌面的第一(yī)個屏幕上提供盡可能多的信息(原因之一(yī)可能是設備尺寸和分(fēn)辨率的不斷提高給了設計師更多的設計空間)。


這就是微小(xiǎo)化中(zhōng)出現“橫空出世”的原因。字體(tǐ)大(dà)小(xiǎo)和比例的差異使排版具有明顯的視覺流動動态性。通過使用一(yī)個非常小(xiǎo)的文本層(通常是14到16個點大(dà)小(xiǎo)),您可以創建一(yī)個額外(wài)的焦點供用戶關注。小(xiǎo)文本,尤其是與其他較大(dà)的文本一(yī)起使用時,可以吸引用戶,因爲它們不同,從而形成視覺對比。


Maximum bonhome在其網站設計中(zhōng)使用了小(xiǎo)文本。如您所見,較小(xiǎo)的文本元素提供了有關項目的關鍵細節,而較大(dà)的文本元素提供了對工(gōng)作的描述。你需要觀察并注意如何


這些小(xiǎo)文本元素周圍有很多空間和内容。


2窗體(tǐ)樣式


有時候,小(xiǎo)短信是爲了引起你的注意或者讓你想再看一(yī)眼。


因爲它的外(wài)觀往往出乎意料或與用戶在其他網站上看到的不同,所以設計元素可以立刻吸引用戶。


Mountain Dew,一(yī)個從不害怕引領時尚的品牌,在其網站設計中(zhōng)使用了一(yī)個超小(xiǎo)的标題,但它可以讓你一(yī)下(xià)子注意到它。标題與X的頂點完美契合,創造了一(yī)種獨特的閱讀模式。即使是在交互設計方面,他們也盡量縮小(xiǎo)規模,這不會讓用戶感到不舒服,因爲這是有意爲之。


三。創建有吸引力的導航


雖然目前主流和很多網站的設計都取消了主頁的導航功能,但實際上隻是改變了導航的呈現方式,用漢堡包/隐藏式菜單導航取代了導航,使用小(xiǎo)文本可以讓一(yī)些元素回歸到屏幕上,而不會打擾人。這是一(yī)個設計模式的過程,從一(yī)從一(yī)個極端到另一(yī)個極端。


在一(yī)個小(xiǎo)的商(shāng)業網站上,點擊導航确實是很難的,因爲要在網頁上使用大(dà)的文本是很難理解的。使用簡單的字體(tǐ)也很重要,因爲小(xiǎo)字體(tǐ)對眼睛來說有點難以适應。


拉普蘭的魔力似乎找到了一(yī)個很好的解決方案來解決在主菜單欄中(zhōng)使用小(xiǎo)文本的問題。在他的網頁設計的主導航中(zhōng),你可以看到每個元素都有足夠的間距,有些甚至是兩倍的間距,白(bái)色無襯線字體(tǐ)有助于在黑暗的背景下(xià)閱讀。


4展覽空間


當頁面的視覺空間很大(dà)時,小(xiǎo)文本最有效。小(xiǎo)元素和大(dà)空間之間的對比總能産生(shēng)驚人的效果。然而


不推薦大(dà)量的小(xiǎo)文本,因爲它們不善于閱讀,所以要保持文本元素的簡潔。


微文本的使用應該有一(yī)個特别的目的,當你第一(yī)次打算這樣做的時候。在使用這種設計趨勢之前,你需要扪心自問:爲什麽我(wǒ)要在這裏使用小(xiǎo)文本?它對我(wǒ)的網站設計有什麽貢獻或意義?


如果你對這些問題沒有一(yī)個确切的答案(當然,因爲我(wǒ)樂意不算在内),那麽你應該考慮其他問題,直到你确定它正是你需要的。


月亮農場主給了一(yī)個美麗的演示如何微小(xiǎo)的單詞适合太空。網頁設計使用兩個層次的排版和大(dà)量開(kāi)放(fàng)的視覺塊來創造一(yī)種情感,并在用戶點擊或滾動之前将内容介紹給他們。小(xiǎo)文本隻是設計的許多細節中(zhōng)的一(yī)個,您想停下(xià)來看看。元素之間有很多對比,所以你不必太擔心可讀性。


還有一(yī)件事你需要記住:你不必到處使用小(xiǎo)文本。把它看作是一(yī)種特殊的藝術元素,比如月亮農場主主頁上使用的小(xiǎo)文字,然後将同樣的字體(tǐ)添加到一(yī)個更常見的大(dà)小(xiǎo),以供其餘設計使用。


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


有時,最重要的顯示元素不是文本,它可能是視覺元素的次要元素。


Freedom TV是一(yī)個很好的例子,說明如何使用腳本幫助用戶,同時允許另一(yī)個元素成爲設計的主要部分(fēn)。對于這個項目,視頻(pín)是最重要的元素,您也可以看到它,而小(xiǎo)文本作爲另一(yī)個元素可以提供額外(wài)的信息,并鼓勵用戶訂閱或注冊,無論它出現在主頁的什麽位置。


6創建可視元素


文本元素的主要作用是閱讀,這是符合的


十八年 建站經驗

多一(yī)份參考,總有益處

聯系客服,免費(fèi)獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下(xià)方式與我(wǒ)們聯系

業務熱線:400-606-8008 / 大(dà)客戶專線 濟南(nán):15589999555