老妇女性较大毛片,互换-完美的邻居HD中文,久久久久久精品免费无码无,野花香在线视频免费观看第一集

萬(wàn)般設計為閱讀

時(shí)間:2014-03-06 來(lái)源:騰訊UED

天津網(wǎng)站建設


(MARKO DUGONJI? 著(zhù) SEVENSHAO & TIMMLIU 譯 查看原文 轉載請注明出處)

隨著(zhù)各種網(wǎng)頁(yè)字體、付費的網(wǎng)頁(yè)字體服務(wù)和現成工具越來(lái)越多,字體排版收回了它作為設計皇后的桂冠,成為所有圖形和網(wǎng)頁(yè)設計的關(guān)鍵。


今時(shí)今日,許多設計師在設計排版時(shí),主要考慮的本質(zhì)上還是審美問(wèn)題。問(wèn)題是,我們習慣于把字體排版和字體設計當作兩種可互換的術(shù)語(yǔ),但實(shí)際它們是不同的。在Dribbble上快速看一下“typography”這個(gè)標簽吧,立馬就能發(fā)現這個(gè)趨勢。


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


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

“好的排版不一定能讓排版狂人愉悅,卻能讓閱讀更順暢?!?/p>

——Oliver Reichenstein

網(wǎng)絡(luò )上的大部分文章所針對的都是即時(shí)攝入的內容,聽(tīng)起來(lái)是否很像“逆金字塔”?在網(wǎng)絡(luò )大環(huán)境下信息交流迅速,所以能適應讀者集中精神一小段時(shí)間。人們訪(fǎng)問(wèn)網(wǎng)站和應用主要是為了尋找有用信息而不是為了達到閱讀上的愉悅。不要誤解我:我也喜歡能抓住我注意力的創(chuàng )意排版的標題和欄目,但是同時(shí)我們也不能忽視對整理平衡和正文易讀性的需求。讓我們開(kāi)始吧!


1)先說(shuō)重要的:項目調研

只有擁有考究的文字排版和具備從閱讀體驗出發(fā)的易讀性的文章,才能被讀者較好的消化。如同在設計的其他領(lǐng)域,在做事之前我們需要做一些調查。在研究用戶(hù)習慣的過(guò)程中,我們不僅要發(fā)現有用數據,還要從讀者的思維來(lái)考慮問(wèn)題,把焦點(diǎn)從我們最大的敵人那里移開(kāi)——我們的自我膨脹(我也總是在與之戰斗)。

你應該也意識到了。電子閱讀體驗最主要的元素是內容、環(huán)境和用戶(hù)。你可能在每個(gè)項目中都涉及到了這3個(gè)要素,但是如果你在每個(gè)要素上都傾注了排版的效果,那你會(huì )發(fā)現很貼心的想法和舉動(dòng),這最終會(huì )對整個(gè)閱讀體驗有很大提升。


內容


開(kāi)始排版設計項目較好的方法是開(kāi)始閱讀。應該每個(gè)設計師都能知道這些內容是給誰(shuí)看的以及它需要怎么傳播。但是除了評估內容質(zhì)量和列出框架元素,我們也需評估其可理解性、閱讀時(shí)間、目的以及閱讀壽命。


涵蓋所有排版設計元素


在閱讀的過(guò)程中,思考下你遇到的結構或元素,并把它們列出來(lái)。在開(kāi)始時(shí)這個(gè)列表可作為一個(gè)簡(jiǎn)單的樣式引導。除了通用的段落、標題、附件等,你也遇到一些不常見(jiàn)的元素,如強調段落、引用段落、強調引用段落,還有現在非常重要的一些元素,如數據表格和圖表標題。你需要有足夠的字體能覆蓋這些元素。

在純文本鏈接中,要保證設計覆蓋了所有的HTML元素。這時(shí)你可以建一些示例HTML和CSS文件并保存為Project-Typogra-phy.html,這些文件包含所需要的元素和規則。這個(gè)html文件將會(huì )成為這個(gè)項目的排版系統基礎,在你設計響應式視圖時(shí)遲早用得上。


評估閱讀時(shí)間


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


