旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 熱門(mén)文章 > UI設(shè)計(jì) > 提升界面的八種排版小技巧

提升界面的八種排版小技巧

時(shí)間:2020-10-30來(lái)源:mwtacok.cn點(diǎn)擊量:作者:Gella
時(shí)間:2020-10-30點(diǎn)擊量:作者:Gella

 

  對(duì)于用戶界面(UI)設(shè)計(jì),排版是要考慮的最重要方面之一。正確的字體不僅有助于傳達(dá)品牌;它在確??勺x性,確保您的網(wǎng)站或應(yīng)用程序易于使用且易于訪問(wèn)方面也起著至關(guān)重要的作用。如果您面臨選擇正確的版式的選擇,那么好消息是,這些年來(lái),版式已經(jīng)有了很大的發(fā)展。在過(guò)去,可讀性似乎至關(guān)重要。如今,所有有關(guān)真正醒目的故事的大膽,創(chuàng)新字體。下面AAA教育胡老師給大家匯總了提升你界面的八種排版小技巧。
 

提升界面的八種排版小技巧
 

  1.襯線字體:現(xiàn)代優(yōu)雅的縮影
 

  我們傾向于使用無(wú)襯線來(lái)表現(xiàn)現(xiàn)代感和優(yōu)雅感,并且開(kāi)始看到使用大膽和高對(duì)比度襯線的徽標(biāo)和網(wǎng)站副本。盡管它們看起來(lái)很現(xiàn)代,但對(duì)襯線還是有些懷舊。他們想講一個(gè)關(guān)于產(chǎn)品的故事。本質(zhì)上,設(shè)計(jì)就是要向用戶講述一個(gè)故事,而您選擇的字體可以幫助您做到這一點(diǎn)。選擇大膽的sans-serif字體將確保您的信息清晰明了!
 

  無(wú)襯線字體的趨勢(shì)也正在朝著整潔,圓潤(rùn)的形式發(fā)展。最好通過(guò)Airbnb,Spotify和Google等徽標(biāo)來(lái)舉例說(shuō)明。圓度要求簡(jiǎn)單明了,這可以幫助建立品牌和用戶之間的信任。當(dāng)然,由于過(guò)度的無(wú)襯線襯線看起來(lái)有些幼稚,因此可能會(huì)帶來(lái)風(fēng)險(xiǎn),因此在正確的上下文中使用此字體很重要。
 

  2.質(zhì)樸的字體:手寫(xiě)的魔力
 

  一段時(shí)間以來(lái),手寫(xiě)腳本字體的使用一直在上升,成千上萬(wàn)種高度定制的字體很容易獲得。盡管手寫(xiě)腳本的流行性可能永遠(yuǎn)不會(huì)完全消失,但我們開(kāi)始在非腳本字體中看到相同級(jí)別的自定義。這種字體風(fēng)格在啤酒廠,農(nóng)場(chǎng),面包店,咖啡店,精品店和其他傳統(tǒng)行業(yè)的設(shè)計(jì)和品牌中特別流行。手寫(xiě)風(fēng)格提供了一種真實(shí)感和藝術(shù)感,并逐漸成為主流,但仍然傳達(dá)了獨(dú)特的個(gè)人感覺(jué)。
 

  3.簡(jiǎn)約的版式:最佳的可讀性
 

  無(wú)論您是想將它們用于印刷品,徽標(biāo)還是網(wǎng)站,極簡(jiǎn)字體都非常多才多藝,幾乎可以用于任何類型的設(shè)計(jì)中。最小的設(shè)計(jì)趨勢(shì)一直存在,這就是為什么極簡(jiǎn)字體在設(shè)計(jì)師中如此流行的原因。隨著移動(dòng)設(shè)備的大量使用,以及搜索引擎越來(lái)越注重網(wǎng)站的速度和可用性,用戶現(xiàn)在正在尋找易于使用的設(shè)計(jì),而沒(méi)有任何過(guò)度的效果或圖形。目前流行的極簡(jiǎn)字體示例包括Roboto,Museo Sans,Blogger Sans,Prime和Gogoia。使這些字體極簡(jiǎn)的原因是易于閱讀。具有諷刺意味的是,使某些文本保持簡(jiǎn)單會(huì)增強(qiáng)其重要性,將這些極簡(jiǎn)主義字體與全白或全黑背景配對(duì)會(huì)增加更多的吸引力。
 

  4.像素字體:2D游戲時(shí)代的時(shí)尚懷舊
 

  當(dāng)您聽(tīng)到“像素字體”一詞時(shí),可能會(huì)想到超級(jí)馬里奧兄弟或吃豆人。確實(shí),像素化字體既懷舊又時(shí)尚。像素藝術(shù)從70年代的2D計(jì)算機(jī)圖形發(fā)展到90年代,目前,像素樣式的字體正在卷土重來(lái)。這些字體既有趣又好玩,但它們的用途已遠(yuǎn)遠(yuǎn)超出了視頻游戲領(lǐng)域。我們也開(kāi)始在酒吧和食品卡車(chē)上看到Pixel字體。查看Pinterest的一些示例。盡管像素化字體并不適合所有品牌和產(chǎn)品,但是如果您想要傳達(dá)古怪有趣的基調(diào),它是理想的選擇。
 

