技術(shù)和設(shè)計(jì)趨勢(shì)一樣,隨著時(shí)間的推移總在不停地變化。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師和前端而言,字體和排版所涉及到的技術(shù)和設(shè)計(jì)尤其是如此。不過(guò)縱觀這幾年,網(wǎng)頁(yè)字體和排版在大方向上并沒(méi)有明顯變化,結(jié)合當(dāng)前主流產(chǎn)品和設(shè)計(jì),并不難確定2017年內(nèi),我們需要關(guān)注的這些字體和排版趨勢(shì)。
定制:品牌化的字體
Bookerly, San Francisco, Product Sans 這些帶著明顯品牌烙印的英文字體,想必設(shè)計(jì)師們并不陌生,而新晉中文字體蘋方,和最近火爆無(wú)比的思源系列新字體,思源宋體,無(wú)一例外,都在向我們傳遞一個(gè)明確的信息:品牌化字體的大時(shí)代來(lái)臨了。
Bookerly 字體是亞馬遜官方聯(lián)合 Dalton Magg 為Kindle 系列產(chǎn)品所專門定制的字體。設(shè)計(jì)巨頭蘋果就更不必說(shuō),San Francisco 為蘋果產(chǎn)品專用英文字體,覆蓋了macOS、iOS、watchOS 和 tvOS 四個(gè)核心平臺(tái),官方還未中文用戶專門定制了蘋方字體,從文字層面上徹底完成了品牌化。當(dāng)然,定制化的字體不僅僅是大企業(yè)的專利,在前不久美國(guó)總統(tǒng)競(jìng)選中落選的希拉里克林頓,還有專門的字體用來(lái)對(duì)抗大選期間流行的川普專用手寫字體……
通過(guò) Prototypo 和 FontArk 這樣的工具,自定義英文字體絕對(duì)是一件便捷又快速的事情。自定義字體和創(chuàng)意字體本質(zhì)上是一致的:它們都旨在強(qiáng)化品牌的識(shí)別度。
響應(yīng):完美適配所有設(shè)備
如今每天都有新的產(chǎn)品,新的數(shù)字設(shè)備誕生,我們對(duì)于可以適應(yīng)各種屏幕顯示的字體,依然有著極大的需求。在桌面端上顯示的超大字體能夠帶來(lái)視覺(jué)沖擊力和戲劇性的效果,但是直接沿用到移動(dòng)端,可能效果并不理想,會(huì)讓信息的流動(dòng)性變差,無(wú)法流暢地瀏覽。而這也是響應(yīng)式設(shè)計(jì)所要解決的主要問(wèn)題,字體應(yīng)該能夠根據(jù)各種不同的設(shè)備的使用場(chǎng)景進(jìn)行適配。在響應(yīng)式排版當(dāng)中,字體尺寸、間距和整個(gè)布局都會(huì)遵循一整套排版規(guī)則,進(jìn)行自適應(yīng)。
雖然目前設(shè)計(jì)師們依然在不斷遭遇新的問(wèn)題,但是響應(yīng)式排版的整體方案已經(jīng)比較成熟。
對(duì)比:超大和超小尺寸的字體
正如同之前所說(shuō)的,超大和超小的字體本身就能帶來(lái)戲劇化的體驗(yàn),通過(guò)尺寸上的對(duì)比,來(lái)營(yíng)造獨(dú)特的視覺(jué)奇觀,影響訪客的主觀體驗(yàn)。超大字體毫無(wú)疑問(wèn)是引人矚目的,它能夠?qū)⑿畔⒁曈X(jué)化的呈現(xiàn)出來(lái)。
另一方面,超小的字體在多用在極簡(jiǎn)主義的網(wǎng)頁(yè)上,它常常同首圖搭配在一起,和超大字體不同的是,超小的文本內(nèi)容常常是用來(lái)凸顯圖片內(nèi)容的,它通過(guò)對(duì)比將視覺(jué)焦點(diǎn)轉(zhuǎn)移到圖片上,所發(fā)揮的作用和負(fù)空間有異曲同工之妙。
超大和超小的字體,本身能發(fā)揮作用主要是因?yàn)樗鼈兯鶐?lái)的視覺(jué)落差,尺寸適中的文本相反沒(méi)有這樣的效果。當(dāng)然,具體如何使用取決于你的品牌定位,以及你所要用的頁(yè)面和場(chǎng)合。
性格:增加個(gè)性化的色彩
最深刻的藝術(shù),要么是傳達(dá)思想,要么發(fā)人深省。在字體和排版當(dāng)中,最藝術(shù)化的,應(yīng)該是使用獨(dú)特而創(chuàng)新的字體來(lái)進(jìn)行品牌設(shè)計(jì)與傳達(dá)。實(shí)際上,今年我們已經(jīng)看到越來(lái)越多的個(gè)性化字體設(shè)計(jì)用來(lái)強(qiáng)化品牌的設(shè)計(jì)案例了。而最值得關(guān)注也是最流行的,大概是水彩和漸變的色彩為字體注入性格的設(shè)計(jì)手法了。
手寫字體也是一個(gè)明顯的趨勢(shì),它們給品牌所賦予的個(gè)性更為明顯和突出。不過(guò),值得注意的是,有的字體確實(shí)是手寫或者手繪的,而有的字體只是模擬這種筆觸。
復(fù)古字體則是另外一個(gè)流行趨勢(shì),正如同我們常說(shuō)的,復(fù)古一直在流行。復(fù)古的字體常常能夠給人以精致和品質(zhì)感。
可變:排版的未來(lái)
微軟、谷歌、蘋果和Adobe 在2016年9月聯(lián)合發(fā)布了 OpenType 可變字體項(xiàng)目,這一項(xiàng)目讓字體能夠更好地適配響應(yīng)式排版布局,讓單個(gè)字體文件能夠容納更多不同樣式的字體和布局,OpenType 字體文件規(guī)范讓設(shè)計(jì)師能夠?qū)⒉煌叨?、不同字重、不同間距的不同類型的字體,有機(jī)的整合到一個(gè)字體文件中,并且靈活地運(yùn)用到排版中去。
幾何:令人著迷的圖形
我們的生活中充滿了各式各樣的幾何圖形,幾何圖形本身也是字體設(shè)計(jì)的靈感來(lái)源之一。纖細(xì)的線條,棱角分明的形狀,或者是圓潤(rùn)的邊角,充滿幾何元素質(zhì)感的設(shè)計(jì)讓字體顯得優(yōu)雅而流暢,充滿現(xiàn)代感。
在過(guò)去的一年當(dāng)中,越來(lái)越多的字體設(shè)計(jì)中開始出現(xiàn)幾何元素,不少企業(yè)和機(jī)構(gòu)將幾何字體和元素引入自家品牌,用以強(qiáng)化品牌所傳達(dá)的信任感。
疊加:圖片和文本的結(jié)合
圖片和文本是網(wǎng)也設(shè)計(jì)中最常見的兩個(gè)元素,兩者常常相互配合,呈現(xiàn)信息。圖文混排的設(shè)計(jì)由來(lái)已久,但是近幾年來(lái),設(shè)計(jì)師們尤其喜歡圖片和文本相互疊加的設(shè)計(jì),為了確保文本而和圖片的呈現(xiàn)效果,兩者要保持較好的對(duì)比度,文本不能影響圖片的焦點(diǎn),而圖片也最好不要影響文本的識(shí)別。圖片和文本兩者的結(jié)合讓內(nèi)容擁有了層次,兩者的結(jié)合應(yīng)該是信息的強(qiáng)化,實(shí)際效果不應(yīng)該混淆用戶的視聽。
混搭:不同字體的組合
一般而言,襯線體和襯線體的組合能夠讓排版看起來(lái)更加一致,但是襯線體、非襯線體甚至手寫字體的有機(jī)組合,有的時(shí)候同樣能創(chuàng)造一定的協(xié)調(diào)感。這種視覺(jué)設(shè)計(jì)的趨勢(shì)非常的明顯,字體的組合搭配結(jié)合具有現(xiàn)代風(fēng)格的紋理/圖案,常常能讓整個(gè)設(shè)計(jì)更加摩登和豐滿。
結(jié)語(yǔ)
網(wǎng)頁(yè)設(shè)計(jì)中,圖片的使用總是不可避免,但是字體和排版用好了常常能夠化腐朽為神奇。今天所談及的不少設(shè)計(jì)趨勢(shì),已經(jīng)悄然出現(xiàn)在設(shè)計(jì)圈的各個(gè)角落,但是發(fā)覺(jué)和了解終究還是有差別的,了解它們,運(yùn)用它們,才能讓趨勢(shì)掌握在自己手中。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
當(dāng)前標(biāo)題:流行的這些字體排版趨勢(shì),你都知道嘛?
網(wǎng)頁(yè)地址:http://jinyejixie.com/news49/309799.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、企業(yè)網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)、定制開發(fā)、外貿(mào)建站、虛擬主機(jī)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)