預估閱讀時(shí)間能幫助我們設計段間距,掌握閱讀節奏。如果閱讀時(shí)間太長(cháng),我們可以把文章分成小段,或者在關(guān)鍵點(diǎn)處設置一個(gè)醒目的引文。


評估可讀性和易讀性


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


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

其中一個(gè)測評是自動(dòng)易讀性指數(API)。API專(zhuān)注于文字和句子數量,使其在實(shí)時(shí)監測方面發(fā)揮重要作用。Flesch–Kincaid難度系數測評是從另一方面來(lái)測試,更專(zhuān)注于字節,能實(shí)時(shí)處理大量密集型任務(wù)。

另一個(gè)有用性測試是Flesch易讀性測試。它是通過(guò)單詞、句子和字節來(lái)衡量的,得分結果可以告訴你這篇文章的難度。大部分語(yǔ)言都它們自己的譯本。雖然這個(gè)工具在網(wǎng)頁(yè)設計方面來(lái)說(shuō)是很陌生的,但是出版商和政府機構已經(jīng)用了很多年了,主要用來(lái)評估不同讀物的閱讀等級。


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

內容策略,信息架構和縮微本

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

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

分類(lèi)標簽——由信息架構確定的——會(huì )讓網(wǎng)頁(yè)設計者很痛苦,因為導航條或者欄目的空間都是有限制的。我敢打賭,在每個(gè)設計師的生涯中,總會(huì )試著(zhù)重命名或者縮短分類(lèi)名的情況,僅為了適應可利用的空間。當然,我們也常常會(huì )減小字號或者選另外一種字體,但是如果所有的方法都失敗了,我們就能看看信息架構找最后的解決方法了。

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

環(huán)境

網(wǎng)絡(luò )標準協(xié)議發(fā)展迅猛,設計師們設計的網(wǎng)站與 “一個(gè)網(wǎng)絡(luò )”的理想國度聯(lián)系越來(lái)越緊密,無(wú)論何處的任何人都可以看到自己設計的網(wǎng)站。雖然每個(gè)項目達到如此廣泛傳播的目的是很難的,但是手機也并不意味著(zhù)忙碌時(shí)只在智能手機上瀏覽網(wǎng)頁(yè)。

軟件問(wèn)題

window系統的用戶(hù)看到的字體都是經(jīng)過(guò)清晰字體渲染引擎處理過(guò)的。問(wèn)題是微調是需要時(shí)間的,而且并不是所有字體都能完美渲染。所以測試window系統的瀏覽器成了常規任務(wù)。


截圖為16px字號的Verdana, Proxima Nova, Arial, Adelle Sans and Georgia字體(Proxima為18px)在window 7系統上firefox18里的效果。Proxima和Adelle被渲染為網(wǎng)頁(yè)字體,其他字體懷疑只是OS系統上的默認字體。前5行字體都沒(méi)有被清晰字體渲染引擎處理過(guò)。


當然,記住不同的網(wǎng)頁(yè)字體服務(wù)可能會(huì )給你稍有不同的字體。一種字體由一種服務(wù)提供可能效果很好,但是由另一種服務(wù)提供看起來(lái)就只是湊合。我猜測原因或許是因為缺少時(shí)間投資——字體沒(méi)有足夠的時(shí)間來(lái)完成渲染,當然也可能是因為缺乏字體渲染專(zhuān)家。


幸好網(wǎng)頁(yè)字體服務(wù)商一直在提高字體質(zhì)量,相信最后每個(gè)人電腦上的字體都會(huì )變漂亮的。因為許多工作都需要維持合適的字體,我鼓勵你買(mǎi)一些字體并訂閱付費網(wǎng)頁(yè)托管計劃,這些舉動(dòng)能推動(dòng)字體渲染優(yōu)化的步伐。

如果支持window用戶(hù)對你來(lái)說(shuō)是項很艱巨的任務(wù)那么想想手動(dòng)微調的字體,比如TheSans Office,來(lái)自L(fǎng)ucasFonts(他們因癡迷于字體渲染優(yōu)化而聞名)或者大量為微軟office應用而設計的字體(它們的名字通常包含“Com”,“Offc”或“Office”)。如果想在舊的window系統用一種特殊字體是非常麻煩的事情,還是用已經(jīng)過(guò)測試和驗證的Arial, Georgia 和 Verdana字體吧。


