萬般設計為閱讀

隨著各種網頁字體、付費的網頁字體服務和現成工具越來越多,字體排版收回了它作為設計皇后的桂冠,成為所有圖形和網頁設計的關鍵。

今時今日,許多設計師在設計排版時,主要考慮的本質上還是審美問題。問題是,我們習慣于把字體排版和字體設計當作兩種可互換的術語,但實際它們是不同的。在Dribbble上快速看一下「typography」這個標籤吧,立馬就能發現這個趨勢。

完美運用字體設計的誘惑力會影響我們審視字體的方式,小夥,我甚至可以花幾個小時讓你看看字體設計組合!因為無論是字體排版還是字體設計都擁有共同的視覺概念。如果我們總是在尋找漂亮的字體,這個習慣將讓我們遠離字體的真正角色和特性,比如通用性、複用性和靈活的設計模式。

我們總是急於嘗試最新的OpenType字體特性,用自由連字美化我們的設計,妄想依靠只有部分瀏覽器支援的css連字號屬性來實現此效果。當我們得意的凝視我們的傑作的時候,竟然沒有意識到根本沒有人會關心這些,甚至是字體排版的達人也不會!當這時我們才意識到了事實情況,那就是文字能夠讓普通人在不同的設備上閱讀和理解才是關鍵,不論是在視網膜屏的平板電腦上, XP系統的的電腦上還是在智慧手機上。

「好的排版不一定能讓排版狂人愉悅,卻能讓閱讀更順暢。」

——Oliver Reichenstein



網路上的大部分文章所針對的都是即時攝入的內容,聽起來是否很像「逆金字塔」?在網路大環境下資訊交流迅速,所以能適應讀者集中精神一小段時間。人們訪問網站和應用主要是為了尋找有用資訊而不是為了達到閱讀上的愉悅。不要誤解我:我也喜歡能抓住我注意力的創意排版的標題和欄目,但是同時我們也不能忽視對整理平衡和正文易讀性的需求。讓我們開始吧!

 

1)先說重要的:專案調研

只有擁有考究的文字排版和具備從閱讀體驗出發的易讀性的文章,才能被讀者最好的消化。如同在設計的其他領域,在做事之前我們需要做一些調查。在研究使用者習慣的過程中,我們不僅要發現有用資料,還要從讀者的思維來考慮問題,把焦點從我們最大的敵人那裡移開——我們的自我膨脹(我也總是在與之戰鬥)。

你應該也意識到了。電子閱讀體驗最主要的元素是內容、環境和使用者。你可能在每個專案中都涉及到了這3個要素,但是如果你在每個要素上都傾注了排版的效果,那你會發現很貼心的想法和舉動,這最終會對整個閱讀體驗有很大提升。

內容

開始排版設計專案最好的方法是開始閱讀。應該每個設計師都能知道這些內容是給誰看的以及它需要怎麼傳播。但是除了評估內容品質和列出框架元素,我們也需評估其可理解性、閱讀時間、目的以及閱讀壽命。

涵蓋所有排版設計項目

在閱讀的過程中,思考下你遇到的結構或元素,並把它們列出來。在開始時這個清單可作為一個簡單的樣式引導。除了通用的段落、標題、附件等,你也遇到一些不常見的元素,如強調段落、引用段落、強調引用段落,還有現在非常重要的一些元素,如資料表格和圖表標題。你需要有足夠的字體能覆蓋這些元素。

在純文字連結中,要保證設計覆蓋了所有的HTML元素。這時你可以建一些示例HTML和CSS檔並保存為Project-Typogra-phy.html,這些檔包含所需要的元素和規則。這個html檔將會成為這個專案的排版系統基礎,在你設計回應式視圖時遲早用得上。

評估閱讀時間

閱讀速度因人而異,大部分成人的閱讀速度是每分鐘200-250字。這樣我們可以把整篇文章的文字數除以250就能輕易算出閱讀速度了。如果你的專案有樣本文章,你可以把它放進本地安裝的內容管理系統裡並運行一段腳本預估閱讀時間。

預估閱讀時間能説明我們設計段間距,掌握閱讀節奏。如果閱讀時間太長,我們可以把文章分成小段,或者在關鍵點處設置一個醒目的引文。

評估可讀性和易讀性

許多文章都有閱讀等級,知道這些標準是很重要的。比如一篇文章如果很複雜,你可以引入一些評論讓讀者理解文章,或者增加一些註腳。

