資訊

精(jīng)準傳達 • 有(yǒu)效溝通

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

微文(wén)本在網頁(yè)設計中(zhōng)的運用(yòng)技(jì )巧

來源:中(zhōng)聯星空網絡科(kē)技(jì )有(yǒu)限公(gōng)司 | 2020.07.13

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


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


微文(wén)本在網頁(yè)設計中(zhōng)的運用(yòng)技(jì )巧


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


1創建層次結構和組織感


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


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


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


這些小(xiǎo)文(wén)本元素周圍有(yǒu)很(hěn)多(duō)空間和内容。


2窗體(tǐ)樣式


有(yǒu)時候,小(xiǎo)短信是為(wèi)了引起你的注意或者讓你想再看一眼。


因為(wèi)它的外觀往往出乎意料或與用(yòng)戶在其他(tā)網站上看到的不同,所以設計元素可(kě)以立刻吸引用(yòng)戶。


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


三。創建有(yǒu)吸引力的導航


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


在一個小(xiǎo)的商(shāng)業網站上,點擊導航确實是很(hěn)難的,因為(wèi)要在網頁(yè)上使用(yòng)大的文(wén)本是很(hěn)難理(lǐ)解的。使用(yòng)簡單的字體(tǐ)也很(hěn)重要,因為(wèi)小(xiǎo)字體(tǐ)對眼睛來說有(yǒu)點難以适應。


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


4展覽空間


當頁(yè)面的視覺空間很(hěn)大時,小(xiǎo)文(wén)本最有(yǒu)效。小(xiǎo)元素和大空間之間的對比總能(néng)産(chǎn)生驚人的效果。然而


不推薦大量的小(xiǎo)文(wén)本,因為(wèi)它們不善于閱讀,所以要保持文(wén)本元素的簡潔。


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


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


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


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


5當文(wén)本不是最重要的元素時


有(yǒu)時,最重要的顯示元素不是文(wén)本,它可(kě)能(néng)是視覺元素的次要元素。


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


6創建可(kě)視元素


文(wén)本元素的主要作(zuò)用(yòng)是閱讀,這是符合的


十九年 建站經驗

多(duō)一份參考,總有(yǒu)益處

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

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

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