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

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

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

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

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

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

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

定制化:特定品牌的字體

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

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

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

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

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

可變性:字體排版的未來大勢

字體可變性的趨勢會(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)了一種由筆直的線條、圓潤的邊角或棱角分明的形狀構(gòu)成的字體風(fēng)格。充滿幾何設(shè)計(jì)感的字體看上去很優(yōu)雅、平整,引人注意還充滿著現(xiàn)代感。在過去的一年當(dāng)中,越來越多的字體設(shè)計(jì)中開始出現(xiàn)幾何元素,不少企業(yè)和機(jī)構(gòu)將幾何字體和元素引入自家品牌,用來強(qiáng)化品牌的專業(yè)度和可信度。

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

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

混搭:不同字體的組合

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

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

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

相關(guān)文章

熱門排行

信息推薦