不好意思,但網(wǎng)頁排版哪里重要?

0 評(píng)論 1763 瀏覽 0 收藏 6 分鐘

時(shí)下有關(guān)數(shù)位環(huán)境的教科書說,螢?zāi)坏氖褂昧?xí)慣以瀏覽為主,而且圖片比文字更吸引人,主要以娛樂或儀式性使用為主(例如,打開 Facebook 開始一天的生活,但關(guān)掉后立刻忘記剛剛看了什么),而不適合吸收完整的知識(shí)。攝取更全面、完整的知識(shí),還是要靠紙本。沒錯(cuò),這是螢?zāi)伙@示時(shí)代我們不愿面對的真相:基于某些原因,我們很難有意愿在螢?zāi)簧虾煤玫淖x一篇文章。

為什么?有很多大小原因,但最主要的恐怕還是因?yàn)閭?。螢?zāi)惶翆ρ劬Σ缓?,大多時(shí)候是硬體的問題,但讓這問題更嚴(yán)重的因素則是出在軟體:不妨問問自己,有多少平常會(huì)逛的網(wǎng)頁、部落格的文章閱讀起來是跟紙本一樣舒服的?以網(wǎng)頁為例,有許多網(wǎng)頁的設(shè)計(jì)忽略了某些重要的平面設(shè)計(jì)原則,例如適當(dāng)?shù)淖煮w大小、字型選擇、文字與背景的對比,以及行距。介面設(shè)計(jì)大師 Oliver Reichenstein 早在 2006 年就提出了,網(wǎng)頁上95%的內(nèi)容其實(shí)都是「typography」,試圖與大家解釋「印刷時(shí)代」的排版原則為何在「螢?zāi)伙@示時(shí)代」還是同樣重要,同樣應(yīng)該被使用。

許多人驚訝的問:「哈?typography?字型學(xué)?那不就只是選好看的字而已嗎?網(wǎng)頁設(shè)計(jì)怎么會(huì)95%都在選字型?」

typography 不只是選字型

但事實(shí)上 typography 不只是選字型,還包括字型的組合,更有關(guān)于精確的測量:行高、區(qū)塊之間的距離關(guān)系,以及整體垂直排版的韻律感(vertical rhythm)等等,都是傳統(tǒng)排版的重點(diǎn),因?yàn)榻锝镉?jì)較幾個(gè) pt(最小的印刷單位)的相對關(guān)系,所以可說個(gè)相當(dāng)偏執(zhí),相當(dāng)要求完美的領(lǐng)域(記得Steve Jobs怎么養(yǎng)成偏執(zhí)狂的嗎?),目的就是為了讓內(nèi)容本身完美的在媒介上呈現(xiàn)給讀者。Reichenstein 在他的文章中提出,這些原則在網(wǎng)頁上也同樣要被注重,我們才可以不再只是瀏覽,而可以長時(shí)間閱讀而不感到疲累,只是過去有兩個(gè)迷思:

迷思一:螢?zāi)唤馕龆炔粔颍杂米中鸵彩峭魅?/h3>

當(dāng)然,這個(gè)在 2006 年提出的說法到現(xiàn)在已經(jīng)不攻自破了。視網(wǎng)膜螢?zāi)唬≧etina Display)在 iPhone 4 的像素密度已經(jīng)來到驚人的 326dpi,可以說是超越了印刷紙本的起始水準(zhǔn),包含各種顯示面板解析度的躍進(jìn),字型的顯示效果可以說是越來越好了。在中文來說,雖然有許多字型還需要經(jīng)過數(shù)位調(diào)校,才會(huì)讓螢?zāi)伙@示效果更好,但至少目前我們已經(jīng)有了信黑體。相信有視網(wǎng)膜螢?zāi)坏呐笥芽催@篇文章時(shí),可以感受到接近完美的視覺效果,連紙本都沒有如此好看。再加上越來越多的 web font 服務(wù)--連中文都有了 justfont,都讓從前只能放圖代替文字的困境解決了。

迷思二:還沒有那么多 web font 可以用啊……

這個(gè)部分在中文世界的確還是如此。中文不但檔案大、制作遠(yuǎn)比拉丁字母費(fèi)時(shí)費(fèi)工(博大精深的中文字至少有一萬三千個(gè)常用字,英文大小寫字母加上符號(hào)最多不過上百),再加上傳統(tǒng)字型公司有許多的版權(quán)議題爭議,都讓中文的 web font 進(jìn)展緩慢。但跟上一點(diǎn)一樣,typography 不是只有選字型。就算沒有好字型,也可以用心在排版細(xì)節(jié)上。Reichenstein 就提到,文藝復(fù)興的義大利字體設(shè)計(jì)師當(dāng)時(shí)只能用一種活字,但還是造就了人類文化史上最出色的印刷作品。這就足以告訴我們即便中文 web font 不多,我們還是可以透過對細(xì)節(jié)的注重創(chuàng)造好的排版設(shè)計(jì)。

文藝復(fù)興的排版,只有一種字體,依然經(jīng)典。(圖片來源:Wikimedia Commons

另外在臺(tái)灣 justfont 也常常會(huì)聽到朋友們說,這種偏執(zhí)的細(xì)節(jié),一般人應(yīng)該不會(huì)注意到吧?但事實(shí)上,就是這種偏執(zhí)的細(xì)節(jié),讓整體版面更好讀,好讀到不會(huì)特別注意,因?yàn)槟軌蚍浅W⒃趦?nèi)容上。可惜目前實(shí)在有太多網(wǎng)頁設(shè)計(jì)的排版是對眼睛不好的,例如設(shè)計(jì)不良的字體曲線控制點(diǎn)不干凈,容易造成小亮點(diǎn),讓眼睛增加負(fù)擔(dān);筆畫沒有適當(dāng)收束,讓線條糊在一起;許多網(wǎng)頁甚至把字體大小設(shè)定為 10px,再加上過擠的行距、不理想的背景對比,讓螢?zāi)簧系拈喿x更讓人洩?dú)狻?/p>

justfont 相信我們需要引進(jìn)更多平面設(shè)計(jì)的排版知識(shí)到網(wǎng)路上。再搭配越來越強(qiáng)大的 CSS 功能與各種設(shè)計(jì)模組以及 web font 服務(wù),相信有天我們也能在螢?zāi)簧献x到賞心悅目的內(nèi)容。

來源:?inside
更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!