如果你和一位原作者合作來修改內容和排版,一些工具能讓你更容易區分不同版本之間的區別。

其中一個測評是自動易讀性指數(API)。API專注于文字和句子數量,使其在即時監測方面發揮重要作用。Flesch–Kincaid難度係數測評是從另一方面來測試,更專注于位元組,能即時處理大量密集型任務。

另一個有用性測試是Flesch易讀性測試。它是通過單詞、句子和位元組來衡量的,得分結果可以告訴你這篇文章的難度。大部分語言都它們自己的譯本。雖然這個工具在網頁設計方面來說是很陌生的,但是出版商和政府機構已經用了很多年了,主要用來評估不同讀物的閱讀等級。

每篇文章都測試易讀性得分是件很令人抓狂的事情,所以我建議使用方便的文章可讀性統計工具,一個PHP腳本工具,是我們在做Creative Nights這個專案時研發的。

內容策略,資訊架構和縮微本

如果我們跳出排版設計這個話題一會兒,先看看內容策略(計畫、掌握內容和定義編輯過程的規則)和資訊架構(組織和描述內容的規則),就可以參與一些潛在話題的討論了。

考慮下內容的生命週期能阻止我們急於排版這一新趨勢。下次發表一篇新文章時,就能順利的阻止編輯因為沒有清除為下次重設計而做準備的殘留樣式而發怒了。

分類標籤——由資訊架構確定的——會讓網頁設計者很痛苦,因為導航條或者欄目的空間都是有限制的。我敢打賭,在每個設計師的生涯中,總會試著重命名或者縮短分類名的情況,僅為了適應可利用的空間。當然,我們也常常會減小字型大小或者選另外一種字體,但是如果所有的方法都失敗了,我們就能看看資訊架構找最後的解決方法了。

除了文章,我們也必須對一些表單標籤、指導說明、小字說明、交互元素(如按鈕和連結)和其他不同作用的文本。所有這些小點都叫微縮本,它是有效交互設計的基礎成分。

環境

網路標準協定發展迅猛,設計師們設計的網站與 「一個網路」的理想國度聯繫越來越緊密,無論何處的任何人都可以看到自己設計的網站。雖然每個專案達到如此廣泛傳播的目的是很難的,但是手機也並不意味著忙碌時只在智慧手機上流覽網頁。

軟體問題

window系統的使用者看到的字體都是經過清晰字體渲染引擎處理過的。問題是微調是需要時間的,而且並不是所有字體都能完美渲染。所以測試window系統的瀏覽器成了常規任務。

Untitled-2

截圖為16px字型大小的Verdana, Proxima Nova, Arial, Adelle Sans and Georgia字體(Proxima為18px)在window 7系統上firefox18裡的效果。Proxima和Adelle被渲染為網頁字體,其他字體懷疑只是OS系統上的預設字型。前5行字體都沒有被清晰字體渲染引擎處理過。

當然,記住不同的網頁字體服務可能會給你稍有不同的字體。一種字體由一種服務提供可能效果很好,但是由另一種服務提供看起來就只是湊合。我猜測原因或許是因為缺少時間投資——字體沒有足夠的時間來完成渲染,當然也可能是因為缺乏字體渲染專家。

幸好網頁字體服務商一直在提高字體品質,相信最後每個人電腦上的字體都會變漂亮的。因為許多工作都需要維持合適的字體,我鼓勵你買一些字體並訂閱付費網頁託管計畫,這些舉動能推動字體渲染優化的步伐。

如果支援window使用者對你來說是項很艱巨的任務那麼想想手動微調的字體,比如TheSansOffice,來自LucasFonts(他們因癡迷于字體渲染優化而聞名)或者大量為微軟office應用而設計的字體(它們的名字通常包含「Com」,「Offc」或「Office」)。如果想在舊的window系統用一種特殊字體是非常麻煩的事情,還是用已經過測試和驗證的Arial, Georgia 和 Verdana字體吧。

如果想知道更多關於字體渲染的資訊,請閱讀Tim Ahrens寫的細看字體渲染。

硬體問題

在這個行業我們必須要面臨的問題是解析度的多種多樣。所以,排版設計並不是無用的。一個有趣的解決辦法是使用等級字體解決不同解析度的問題,就像印刷設計師為了控制油墨在紙上的效果而使用等級字體。想要瞭解更多關於這個方法的資訊請閱讀Oliver Reichenstein寫的回應式設計下的新網頁。
000000000000

