南通颐猩文化传播有限公司

當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  網(wǎng)站運(yùn)營(yíng) >  正文

2017年響應(yīng)式網(wǎng)站設(shè)計(jì)中字體排版的新趨勢(shì)

 2017-12-07 16:14  來(lái)源: A5企業(yè)專欄   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

隨著時(shí)間的不斷推移和設(shè)計(jì)師的不斷努力,新的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)和趨勢(shì)層出不窮,字體排版領(lǐng)域也是如此。字體排版的重要性我們前面在《巧妙利用布局和排版迅速提升網(wǎng)站顏值》中已有提及,它在維持網(wǎng)站的協(xié)調(diào)一致、增強(qiáng)內(nèi)容的可讀性和易用性、提高網(wǎng)站的用好友好等方面扮演著重要的角色。新的技術(shù)和設(shè)計(jì)趨勢(shì)往往是新時(shí)代、新環(huán)境、新需求下的產(chǎn)物,它能給人帶來(lái)新的靈感,有助于更優(yōu)秀的網(wǎng)站設(shè)計(jì)的衍生,那么字體排版領(lǐng)域最新出現(xiàn)了哪些設(shè)計(jì)趨勢(shì)呢?接下來(lái)就和小飛一起看看吧!

響應(yīng)式:完美適配所有設(shè)備

響應(yīng)式這個(gè)概念已經(jīng)是老生常談了。但由于現(xiàn)在的電子產(chǎn)品更新?lián)Q代很快,新的設(shè)備遍地開花,我們對(duì)于可以靈活適應(yīng)多種屏幕的字體仍有很大的需求。確實(shí),在PC端超大字體的顯示能夠帶來(lái)視覺(jué)上的沖擊力,但如果這樣大的字體直接沿用到移動(dòng)端,局勢(shì)可就沒(méi)有這么樂(lè)觀了,它會(huì)妨礙用戶正常的瀏覽體驗(yàn)。而這正是響應(yīng)式設(shè)計(jì)所要解決的問(wèn)題,讓字體應(yīng)該能夠根據(jù)各種不同的設(shè)備的使用場(chǎng)景進(jìn)行適配,讓字體間距和布局都能夠做到自適應(yīng)。好消息是雖然目前設(shè)計(jì)師們?cè)O(shè)計(jì)過(guò)程中仍會(huì)遇到新的問(wèn)題,但響應(yīng)式字體排版的整體方案已經(jīng)比較成熟了。

定制化:特定品牌的字體

Bookerly, San Francisco, Product Sans 這些帶著品牌烙印的英文字體,想必設(shè)計(jì)師們并不陌生。而新晉中文字體蘋方,和最近火熱的思源系列新字體都在向大家傳遞一個(gè)信息:品牌化字體的大時(shí)代來(lái)臨了。Bookerly 字體是電商巨頭亞馬遜聯(lián)合 Dalton Magg 為Kindle 系列產(chǎn)品專門定制的一種襯線字體。Apple公司緊隨其后,推出蘋果專用英文字體 San Francisco,支持MacOS、iOS、WatchOS 和 TvOS四種系統(tǒng),還為中文用戶專門定制了蘋方字體。這些定制化的字體并不僅僅是科技行業(yè)的專利,在前不久的美國(guó)大選之中,還出現(xiàn)了希拉里·克林頓的代表字體Unity和川普的BF Tiny Hand字體。另一方面,現(xiàn)在通過(guò)使用類似 Prototypo和FontArk這樣的工具,自定義字體也變得更加簡(jiǎn)單、便捷。其實(shí),自定義字體本質(zhì)上就是一種創(chuàng)意字體,是一個(gè)人或一個(gè)企業(yè)的個(gè)性化特征之一,能夠建立品牌標(biāo)識(shí),將我們的品牌與競(jìng)爭(zhēng)對(duì)手區(qū)別開來(lái)。這也是為什么它越來(lái)越受到大家的歡迎和喜愛,成為一種設(shè)計(jì)潮流和趨勢(shì)。

兩極化:超大和超小尺寸的字體

正如之前所說(shuō)的,字體的尺寸可以給設(shè)計(jì)帶來(lái)戲劇化的效果,對(duì)用戶的主觀體驗(yàn)產(chǎn)生影響?,F(xiàn)在在網(wǎng)站中,使用超大或超小的字體是一種流行趨勢(shì),適中大小的文字已經(jīng)過(guò)時(shí)了。超大的字體本身就很引人注目,能夠營(yíng)造獨(dú)特的視覺(jué)效果,以強(qiáng)有力的方式傳遞信息。而超小的字體常出現(xiàn)在極簡(jiǎn)主義的網(wǎng)頁(yè)或背景大圖上,通過(guò)對(duì)比將視覺(jué)焦點(diǎn)轉(zhuǎn)移到重要內(nèi)容上。不少設(shè)計(jì)師還在超小字體上使用粗糲的線條、高對(duì)比度的色彩或負(fù)空間來(lái)引起訪客的興趣??偠灾蠡虺〕叽绲淖煮w在網(wǎng)站上作用有異曲同工之妙。不過(guò),在網(wǎng)站中具體使用超大還是超小的文本具體取決于你的品牌形象。但小飛在這可以教你一招,你可以一開始在網(wǎng)站上使用超大或超小的字體,然后根據(jù)內(nèi)容的可讀性等慢慢調(diào)整,不斷縮小或擴(kuò)大,避免給用戶瀏覽帶來(lái)不便。