如果想知道更多關(guān)于字體渲染的信息,請閱讀Tim Ahrens寫(xiě)的細看字體渲染。

硬件問(wèn)題


在這個(gè)行業(yè)我們必須要面臨的問(wèn)題是分辨率的多種多樣。所以,排版設計并不是無(wú)用的。一個(gè)有趣的解決辦法是使用等級字體解決不同分辨率的問(wèn)題,就像印刷設計師為了控制油墨在紙上的效果而使用等級字體。想要了解更多關(guān)于這個(gè)方法的信息請閱讀Oliver Reichenstein寫(xiě)的響應式設計下的新網(wǎng)頁(yè)。

相同字形在同一制造商的設備下都會(huì )有不同的渲染效果。截圖顯示效果為16px的Adelle字體在iPhone 3G、iPad3和iPhone4S上的渲染效果。截圖于某網(wǎng)頁(yè)并在PS里放大。


另外一個(gè)例子是關(guān)于電子屏廣告牌和電視屏幕排版,常常需要更粗的字體和粗細對比強烈的效果。因此,你要直接跳過(guò)兩個(gè)層級的粗體,直接加粗常規字體。在電腦和視網(wǎng)膜屏的平板設備上預覽此種效果都是不夠的。就像做手機上的設計一樣,我們需要在真機上進(jìn)行測試。

界面類(lèi)型

把軟件和硬件因素先排除,環(huán)境也意味著(zhù)界面的類(lèi)型。比如,在電子設備上以?xún)热轂轵寗?dòng)的門(mén)戶(hù)網(wǎng)站、雜志、小說(shuō)和教科書(shū),各種句型必須結構清晰,各自互有關(guān)聯(lián),組成一個(gè)線(xiàn)性的閱讀路徑。內容為驅動(dòng)的網(wǎng)站標題是多樣化的(甚至是對小眾網(wǎng)站而言),為了便于讀者理解需要引入一個(gè)故事。(還記得下方的評論區?)

相反的,網(wǎng)絡(luò )應用的信息是簡(jiǎn)單明了的,簡(jiǎn)單且依托于事實(shí),附有各種對比項目和數據,這些信息都是特定時(shí)間段內的。不像線(xiàn)性結構里文章的句子,應用里的小段文字都是可以單獨理解的并且很易理解。我們可以讓讀者隨機的跳段閱讀也沒(méi)影響。

在網(wǎng)絡(luò )應用上,內容的上下文是可預測的。許多典型例子就是查看銷(xiāo)售數據,分析表格、圖表里的網(wǎng)站數據,編輯日期、時(shí)間相關(guān)的記錄,你還可以查看網(wǎng)絡(luò )郵件,看看你是否成為了尼日利亞皇家彩票的獲勝者。

用戶(hù)

在互聯(lián)網(wǎng)上每個(gè)人都是我們的目標用戶(hù),尤其是當我們開(kāi)發(fā)多語(yǔ)言系統時(shí)。如果一個(gè)按鈕僅夠“return”這個(gè)英語(yǔ)字母的位置,那換成法語(yǔ)的“Retour”、中文的“返回”、德語(yǔ)的“Zurück”、克羅地亞語(yǔ)的“Povratak”或許就不合適了。

可閱讀性問(wèn)題

閱讀障礙是人類(lèi)閱讀能力方面的一種損害。比如,一個(gè)有閱讀障礙的人會(huì )把字符看成圖片或者倒的字符。所以,一個(gè)小寫(xiě)的帶著(zhù)小尾巴的雙層結構的“a”對一個(gè)有閱讀障礙的人來(lái)說(shuō)看起來(lái)就像是是一個(gè)斜體的“e”。

另外對于有閱讀障礙的人來(lái)說(shuō),幾何形字體很難閱讀因為從結構和形狀上來(lái)說(shuō)都是很相似的。p鏡像過(guò)來(lái)看就是q,n反過(guò)來(lái)看起來(lái)就像u。這里的意思不是說(shuō)我們要馬上把它換成專(zhuān)門(mén)的字體,但是能意識到這種問(wèn)題可以反映設計師的讀寫(xiě)能力。