相同字形在同一製造商的設備下都會有不同的渲染效果。截圖顯示效果為16px的Adelle字體在iPhone 3G、iPad3和iPhone4S上的渲染效果。截圖于某網頁並在PS裡放大。

 

另外一個例子是關於電子屏看板和電視螢幕排版,常常需要更粗的字體和粗細對比強烈的效果。因此,你要直接跳過兩個層級的粗體,直接加粗常規字體。在電腦和視網膜屏的平板設備上預覽此種效果都是不夠的。就像做手機上的設計一樣,我們需要在真機上進行測試。

介面類型

把軟體和硬體因素先排除,環境也意味著介面的類型。比如,在電子設備上以內容為驅動的入口網站、雜誌、小說和教科書,各種句型必須結構清晰,各自互有關聯,組成一個線性的閱讀路徑。內容為驅動的網站標題是多樣化的(甚至是對小眾網站而言),為了便於讀者理解需要引入一個故事。(還記得下方的評論區?)

相反的,網路應用的資訊是簡單明瞭的,簡單且依託于事實,附有各種對比專案和資料,這些資訊都是特定時間段內的。不像線性結構裡文章的句子,應用裡的小段文字都是可以單獨理解的並且很易理解。我們可以讓讀者隨機的跳段閱讀也沒影響。

在網路應用上,內容的上下文是可預測的。許多典型例子就是查看銷售資料,分析方格、圖表裡的網站資料,編輯日期、時間相關的記錄,你還可以查看網路郵件,看看你是否成為了奈及利亞皇家彩票的獲勝者。

使用者

在互聯網上每個人都是我們的目標使用者,尤其是當我們開發多語言系統時。如果一個按鈕僅夠「return」這個英語字母的位置,那換成法語的「Retour」、中文的「返回」、德語的「Zurück」、克羅地亞語的「Povratak」或許就不合適了。

可閱讀性問題

閱讀障礙是人類閱讀能力方面的一種損害。比如,一個有閱讀障礙的人會把字元看成圖片或者倒的字元。所以,一個小寫的帶著小尾巴的雙層結構的「a」對一個有閱讀障礙的人來說看起來就像是是一個斜體的「e」。

另外對於有閱讀障礙的人來說,幾何形字體很難閱讀因為從結構和形狀上來說都是很相似的。p鏡像過來看就是q,n反過來看起來就像u。這裡的意思不是說我們要馬上把它換成專門的字體,但是能意識到這種問題可以反映設計師的讀寫能力。

讓問題更複雜的是,閱讀障礙有四分之一概率並隨注意力缺失症發生。

Untitled-4</p>

加粗使字母在適當的位置。這裡展示的是Futura和Dyslexic字體

螢幕字型平滑要感謝紅、綠和藍亞圖元。不幸的是,對於一少部分的男性來說,一些字體看起來更加尖細和難以辨認,或者顏色更淡、字形更肥,因為紅色亞圖元不夠明顯。使用Color Oracle這個免費工具可以很容易看到你選擇的字體在視覺效果虧損方面的表現。

Untitled-5

不同的顏色視覺效果虧損對處理字體平滑的效果不同。

 

 

2)選擇一種功能大於形式的字體

不同于主流思想,一眼就找到完美的字體並不是與生俱來的天賦。當然,天賦會給你先天優勢,但也只有那麼點優勢了。讓你自己學習手頭上的專案,對於合適字體的鑒別力就會隨之而來,減少待選字體。

說點題外話。許多教師和引導者寫了一些靠環境、長相和感覺來選擇適合字體的文章。一個品牌的牌子與其競爭者的設計環境、蘊含感情和視覺差完全不同是作為一個設計師的職責所在。一個排版設計師,或者說一個排字工人會從不同視角看實際需要、專案目標和一些衍生問題。每個方面都需要一個成功的、全面的專案。

這些目標是如此不同,所以我們應該慎用字體組合和抽象形容詞如「漂亮」,甚至是沒有上下文的不生動的詞「美好」。一種字體只能放在特定環境的上下文中來審視。如果我們單獨的來看一種字體,那我們必定會從很嚴格的技術層面來審視它。

當我看到Comic Sans被用在幼稚園聚會的邀請函上,我第一件事情就是翻白眼。但是從某點上來講,我必須承認它對我的孩子和朋友來說都是很合適的,雖然我不鼓勵到處都使用它們。但是如果我看到一個公司備忘錄上用Comic Sans,我會抓狂的。

有襯線字體與無襯線字體