提升界面的八種排版小技巧
 

  5. 70年代和80年代字體:受電影啟發(fā)的復(fù)古字體
 

  隨著80年代流行的Netflix節(jié)目《陌生事物》的發(fā)行,對(duì)70年代和80年代后期排版的懷舊感得到了真正的開(kāi)啟。這種復(fù)古的趨勢(shì)比長(zhǎng)長(zhǎng)的頭發(fā)和緊身的藍(lán)色牛仔褲(看起來(lái)像直接從Nightrider中拉出)更進(jìn)一步。過(guò)去幾年里,字詞間隔很大,我們看到了一種趨勢(shì)?,F(xiàn)在,已經(jīng)穩(wěn)定地接受了定義該十年風(fēng)格的“緊縮字眼”。設(shè)計(jì)師甚至可以使用類似《星球大戰(zhàn)》徽標(biāo)的外觀將單詞緊密地連接在一起,這是80年代的另一部電影!
 

  6.動(dòng)感(移動(dòng))字體:排版和動(dòng)畫(huà)結(jié)合的力量
 

  隨著5G網(wǎng)絡(luò)速度的開(kāi)始,運(yùn)動(dòng)設(shè)計(jì)變得越來(lái)越現(xiàn)實(shí),結(jié)果,移動(dòng)文本或字體最終將成為常態(tài)。動(dòng)態(tài)排版只是說(shuō)“移動(dòng)類型”的一種很酷的方式。它結(jié)合了老式字體和視頻和動(dòng)畫(huà)的功能,以創(chuàng)建引人注目的令人難忘的設(shè)計(jì)。與標(biāo)準(zhǔn)字體或字體不同,使用動(dòng)力學(xué)字體的設(shè)計(jì)師除了常規(guī)的考慮因素(如對(duì)齊方式,粗細(xì)和層次結(jié)構(gòu))外,還必須考慮樣式,效果和時(shí)間安排。我們看到這種字體主要出現(xiàn)在視頻游戲行業(yè)中,在這種行業(yè)中,設(shè)計(jì)師同時(shí)承擔(dān)著通過(guò)創(chuàng)建動(dòng)態(tài)字體來(lái)發(fā)揮想象力的責(zé)任,并為此承擔(dān)了責(zé)任。
 

  7.彩色字體:?jiǎn)紊母竽?br />  

  從歷史上看,字體傳統(tǒng)上嚴(yán)格來(lái)說(shuō)是單色的(黑色或白色,或僅一種色調(diào)),因?yàn)樗鼈兣c打印過(guò)程密切相關(guān)。但是隨著屏幕上而不是印刷頁(yè)面上出現(xiàn)更多的版式,設(shè)計(jì)人員開(kāi)始探索彩色字體的可能性及其創(chuàng)造令人興奮的設(shè)計(jì)的潛力。UX用戶體驗(yàn)設(shè)計(jì)和UI用戶界面設(shè)計(jì)的目的是使產(chǎn)品和體驗(yàn)更具包容性。充滿活力且非傳統(tǒng)的配色方案鼓勵(lì)設(shè)計(jì)師在思考自己要為用戶描繪的語(yǔ)音和語(yǔ)調(diào)時(shí)跳脫思維。公司不再受制于將專業(yè)性與簡(jiǎn)單的布局等同起來(lái);如今,品牌想要引起用戶某種情感反應(yīng)的情況越來(lái)越普遍。加上一些藍(lán)色可能會(huì)給人一種鎮(zhèn)定的感覺(jué),或有緊迫感。
 

  8.對(duì)比:高影響力的排版帶來(lái)持久的印象
 

  恰到好處的對(duì)比度可以帶來(lái)視覺(jué)上有益的設(shè)計(jì)。有一些流行的印刷選項(xiàng),可幫助設(shè)計(jì)師充分利用這種風(fēng)格。您可以將兩種樣式混合在一起以獲得令人愉悅的高對(duì)比度外觀。例如:大型,超大,超重的粗體字體是當(dāng)前流行的吸引人的字體,將它們與精致的,極簡(jiǎn)的無(wú)襯線字體結(jié)合在一起可產(chǎn)生精美而平衡的效果。對(duì)比原理也可以用于其他設(shè)計(jì)領(lǐng)域,例如顏色。對(duì)比印刷術(shù)的優(yōu)點(diǎn)在于,幾乎可以將各種樣式配對(duì)使用,從而為表達(dá)自己的個(gè)人風(fēng)格留出了足夠的空間。

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ mwtacok.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