讓問(wèn)題更復雜的是,閱讀障礙有四分之一概率并隨注意力缺失癥發(fā)生。


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

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


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


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

不同于主流思想,一眼就找到完美的字體并不是與生俱來(lái)的天賦。當然,天賦會(huì )給你先天優(yōu)勢,但也只有那么點(diǎn)優(yōu)勢了。讓你自己學(xué)習手頭上的項目,對于合適字體的鑒別力就會(huì )隨之而來(lái),減少待選字體。

說(shuō)點(diǎn)題外話(huà)。許多教師和引導者寫(xiě)了一些靠環(huán)境、長(cháng)相和感覺(jué)來(lái)選擇適合字體的文章。一個(gè)品牌的牌子與其競爭者的設計環(huán)境、蘊含感情和視覺(jué)差完全不同是作為一個(gè)設計師的職責所在。一個(gè)排版設計師,或者說(shuō)一個(gè)排字工人會(huì )從不同視角看實(shí)際需要、項目目標和一些衍生問(wèn)題。每個(gè)方面都需要一個(gè)成功的、全面的項目。

這些目標是如此不同,所以我們應該慎用字體組合和抽象形容詞如“漂亮”,甚至是沒(méi)有上下文的不生動(dòng)的詞“美好”。一種字體只能放在特定環(huán)境的上下文中來(lái)審視。如果我們單獨的來(lái)看一種字體,那我們必定會(huì )從很?chē)栏竦募夹g(shù)層面來(lái)審視它。

當我看到Comic Sans被用在幼兒園聚會(huì )的邀請函上,我⑴件事情就是翻白眼。但是從某點(diǎn)上來(lái)講,我必須承認它對我的孩子和朋友來(lái)說(shuō)都是很合適的,雖然我不鼓勵到處都使用它們。但是如果我看到一個(gè)公司備忘錄上用Comic Sans,我會(huì )抓狂的。

有襯線(xiàn)字體與無(wú)襯線(xiàn)字體

很多初學(xué)者都在有襯線(xiàn)與無(wú)襯線(xiàn)字體之間猶豫不決。其實(shí)這視情況而定,而絕不應該受排版師或其顧客的個(gè)人喜好所影響。而且這兩種字體在易讀性上沒(méi)有任何區別,尤其在現在這個(gè)滿(mǎn)是高密度屏幕的時(shí)代。

有時(shí)候一些項目是允許我們走捷徑的。如果我們事前準備充分,我們就能夠作出明智的決定。如果我們要展示縱向的數據(比如匯率或者產(chǎn)品價(jià)格單),那么有襯線(xiàn)字體就會(huì )比較合適,因為有襯線(xiàn)字體通常會(huì )在水平方向起強調作用。而由于有襯線(xiàn)字體能夠加強文本在水平方向上的流動(dòng)更適合性,因此更適合線(xiàn)性思維或者縱向空間不足的情況。

其實(shí)道理我們都知道,只不過(guò)經(jīng)常會(huì )忘了后退一步看看整體。我很喜歡Vitaly Friedman和Elliot Jay Stocks決定在Smashing這本雜志的文本中使用無(wú)襯線(xiàn)字體的理由。在鳥(niǎo)瞰整個(gè)頁(yè)面及其布局之后,他們總結道:

“因為Smashing Magazine上有許多的視覺(jué)內容——截圖、按鈕和浮夸的廣告——主體部分使用sans-serif就看起來(lái)更加的明智和整潔?!?/p>

——Vitaly Friedman 和Elliot Jay Stocks

字母易讀性

另外一個(gè)重要的易讀性測試是為了區分簡(jiǎn)單字體字形之間的區別。設計師使用全字母短句,或測試短語(yǔ)來(lái)評估和對比字體。比如有名的短語(yǔ)“The quick brown fox jumps over the lazy dog”、“Handgloves”、“Hamburgefonstiv”。