很多初學者都在有襯線與無襯線字體之間猶豫不決。其實這視情況而定,而絕不應該受排版師或其顧客的個人喜好所影響。而且這兩種字體在易讀性上沒有任何區別,尤其在現在這個滿是高密度螢幕的時代。

有時候一些專案是允許我們走捷徑的。如果我們事前準備充分,我們就能夠作出明智的決定。如果我們要展示縱向的資料(比如匯率或者產品價格單),那麼有襯線字體就會比較合適,因為有襯線字體通常會在水準方向起強調作用。而由於有襯線字體能夠加強文本在水準方向上的流動更適合性,因此更適合線性思維或者縱向空間不足的情況。

其實道理我們都知道,只不過經常會忘了後退一步看看整體。我很喜歡Vitaly Friedman和Elliot Jay Stocks決定在Smashing這本雜誌的文本中使用無襯線字體的理由。在鳥瞰整個頁面及其佈局之後,他們總結道:

「因為Smashing Magazine上有許多的視覺內容——截圖、按鈕和浮誇的廣告——主體部分使用sans-serif就看起來更加的明智和整潔。」

——Vitaly Friedman 和Elliot Jay Stocks

字母易讀性

另外一個重要的易讀性測試是為了區分簡單字體字形之間的區別。設計師使用全字母短句,或測試短語來評估和對比字體。比如有名的短語「The quick brown fox jumps over the lazy dog」、「Handgloves」、「Hamburgefonstiv」。

設計師Jon Tan想出短語「aegh! iIl1 0O」使用了很長時間。這個短語能有效獲得一種字體的特性,並且能檢查字母「i」 「I」 「l」「1」「o」「O」的差異性。

我們可以把這個短語擴展一下,使其包含斜體、小型大寫字母和數位。比如我們能加上一個斜體的「e」,只是為了確認它不像變形之後的小寫字母「a」,尤其在字型大小很小細節會丟失時。

Untitled-6

外交事務

支援國際訪客是非常必要的。如果你構建整站時使用的是一種你不熟悉的語言(比如阿拉伯文或者越南文),那你可能需要一個當地印刷工人對你一對一教學。但大部分的網頁設計師會建立自己的國際使用者資料庫,我們也必須保證每個字元在這種字體下都能正常顯示,字體在英語和西班牙文中使用基本都是最廣的。每種語言都有一或兩種特定臨界組合。

很少在南斯拉夫語系中看到匈牙利文中有「gy」字母組合克羅地亞方言中有「ij」組合,更不用提兩字一音(「ch」 「dž」 「ij」 「lj」 「ty」)和三字一音((「dzs」和「sch」)這些組合了。

很神奇的是,在義大利字母表裡,字母「k」 「j」 「w」 「x」和 「y」 只用來適應外來語言,有些用的還非常的口語化,比如「k」當作強調的「c」使用。所以當我在義大利搶一個傢伙的道時他對我吼過這個詞。回到正題,因為字母表減少了那麼多字母,所以導致了很多「cc」「ll」「tt」 和zz」以及與「o」和「i」的字母組合。你可以像到這些組合導致了一些很尷尬的間距。

在東南歐,姓氏經常是以「č」或「ć」結尾的,沒人喜歡他們的名字裡有被剝奪了發音的字母,更糟的是還用後備字體來渲染。丹麥和挪威使用「ø「,德國使用「ß」,這些只存在於拉丁字母表內。

Untitled-7

認識你的目標語音裡的字母和字母組合

為了能覆蓋所有擴展過的拉丁字母表,我們當然需要選擇一種能覆蓋所有中歐字母的字體(如付費字體)。為了防止遇到上面提到的那些少見語言中的字母組合,我們需要準備一些候選字體來支援這些特殊語言,因為在排版的時候,字間距也不太可能完全靠CSS來調整。

熟悉的字體讓我們閱讀更順暢,但不熟悉的字體卻能讓我們的學習得更好。

我們相信大家面對熟悉的字體時閱讀是最順暢的。(PDF, 11.5MB)就連像Zuzana Licko 和 Erik Spiekermann這樣的專家也說在閱讀最常接觸的字體是閱讀最流暢。看看你所考慮的字體的發展史,然後與通常目標受眾最熟悉的字體作比較。

由David Brezina設計的Skolar字體起初是為學術和多語言刊物而設計。大家在閱讀這類刊物時習慣于看到新羅馬字體。而Skolar新鮮新潮的同時,在外觀上與新羅馬字體有足夠相似的特點,所以新roman使用者群體也能很好的接受。循這個方向著手,既穩妥又是個很好的選擇。但是請一定要嘗試不同的替代字體,試驗一下哪個才能吸引到你的目標受眾。

Untitled-8

用Skolar來代替Times和新羅馬字體?你能看出兩種Times的字體有什麼區別嗎?

最近Connor Diemand-Yauman、 Daniel M. Oppenheimer 和 Erikka B. Vaughan對 「障礙閱讀對教育結果的影響」(PDF 1.3MB)研究發現:用難閱讀的字體呈現的資訊更能讓人記住。研究表明有閱讀的障礙激發的深層資訊加工能讓記憶有更好的表現。但這只是告訴我們用別的字體替代現有的流行字體是行得通的,並不代表要選擇世界上最奇形怪狀的字體來人為增加閱讀的困難。

 

 

3)在回應式佈局的年代展示字體

