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