設計師Jon Tan想出短語(yǔ)“aegh! iIl1 0O”使用了很長(cháng)時(shí)間。這個(gè)短語(yǔ)能有效獲得一種字體的特性,并且能檢查字母“i” “I” “l(fā)”“1”“o”“O”的差異性。

我們可以把這個(gè)短語(yǔ)擴展一下,使其包含斜體、小型大寫(xiě)字母和數字。比如我們能加上一個(gè)斜體的“e”,只是為了確認它不像變形之后的小寫(xiě)字母“a”,尤其在字號很小細節會(huì )丟失時(shí)。


外交事務(wù)

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

很少在南斯拉夫語(yǔ)系中看到匈牙利語(yǔ)中有“gy”字母組合克羅地亞方言中有“ij”組合,更不用提兩字一音(“ch” “d?” “ij” “l(fā)j” “ty”)和三字一音((“dzs”和“sch”)這些組合了。

很神奇的是,在意大利字母表里,字母“k” “j” “w” “x”和 “y” 只用來(lái)適應外來(lái)語(yǔ)言,有些用的還非常的口語(yǔ)化,比如“k”當作強調的“c”使用。所以當我在意大利搶一個(gè)家伙的道時(shí)他對我吼過(guò)這個(gè)詞?;氐秸},因為字母表減少了那么多字母,所以導致了很多“cc”“l(fā)l”“tt” 和zz”以及與“o”和“i”的字母組合。你可以像到這些組合導致了一些很尷尬的間距。

在東南歐,姓氏經(jīng)常是以“?”或“?”結尾的,沒(méi)人喜歡他們的名字里有被剝奪了發(fā)音的字母,更糟的是還用后備字體來(lái)渲染。丹麥和挪威使用“?“,德國使用“?”,這些只存在于拉丁字母表內。



認識你的目標語(yǔ)音里的字母和字母組合

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

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

我們相信大家面對熟悉的字體時(shí)閱讀是最順暢的。(PDF, 11.5MB)就連像Zuzana Licko 和 Erik Spiekermann這樣的專(zhuān)家也說(shuō)在閱讀最常接觸的字體是閱讀最流暢??纯茨闼紤]的字體的發(fā)展史,然后與通常目標受眾最熟悉的字體作比較。

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



用Skolar來(lái)代替Times和新羅馬字體?你能看出兩種Times的字體有什么區別嗎?

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



3)在響應式布局的年代展示字體

現在網(wǎng)絡(luò )上又能重新見(jiàn)到窄黑體、奇異風(fēng)格還有專(zhuān)門(mén)用來(lái)裝飾的字體。這些字體不僅加粗了,增加了風(fēng)格的多樣性,而且有抓住人眼球的功能,就像吸引人的報頭和長(cháng)篇文章中的章節節點(diǎn)。關(guān)于格式的建議不是本章的討論范圍,因為網(wǎng)頁(yè)的標題經(jīng)常都為了吸引人訪(fǎng)問(wèn)而采用搜索引擎優(yōu)化的辦法,這和傳統印刷材料中標題的功能已經(jīng)有點(diǎn)不一樣了。但是讓我們來(lái)看看在從來(lái)都是非靜態(tài)的網(wǎng)頁(yè)環(huán)境中設置標題這件事情的潛在陷阱。

如果忽略屏幕方向和屏幕分辨率的變化,那么頂端skyline由多個(gè)字詞組成的標題(比如說(shuō)瘦長(cháng)的無(wú)襯線(xiàn)字體)應該能夠對橫向電腦桌面大小的節點(diǎn)起很好的作用,但在智能手機直式方向上可能會(huì )占用太多垂直空間,尤其是原文一行的標題在智能機上要轉成兩行。雖然調小字體大小來(lái)調整有一定作用,但是效果未必能比在臺式電腦的文本清晰。

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

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



這個(gè)標題用一行聯(lián)賽哥特式字體在手機上不夠清晰。設置多行的標題又占用過(guò)多的垂直空間



Nimbus長(cháng)非襯線(xiàn)字體與nimbus擴展非襯線(xiàn)字體的應用



4)組合字體

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