現在網路上又能重新見到窄黑體、奇異風格還有專門用來裝飾的字體。這些字體不僅加粗了,增加了風格的多樣性,而且有抓住人眼球的功能,就像吸引人的報頭和長篇文章中的章節節點。關於格式的建議不是本章的討論範圍,因為網頁的標題經常都為了吸引人訪問而採用搜尋引擎優化的辦法,這和傳統印刷材料中標題的功能已經有點不一樣了。但是讓我們來看看在從來都是非靜態的網頁環境中設置標題這件事情的潛在陷阱。

如果忽略螢幕方向和螢幕解析度的變化,那麼頂端skyline由多個字片語成的標題(比如說瘦長的無襯線字體)應該能夠對橫向電腦桌面大小的節點起很好的作用,但在智慧手機直式方向上可能會佔用太多垂直空間,尤其是原文一行的標題在智慧機上要轉成兩行。雖然調小字體大小來調整有一定作用,但是效果未必能比在臺式電腦的文本清晰。

反之亦然。如果我們先為手機做字體設計,那在手機小屏上效果十分出眾的醒目標題直接搬到電腦上可能就會過於突出而影響整體效果。

在垂直空間更寶貴的情況下,比起擴展的小字體,長字體是更好的選擇。當擴展字體太小的時候,用相應的長字型替代通常都有不錯的效果。

Untitled-9

Untitled-10

這個標題用一行聯賽哥特式字體在手機上不夠清晰。設置多行的標題又佔用過多的垂直空間

 

Untitled-11

Nimbus長非襯線字體與nimbus擴展非襯線字體的應用

 

 

4)組合字體

組合字體是為了彰顯設計的張力,引起他人興趣。但是在許多情況下,一旦讀者進入閱讀,好的順序和文章結構加上好看的字形能增加閱讀的順暢性,尤其在低解析度的螢幕下,但字體的細微之處不會那麼明顯。如果不是那麼必要,請不要太隨意的使用各種不同字體的組合,這是最後一條中肯的建議。

根據經驗來看,為了避免排版災難,組合字體時考慮合適的行高。對比同樣字型大小的不同字體的行高是檢測這些字體是否能共存的一種試驗。記住網頁排版是永不過時的。保持排版和諧不是項簡單的任務,相同基線的元素需要不同的字型大小來抵消不合適的行高。

Untitled-12

Aller和Minion Pro,Georgia,Adelle字體組合。注意Minion Pro和Georgia為適應行高所做的額外調整

 

 

5)最穩妥的方法

遵循字體間的關係和使用者自身的常識是結合字體是最簡單易行的方法。

較大字體體系中的一種可以與該體系中其他字體在任意軸上結合,如粗細、寬度和字形。因此使用同一家族中的字體會簡便得多。看看含一般、斜體、粗體和粗斜體等多種基本字體的擴展字體或者大家族字體。擴展字體包含從細到粗甚至多重寬度的所有軸。而大家族字體,也稱字體體系,則比擴展字體多包含非襯線和有襯線字體,以及文本、特印字體、分級字體等。

其實也不用太在意確切的分類,因為不同的字系在分類上並不總是一致的,而且擴展字體和字體體系之間的分界線也並不明顯。例如,有的集合包含了不同粗細的無襯線和有襯線字體,而並沒有寬度的區分。記住,雖然絕大部分字體家族只有有限的基本字體,而只有少數幾十個字體家族的多樣性能夠滿足排版印刷的需求。(這幾十種在字體成百上千的今天,只占很小的比例。)假如在結合字體上有困難,那麼從多樣的集合入手會是一個不錯的選擇。