獨(dú)特性:添加個(gè)性化色彩

藝術(shù)是一種表現(xiàn)形式,卻常能發(fā)人深省。而藝術(shù)化的字體是建立品牌形象最有創(chuàng)意、最鮮明的一種方式。實(shí)際上,今年我們已經(jīng)看到很多使用藝術(shù)性字體強(qiáng)化品牌標(biāo)識(shí)的設(shè)計(jì)案例了。而其中最值得關(guān)注也是比較流行的大概就是水彩字體了,它能給網(wǎng)站營(yíng)造一種愉悅的氛圍。手寫字體也是藝術(shù)性字體的一種,它給品牌所賦予的個(gè)性更為明顯和突出。不過(guò),值得注意的是,有的字體確實(shí)是手寫或手繪的,而有的字體卻只是模仿手寫字體的通用字體。復(fù)古字體則是另外一個(gè)流行趨勢(shì),正如同我們常說(shuō)的,復(fù)古一直在流行。復(fù)古的字體常常能夠給人以精致和品質(zhì)感。

可變性:字體排版的未來(lái)大勢(shì)

字體可變性的趨勢(shì)會(huì)一直流行下去,因?yàn)樗桥c響應(yīng)式布局緊密相連的。微軟、谷歌、蘋果和Adobe 在2016年9月聯(lián)合發(fā)布了 OpenType 可變字體項(xiàng)目,這一項(xiàng)目讓字體能夠更好地適配響應(yīng)式排版布局,讓單個(gè)字體文件能夠容納更多不同樣式的字體和布局,OpenType 字體也讓設(shè)計(jì)師能夠?qū)ψ煮w進(jìn)行調(diào)整,比如高度、字重、間距等,重新設(shè)計(jì)出一個(gè)完整的字體。

幾何學(xué):令人著迷的圖形

我們的生活中充滿了各式各樣的幾何圖形,而它也促進(jìn)了一種由筆直的線條、圓潤(rùn)的邊角或棱角分明的形狀構(gòu)成的字體風(fēng)格。充滿幾何設(shè)計(jì)感的字體看上去很優(yōu)雅、平整,引人注意還充滿著現(xiàn)代感。在過(guò)去的一年當(dāng)中,越來(lái)越多的字體設(shè)計(jì)中開始出現(xiàn)幾何元素,不少企業(yè)和機(jī)構(gòu)將幾何字體和元素引入自家品牌,用來(lái)強(qiáng)化品牌的專業(yè)度和可信度。

疊加:圖片和文本的結(jié)合

圖片和文本是網(wǎng)頁(yè)設(shè)計(jì)中最常見的兩個(gè)元素,它們的合理搭配有助于將網(wǎng)站信息正確、有力的傳遞出來(lái)。圖文混排的設(shè)計(jì)由來(lái)已久,但是近幾年來(lái),設(shè)計(jì)師們尤其喜歡圖片和文本相互疊加的設(shè)計(jì)。不過(guò)為了確保文本和圖片的呈現(xiàn)效果,你需要注意保持兩者的協(xié)調(diào)和對(duì)比,文本不能遮住圖片的焦點(diǎn)(如人臉、產(chǎn)品正面等),而圖片也最好不要影響文本的識(shí)別。千萬(wàn)不要讓疊加的圖片和文本起了反作用,給用戶造成困擾。

混搭:不同字體的組合

字體混搭這種流行趨勢(shì)在2016年發(fā)展迅速,在網(wǎng)頁(yè)上的應(yīng)用范圍很廣。而字體混搭并不僅僅局限于不同大小的同種字體,還包括不同類別的字體,比如襯線體、非襯線體甚至手寫字。當(dāng)然,字體混搭的前提是維持網(wǎng)站的協(xié)調(diào)一致,避免突兀感。這種趨勢(shì)常常能夠帶來(lái)奇妙的視覺(jué)體驗(yàn),現(xiàn)代風(fēng)格的紋理/圖案也讓整個(gè)設(shè)計(jì)更加摩登和豐滿。

在網(wǎng)頁(yè)設(shè)計(jì)中,字體排版可能是最能代表我們的個(gè)性與特色的。今天討論的這些有關(guān)字體排版的設(shè)計(jì)趨勢(shì),有些可能已經(jīng)流行一段時(shí)間了,有些可能還只是新事物,但把握這些趨勢(shì)對(duì)于你設(shè)計(jì)出令人耳目一新的網(wǎng)站是很有幫助的。所以,認(rèn)真研究這些設(shè)計(jì)趨勢(shì),根據(jù)網(wǎng)站的自身特點(diǎn),合理運(yùn)用。快來(lái)起飛頁(yè)自助建站平臺(tái)()做一個(gè)網(wǎng)站吧!

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