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

2017年響應式網(wǎng)站設計中字體排版的新趨勢

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

  域名預訂/競價,好“米”不錯過

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

響應式:完美適配所有設備

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

定制化:特定品牌的字體

Bookerly, San Francisco, Product Sans 這些帶著品牌烙印的英文字體,想必設計師們并不陌生。而新晉中文字體蘋方,和最近火熱的思源系列新字體都在向大家傳遞一個信息:品牌化字體的大時代來臨了。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這樣的工具,自定義字體也變得更加簡單、便捷。其實,自定義字體本質(zhì)上就是一種創(chuàng)意字體,是一個人或一個企業(yè)的個性化特征之一,能夠建立品牌標識,將我們的品牌與競爭對手區(qū)別開來。這也是為什么它越來越受到大家的歡迎和喜愛,成為一種設計潮流和趨勢。

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

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

獨特性:添加個性化色彩

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

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

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

幾何學:令人著迷的圖形

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

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

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

混搭:不同字體的組合

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

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

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

相關文章

熱門排行

信息推薦