Untitled-14

JAF Bernino Sans 有不同的粗細度和寬度。淡化的字母並非真正的斜體,被稱為斜羅馬字體。有的瀏覽器在用CSS快速寫入時能夠使字體變斜。但偽斜體很多時候都被看作違反排版規則的字體。

同一個設計師設計出來的不同字體通常都能夠更好地結合,因為在比例、形狀、比劃和角度上都有著同樣的基因。就舉幾個例子,Jos Buivenga, Veronika

Burian, Matthew Carter, Nikola Đurek, Adrian Frutiger, Jose Scaglione, Mark Simonson 和 Erik Spiekermann。這幾個都是我很喜歡的設計師,大家可以嘗試辨別他們的簽名。

最後一個方法是結合同一個字系的字體,因為同字系通常都可以提供能夠結合的字體。如經驗豐富的設計師和排印師所說,聰明的設計師會訂閱排版印刷相關的時事通訊,經常接觸大量被認可並反復使用的結合字體。日積月累,你的時事通訊資料夾會變成一個可以借鑒的檔案,這可是一個獎勵。

如果你想繼續研究自己的字體,請在字體間創造多一點對比已達到一個令人舒適的平衡。另外要避免有衝突的字體,否則會製造雜亂感而影響閱讀。然而,如果兩個字體過於相似,讀者可能會因為看不出區別而感到乏味。結合兩個粗細相近(比如一般字體和半粗體,或者粗體和加粗字體)不應成為慣性,除非你清楚自己要達到什麼目的。

跟烹飪一樣,從準備可食用的簡餐開始,然後漸漸知道怎樣能夠毒不死人。你就可以把烹飪書放回書架,開始使用奇怪的香料,建立自己的烹飪程式。如果你萬分需要實際例子,以下是幾篇十分有用的文章:

• 「Best Practices of Combining Typefaces,」 Douglas Bonneville

• 「‘What Font Should I Use?’: Five Principles for Choosing and Using

Typefaces,」 Dan Mayer

• 「How to Choose a Typeface,」 Douglas Bonneville

 

 

6)編輯附言

特印字體和裝飾性字體只適用于片段,比如標題和醒目引文,因為他們可以設定基調並打破長篇的重複性(還記得上文提到的閱讀時間評估嗎?)。文本字體注重實用性,適合用於長篇閱讀。閱讀一段時間後很容易產生疲勞倦怠感,尤其是在有分散注意力的科技產品上閱讀,比如聯網的電腦。

「設計師喜歡平靜的灰白色調,這堆讀者是個天大的災難。」—Erik Spiekermann

偶爾插入一些停歇性質的標題或者醒目引文可以説明推進閱讀。由於醒目的引文突出了文章的重要資訊,所以用特印字體展現會有更好的效果。而標題是文章的一部分,因此用與正文稍有區別的字體為佳,比如大寫(原文為small caps翻為大寫僅為推測)。像之前所說,這僅僅是穩妥的方法,並非一成不變的法則。

 

7)人人有責

在你的決策應由兩個重要的因素影響。第一,如果讀者不喜歡你的排版,他們可以在應用或者設備中的定制選項中更改設置。讀者更改設置時通常會選擇更一般通用的字體,這會一舉讓你的心血付諸東流。過去,在IE上把絕對單位的行間距與相對單位的字母結合時,即使字母大小只有輕微上調,也足以把頁面弄得亂七八糟。

第二,頁面上沒有折頁或者物理邊框是一把雙刃劍。好處是文本在螢幕顯示上基本無限制。而壞處是,由於很多時候頁面頂端和底端無法同時顯示,要設計平衡的排版就會變得很困難。因此,編輯輔助在説明我們創造更好的閱讀體驗上有重要價值。讀者把捲軸往下拉的時候,不能期望他們像跑馬拉松一樣一路不停歇直到終點。

為所有人做設計的時候不要做任何假設。我們要接受一個事實:我們的排版設計將會以一系列圖元密度的形式顯示在硬體設備上。所以我們要確保設計出來的文本盡可能的易讀,無論讀者所處的空間、時間、認知、社會現狀和身體狀況等因素有何種變化。過去的嚴格不變的規則已經一去不復返,我們的責任是對一個專案盡可能全面透徹的瞭解,而後做出明智的決定,並且建立穩固的設計概念。

(MARKO DUGONJIĆ 著      SEVENSHAO譯)

來源:HTTP://mxd.tencent.com

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.