從品牌網站建設到網絡營銷策劃,從策略到執行的一站式服務
來源:中聯星空網絡科技有限公司 | 2020.07.13
目前,濟南網站設計的趨勢之一就是對網站所承載的內容進行簡化和小型化。微小化的文本元素已成為一種流行趨勢。然而,這種設計趨勢在設計界也引起了一些爭議。
毫無疑問,小文本會在大小和大小上造成一些可讀性問題。但如果你仔細而恰當地做,小文本塊實際上可以幫助你創建視覺焦點和重心,并將用戶吸引到設計的特定部分。
微文本在網頁設計中的運用技巧
接下來,請記住,讓我們看看這個小文本趨勢應該如何實現,以及它將如何幫助您獲得一些設計靈感。
1創建層次結構和組織感
雖然超大文本的使用已經為設計領域奠定了基礎,但它已經成為主頁和標題設計的主要選擇。但在保證視覺的基礎上,人們傾向于在瀏覽器或桌面的第一個屏幕上提供盡可能多的信息(原因之一可能是設備尺寸和分辨率的不斷提高給了設計師更多的設計空間)。
這就是微小化中出現“橫空出世”的原因。字體大小和比例的差異使排版具有明顯的視覺流動動態性。通過使用一個非常小的文本層(通常是14到16個點大?。?,您可以創建一個額外的焦點供用戶關注。小文本,尤其是與其他較大的文本一起使用時,可以吸引用戶,因為它們不同,從而形成視覺對比。
Maximum bonhome在其網站設計中使用了小文本。如您所見,較小的文本元素提供了有關項目的關鍵細節,而較大的文本元素提供了對工作的描述。你需要觀察并注意如何
這些小文本元素周圍有很多空間和內容。
2窗體樣式
有時候,小短信是為了引起你的注意或者讓你想再看一眼。
因為它的外觀往往出乎意料或與用戶在其他網站上看到的不同,所以設計元素可以立刻吸引用戶。
Mountain Dew,一個從不害怕引領時尚的品牌,在其網站設計中使用了一個超小的標題,但它可以讓你一下子注意到它。標題與X的頂點完美契合,創造了一種獨特的閱讀模式。即使是在交互設計方面,他們也盡量縮小規模,這不會讓用戶感到不舒服,因為這是有意為之。
三。創建有吸引力的導航
雖然目前主流和很多網站的設計都取消了主頁的導航功能,但實際上只是改變了導航的呈現方式,用漢堡包/隱藏式菜單導航取代了導航,使用小文本可以讓一些元素回歸到屏幕上,而不會打擾人。這是一個設計模式的過程,從一從一個極端到另一個極端。
在一個小的商業網站上,點擊導航確實是很難的,因為要在網頁上使用大的文本是很難理解的。使用簡單的字體也很重要,因為小字體對眼睛來說有點難以適應。
拉普蘭的魔力似乎找到了一個很好的解決方案來解決在主菜單欄中使用小文本的問題。在他的網頁設計的主導航中,你可以看到每個元素都有足夠的間距,有些甚至是兩倍的間距,白色無襯線字體有助于在黑暗的背景下閱讀。
4展覽空間
當頁面的視覺空間很大時,小文本最有效。小元素和大空間之間的對比總能產生驚人的效果。然而
不推薦大量的小文本,因為它們不善于閱讀,所以要保持文本元素的簡潔。
微文本的使用應該有一個特別的目的,當你第一次打算這樣做的時候。在使用這種設計趨勢之前,你需要捫心自問:為什么我要在這里使用小文本?它對我的網站設計有什么貢獻或意義?
如果你對這些問題沒有一個確切的答案(當然,因為我樂意不算在內),那么你應該考慮其他問題,直到你確定它正是你需要的。
月亮農場主給了一個美麗的演示如何微小的單詞適合太空。網頁設計使用兩個層次的排版和大量開放的視覺塊來創造一種情感,并在用戶點擊或滾動之前將內容介紹給他們。小文本只是設計的許多細節中的一個,您想停下來看看。元素之間有很多對比,所以你不必太擔心可讀性。
還有一件事你需要記?。耗悴槐氐教幨褂眯∥谋?。把它看作是一種特殊的藝術元素,比如月亮農場主主頁上使用的小文字,然后將同樣的字體添加到一個更常見的大小,以供其余設計使用。
5當文本不是最重要的元素時
有時,最重要的顯示元素不是文本,它可能是視覺元素的次要元素。
Freedom TV是一個很好的例子,說明如何使用腳本幫助用戶,同時允許另一個元素成為設計的主要部分。對于這個項目,視頻是最重要的元素,您也可以看到它,而小文本作為另一個元素可以提供額外的信息,并鼓勵用戶訂閱或注冊,無論它出現在主頁的什么位置。
6創建可視元素
文本元素的主要作用是閱讀,這是符合的