超全面的UI界面字體選取與使用指南發(fā)布者：本站     時(shí)間：2020-06-05 15:06:02

+ CSS聯(lián)合實(shí)現在不替換頁(yè)面中文本元素的情況下，對文本進(jìn)行更為細膩準確的效果渲染。（ 使用sIFR你可以任意定義WEB中的文本字體，即便是客戶(hù)端瀏覽器未安裝的字體。sIFR使用Flash渲染字體效果，可以平滑消除文本鋸齒，你可以像使用用CSS控制文本一樣輕松得到各種文本效果）而在當時(shí)，這項技術(shù)是在Firefox和Safari 這樣的瀏覽器當中使用自定義字體的唯一途徑。不過(guò)由于這項技術(shù)極為吃?xún)却?，讓它在幾年內很快過(guò)時(shí)了。而2007年所問(wèn)世的iPhone 甚至直接同Flash 技術(shù)劃清界限。說(shuō)回文本和字體本身，作為界面中最重要也是最常見(jiàn)的元素，它本身也承載著(zhù)樣式、傳遞不同的信息，可以說(shuō)是界面設計中的一個(gè)核心分支也不為過(guò)。

2008年，主流的瀏覽器最終還是選擇了支持CSS3的@font-face 規則，這一規則在早期的CSS中也存在，但是在1998年的時(shí)候被剔除掉了。CSS3的這一改變令人振奮，我正好將這一技術(shù)運用到一個(gè)客戶(hù)所托付的項目上來(lái)，使得網(wǎng)站的瀏覽體驗得到了明顯的增強。

也正是因為我入行初期對于字體和排版的熱愛(ài)，使得我樂(lè )于鉆研這些東西，愿意為了一丁點(diǎn)的強化和改變而進(jìn)行深入的摸索。在今天的這篇文章當中，我希望將我所學(xué)到的這些基本的知識同大家分享一下，希望大家對于界面有著(zhù)更加深入的認識。

最初的圖形界面
文字和排版可以追溯到五千年前，而圖形化界面僅僅只有40年的歷史。最關(guān)鍵的轉折點(diǎn)出現在1973年的施樂(lè )，最早的圖形化界面出現在了他們的Alto電腦上，而這個(gè)設計就是現如今圖形化界面設計的基礎。在A(yíng)lto 的界面誕生后的10年里，幾乎是它一家獨大，并且它也被大家視作為數字技術(shù)的未來(lái)。



早期的Alto 在80年代進(jìn)化為著(zhù)名的施樂(lè )之星，而施樂(lè )的這個(gè)設計方案也成為了第一個(gè)商用的操作系統圖形化界面。



不過(guò)不論是Alto 還是施樂(lè )之星，都沒(méi)能真正意義上崛起。不過(guò)施樂(lè )的圖形化界面最終深深的影響了蘋(píng)果和微軟的道路，比爾蓋茨和喬布斯先后在施樂(lè )的研發(fā)中心觀(guān)摩了施樂(lè )之星的運作，而喬布斯更是在1984年先人一步發(fā)布了著(zhù)名的Macintosh 系統，也就是后來(lái)我們所熟知的Mac OS。



Macintosh 的發(fā)布不僅僅意味著(zhù)相對成熟的GUI的出現，而且它為大眾帶來(lái)了真正意義上的自定義字體的功能。這款系統內置了許多以著(zhù)名城市命名的字體，也正是在此之后才有越來(lái)越多的著(zhù)名字體的數字版本在數字平臺上發(fā)布并應用。



仔細觀(guān)察這些早期的字體，我們能夠發(fā)現，雖然已經(jīng)是圖形化的界面，但是其中絕大多數的界面元素都還是以純文本的形式而存在，它們以一種奇妙的方式被整合到一個(gè)界面當中。循著(zhù)界面的發(fā)展歷程沿路看過(guò)來(lái)，不難發(fā)現，文本和排版幾乎是貫穿始終的主線(xiàn)，它是一個(gè)不容忽視的核心類(lèi)別。

文本即界面
界面中的每一個(gè)文字、每一個(gè)字符都很重要。好的文本是好的設計。文本是最根本的界面，是我們設計師來(lái)塑造和打磨這些信息。

看看下面的天氣界面的設計，想象一下將所有界面元素都擺在桌上會(huì )是什么樣的效果：無(wú)非就是兩張圖，幾個(gè)圖標和一大堆文本。



作為設計師，工作并不是將一堆隨機的內容和元素排布在屏幕上，讓它們看起來(lái)夠漂亮就行了。真實(shí)的情況是，我們要從最核心的內容和文本開(kāi)始著(zhù)手，然后從這里著(zhù)手細化，并完善出其他的部分。這就是我們工作的核心。

文本的清晰度同樣扮演著(zhù)關(guān)鍵性的角色。如果我們的大腦花費一兩秒鐘單純只是分辨一個(gè)字形，那么清晰度上的微小差異是無(wú)傷大雅的?？墒钱斔鼈兘M合成為大段的文本，不同的字母組合構成不同的詞匯、段落的時(shí)候，清晰度的影響就更大了，排版的重要性也顯得更加明顯了。

當然，影響界面設計的文本屬性還有很多，比如平衡性，定位和層次結構，但是好的文案和排版的影響至少占據整體影響的95%。