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

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

時間:2020-10-30來源:lb577.com點(diǎn)擊量:作者:Gella
時間:2020-10-30點(diǎn)擊量:作者:Gella

 

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

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

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

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

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

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

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

  3.簡約的版式:最佳的可讀性
 

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

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

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

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

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

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

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

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

  7.彩色字體:單色的更大膽
 

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

  8.對比:高影響力的排版帶來持久的印象
 

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

預(yù)約申請免費(fèi)試聽課

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

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

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

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

網(wǎng)站地圖