根據經(jīng)驗來(lái)看,為了避免排版災難,組合字體時(shí)考慮合適的行高。對比同樣字號的不同字體的行高是檢測這些字體是否能共存的一種試驗。記住網(wǎng)頁(yè)排版是永不過(guò)時(shí)的。保持排版和諧不是項簡(jiǎn)單的任務(wù),相同基線(xiàn)的元素需要不同的字號來(lái)抵消不合適的行高。


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



5)最穩妥的方法

遵循字體間的關(guān)系和用戶(hù)自身的常識是結合字體是最簡(jiǎn)單易行的方法。

較大字體體系中的一種可以與該體系中其他字體在任意軸上結合,如粗細、寬度和字形。因此使用同一家族中的字體會(huì )簡(jiǎn)便得多??纯春话?、斜體、粗體和粗斜體等多種基本字體的擴展字體或者大家族字體。擴展字體包含從細到粗甚至多重寬度的所有軸。而大家族字體,也稱(chēng)字體體系,則比擴展字體多包含非襯線(xiàn)和有襯線(xiàn)字體,以及文本、特印字體、分級字體等。

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



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

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

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

最后一個(gè)方法是結合同一個(gè)字系的字體,因為同字系通常都可以提供能夠結合的字體。如經(jīng)驗豐富的設計師和排印師所說(shuō),聰明的設計師會(huì )訂閱排版印刷相關(guān)的時(shí)事通訊,經(jīng)常接觸大量被認可并反復使用的結合字體。日積月累,你的時(shí)事通訊文件夾會(huì )變成一個(gè)可以借鑒的檔案,這可是一個(gè)獎勵。

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

跟烹飪一樣,從準備可食用的簡(jiǎn)餐開(kāi)始,然后漸漸知道怎樣能夠毒不死人。你就可以把烹飪書(shū)放回書(shū)架,開(kāi)始使用奇怪的香料,建立自己的烹飪程序。如果你萬(wàn)分需要實(shí)際例子,以下是幾篇十分有用的文章:

? “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)編輯附言

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

“設計師喜歡平靜的灰白色調,這堆讀者是個(gè)天大的災難?!薄狤rik Spiekermann

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


7)人人有責

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

第二,頁(yè)面上沒(méi)有折頁(yè)或者物理邊框是一把雙刃劍。好處是文本在屏幕顯示上基本無(wú)限制。而壞處是,由于很多時(shí)候頁(yè)面頂端和底端無(wú)法同時(shí)顯示,要設計平衡的排版就會(huì )變得很困難。因此,編輯輔助在幫助我們創(chuàng )造更好的閱讀體驗上有重要價(jià)值。讀者把滾動(dòng)條往下拉的時(shí)候,不能期望他們像跑馬拉松一樣一路不停歇直到終點(diǎn)。

為所有人做設計的時(shí)候不要做任何假設。我們要接受一個(gè)事實(shí):我們的排版設計將會(huì )以一系列像素密度的形式顯示在硬件設備上。所以我們要確保設計出來(lái)的文本盡可能的易讀,無(wú)論讀者所處的空間、時(shí)間、認知、社會(huì )現狀和身體狀況等因素有何種變化。過(guò)去的嚴格不變的規則已經(jīng)一去不復返,我們的責任是對一個(gè)項目盡可能全面透徹的了解,而后做出明智的決定,并且建立穩固的設計概念。


聯(lián)絡(luò )方式:

中國 · 天津市河西區南京路35號亞太大廈1403室
電話(huà):15620613686
郵編:300220

安徽省| 济宁市| 滨海县| 乐安县| 通榆县| 陵川县| 新巴尔虎左旗| 扎鲁特旗| 延长县| 阜宁县| 蓝山县| 阆中市| 霞浦县| 雷山县| 龙游县| 南召县| 精河县| 望谟县| 陈巴尔虎旗| 余干县| 新野县| 孟津县| 华阴市| 内江市| 阆中市| 昭通市| 郓城县| 旺苍县| 天台县| 子洲县| 沂水县| 和平区| 江北区| 昌黎县| 无棣县| 巧家县| 北京市| 成武县| 龙岩市| 兰溪市| 阿鲁科尔沁旗|