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