2017年8月9日 星期三

格式大戰:你用的字型檔,是巨頭們大戰後的產物

為了制定電腦字型格式,四大科技巨頭進行了一場爾虞我詐的爭鬥。在遙遠的 1980 年代,美國科技公司進入白熱化的戰國時代,競逐一座不知在何方的聖杯:不遠的未來,人們會擺脫紙筆尺規,設計工作都將移到電腦上進行。
透過電腦,能直接看到工作成果會是什麼模樣。一旁的印表機則能把這影像變成實體的文件,品質與過去的印刷術完全不相上下。不只如此,還可以透過「網路」把成果即時分享給任何人。戰況激烈,改變世界的關鍵技術年年爭相推出。這瘋狂競爭將帶來人類史上最大的變革之一。現在,我們把這段歷史稱為:桌上出版革命。
但他們得先克服一個難題:字型。




登場人物介紹

Adobe (C-3PO 與 R2D2 合飾):發明 PostScript 技術,開創向量字型技術先河;又是設計師的好捧油,對於如何做出美美ㄉ事物相當熟悉。這整套技能讓他們在這場戰爭中具有左右戰局的地位。
Google(尤達大師飾):2016 四巨頭中唯一沒有參加到當年字體戰爭的角色。但因為 2000 年後逐漸站穩網路龍頭一哥的地位,所以在字型有很大的話語權。
Apple(達斯・維德 飾):黑暗的帝國,強大的黑暗原力。在 1984 年推出第一台可以讓個人在家、在辦公室選字型的 Mac 電腦,1985 年推出第一台支援向量字型的辦公室雷射印表機⋯⋯這些機器開創了一個嶄新的時代,可以說是「桌面出版革命」的主要推手。只不過,再好的裝置也得有軟體支援,於是 Apple 便與 Adobe 展開合作。但是⋯⋯
微軟(賈霸飾):當強大的黑暗帝國大肆開啟桌面出版革命時,微軟起初還只是居於被動的男二女二角色。只不過,隨著自家產業日益壯大,黑暗帝國也進入中衰,策略又不佳,微軟漸漸在格式大戰中佔上風,並得到了最後的勝利。



本次故事登場人物

1984:變革第一槍 PostScript

有始以來,做文件都得用實體物品,不管是鉛字,或照相排版的感光玻璃盤,字都是有重量的。電腦發明後,文字變成一種虛擬的程式。
一開始電腦只能以點陣的方式表現文字。由於只能理解點與點的相對位置,當時的電腦是沒有曲線的世界。



點陣字為固定大小,無法完美縮放。

1984 年,一間剛成立沒多久的小公司 Adobe 發明了 PostScript,一種讓電腦了解何謂曲線的描述語言,開了變革第一槍。這意味著電腦文字將可能與過去印刷術的文字一樣美麗。經典的 Adobe Originals 系列,例如 Adobe Garamond, Adobe Caslon 都是應運 PostScript 而生的字型。



Adobe 發明了 PostScript 開啟向量字型時代

1984:Hello,我是第一台能讓你選字型的電腦

當時,另外一項了不起的事情是蘋果的 Mac。這是第一台可以讓使用者自己在家、在辦公室選字型的個人電腦。同時,它也是第一台有圖形介面(GUI)的個人電腦,讓使用者能更直覺的用電腦創作。



蘋果推出 Mac,可以讓使用者自己選擇字型

隨後,在 1985 年,蘋果公司又發表了 Apple LaserWriter,這是第一台能讀取 PostScript 的雷射印表機,同時也是最早問世的消費型雷射印表機之一。有了電腦、圖形介面、美麗的向量字型與雷射印表機,理論上就已經初步奠定了「個人能在家自己印文件」的「桌上型出版革命」了。



桌上型出版革命:Mac+LaserWriter+PostScript

什麼才叫酷?所見=所得才叫酷。蘋果表示:Adobe,你⋯⋯

截至目前為止,Adobe 與 Apple 這哥倆好的合作看起來前途無量呢!不過⋯⋯真的有這麼好的事嗎?正所謂商場上沒有永遠的朋友。PostScript 並不是免費讓蘋果用的,雖然 PostScript 很厲害,但授權金也非常高。
這也就算了。但蘋果真正在意的是想要實現「所見即所得」。這時候,在螢幕上看到的還主要都是點陣字。雖然印出來已經可能是向量字,但是要實現「所見即所得」還有一段路!
這是科技人心目中最酷炫的理念:在電腦上看到的,輸出後就是一樣的結果。所以蘋果非常希望 Adobe 可以透露 PostScript 的原始資料,讓電腦也可以在螢幕上運作向量字。



Apple 希望實現所見即所得,但 Adobe 不願放行 PostScript 原始碼

不過 Adobe 就是不答應呀!萬一這個搖錢樹被你們黑暗帝國學過去了怎麼辦呢?不敢輕易放行的 Adobe 訂定超高的授權金,讓 Apple 知難而退。

1989:聯合次要敵人,打擊主要敵人

於是在 1989 年,蘋果繞過了 Adobe,找來這方面的次要敵人:微軟,一起開發新的向量字型格式:TrueType。賈霸,呃不是,微軟就在此時站上了桌上型出版革命的舞台。
TrueType 終於實現了蘋果對於所見即所得的願景。



1989 Apple 找 Microsoft 共同研發 TrueType
TrueType 與 PostScript 之差異

1990:Adobe 的新希望——ATM 與 MM

隔一年,Adobe 搶先於 TrueType 推出的九個月前,推出了 ATM。不是自動櫃員機,而是 Adobe Type Manager。這讓螢幕可以預覽 Type 1 字型在印表機印出來的樣子。



1990 Adobe 推出 ATM 與 Multiple Master

不過接下來才厲害:Adobe 還想推出一個非常重磅的功能:Multiple Master。簡稱 MM。



Multiple Master 多主板功能,可用數學方式自動演算出極端值之間的中間值

MM 預料將能實現不同字體型態的即時演變。例如使用者可以自己操作介面,把字體從「極粗」體調整為自己需要的「極細」體。若能實現真是太神奇太強大了呀!

1991:帝國大反擊——TrueType GX

不過,Apple 畢竟不是省油的燈。不久後,TrueType GX 就推出了。與 Multiple Master 相似,能達到字體即時變化的目的。不過卻用了比較聰明的方式,讓字體設計師可以不用做那麼多事,卻可以達到一樣的效果。

而且,還進一步地提出了替換字符與連字功能。這些東西是什麼呢?
TrueType GX 內建的連字與自動取代功能,可以做到即時的變化。例如在文件裡輸入 coffin,裡面的 fi,在特定的字型與特定的軟體中(例如 Adobe Garamond 在 Mac pages)可以做到即時的變化,替換成 fi 連字。



連字與替換字符,是 TrueType GX 的新進展

理論上,這樣的技術應該又會帶來一波天翻地覆的革命:只裝一個字型檔,卻能做到 5 個字型檔的事,聽起來怎樣都很划算啊?
但是不論是 Adobe Multiple Master 或 TrueType GX 都面臨一樣的問題:太超前自己的時代,只好玩自己的遊戲。那時候連電腦都還沒有到非常普及,平面設計用原本的字型也已經夠了。可以自動算出中間值的技術無用武之地,而兩家公司也有一定程度的封閉性,沒有別人(例如一票字型公司)要加入一起玩的情況下,這樣的技術暫時面臨停滯。



技術雖然先進,但市場環境還沒成熟

話雖如此,直到多年以後的 iOS 7 ,蘋果仍是用 TrueType GX 打下的基礎,來實現所謂的 Dynamic Type 動態字型變化。而這種自動演算的方法雖然暫時退出了商業字型市場,卻在造字軟體上實現了,fontforge 跟 Glyphs 都有這樣的功能。
而 2016 年的多螢幕時代,四巨頭坐下來談的,正是把這些先進功能放回字型檔裡面的事。

1997:絕地大反攻——OpenType 推出

歷史再度重演。
雖然 TrueType 當初可是微軟與蘋果一起發展出來的,但 TrueType GX 卻是 Apple 獨佔的技術,不願意與微軟分享。
這個時候,微軟已是個人電腦領域的領袖了。想要有 TrueType GX 的功能在新的 Windows 系統中,但又得不到蘋果的幫忙。結果就做了當年蘋果做過的事情:與敵人的敵人確立新格式。
這一次的新格式就是後來數十年電子裝置支援的主要字型格式:OpenType。



1997 Adobe 與 Microsoft 共同研發 OpenType

不但與 TrueType GX 一樣,支援 ligature 與替換字符,還兼容萬國碼 Unicode,讓其他語系的作業系統也可以顯示向量字型,方便公司的全球佈局。
格式大戰後來是由 OpenType 勝出了。



OpenType 成為較普遍的字型格式

不過,OpenType 的支援度,還是相當有障礙。
以在 2016 年推出的金萱來說,就遇到了很多比較舊型的軟體不支援 OpenType。甚至連有些版本的 Office 也對 OpenType 格式支援度不足。



MS Office 對 OpenType 支援度仍不足

2016:原力覺醒——OpenType 1.8

過了快二十年,來到了多螢幕的時代。
在這個時代,每個人常常在不一樣的螢幕之間流轉。這些螢幕上面的字,大小並不一樣。很 one size fits all。先前的 TrueType GX 與 Multiple Master 技術終於遇上它們適合的時代。
若各大作業系統、軟體陸續支援,未來的 OpenType 可能將讓我們做到只要移動一個滑桿,就可以改變字體的圓角、粗細、寬度、斜度⋯⋯等面向,設計師更能享受字型檔的強大,而讀者的體驗也可能會更好。



2016:四大巨頭聯合制定 OpenType 1.8

就在 2016 年九月,三個相爭已久的宿敵:Adobe、Apple 與 Microsoft,終於坐下來談。這次還加上後進者,網路一哥 Google,共同宣布推出新格式:OpenType 1.8。把 1990 年代就發明的 Multiple Master 多主板科技加回字型檔中。使用者可望在各大文書、設計軟體,甚至網頁瀏覽器中,使用這種即時變化的功能。

在不遠的未來,我們或許可以在網頁、排版設計軟體裡面這樣調整中文字型。格式大戰的故事也還會持續下去。



OpenType Wars 大事年表




--
原文出處請點此

設計名片前要注意的10件事




名片設計是商業設計中相當重要的一環,好的名片設計能夠讓客戶第一眼就吸引別人的目光,不過,可別小看一張小小的名片,真的要設計出一張好看又出色的名片,需要注意的項目可不少。


名片設計是商業設計中相當重要的一環,好的名片設計能夠讓客戶第一眼就吸引別人的目光,不過,可別小看一張小小的名片,真的要設計出一張好看又出色的名片,需要注意的項目可不少。今天,我們就來跟大家分享一些名片設計時要注意的基本觀念。

一、確定名片尺寸與外型

最常使用的名片尺寸是90 x 54 mm,這是一般我們拿到的名片中數量最多的,而大部分的企業尤其是商業、金融、管理類型的企業最常使用這種尺寸的名片。而設計藝術或創意類型的工作,為了要展現自己的特色尺寸和外型就相當多元。如果你需要設計特殊尺寸的名片,一定要先跟客戶和印刷廠確認清楚是否能夠製作,以及費用要多少,當然外型越特殊的名片製作成本就越高。

二、選擇顏色與材質

了解客戶的屬性以及企業主色調之後,選擇合適的顏色以及要使用的材質,顏色的部分請選擇CMYK,如果用到特殊色的部分,請記得去校色。熟悉每一種紙張的材質以及顏色在紙張上面的呈現效果,是最基本的功夫。舉例而言,如果希望呈現出鮮豔的顏色,就不適合使用水彩紙,因為顏色會變暗。

三、選擇印刷方式

數位印刷,合版印刷,還是獨立版印刷費用都不盡相同。一般而言,如果對顏色很要求的話,建議不要選擇合版印刷,因為顏色要跟你預想的一樣機率是相當低的。如果有特殊的造型需要開模的,肯定要選擇獨立版印刷才是較好的選擇。

四、是否有特殊工法

局部上光、上霧面或者是亮面,這部分就需要另外製作一個上光的檔案,如果需要局部上光,除了提供原本的正反面有顏色的檔案之外,還需要另外提供你要局部上光地方的檔案給印刷廠。如果是圓角或者是中間有簍空的部分,也需要再提供檔案。最重要的是,一定要跟印刷廠確認一下是否能夠製作以及需要多少費用。

五、要顯示的資訊與字體大小

基本上一定需要的訊息有「姓名」「電話」「email」「公司名稱」「地址」,這部分一定要跟客戶再三確認,如果有任何一個資訊錯誤的話,重印是絕對逃不掉的。另外一部份就是字體大小,有時候為了設計感把字體設計得很小,會影響閱讀性,尤其客戶的年紀較大時,千萬要避免這種情形。

六、注意出血尺寸

出血是為了要方便裁切,大部分是四個邊都要多出1 mm的空間出來,不過每家印刷廠需要的出血尺寸不一,請先跟印刷廠確定。另外,重要資訊千萬不要擺得太旁邊,要不然電話號碼如果少一個就糗了。

七、避免在名片四周使用邊框

雖然使用邊框會有一種強化中間訊息的效果,不過由於裁切名片的時候可能會有誤差,如果使用邊框的話,很有可能讓四邊看起來不一致,整體的細緻度會下降。

八、文字轉外框

這已經是最基本不過的觀念了,不過還是常常有人忘記,印刷廠就得要再打電話來麻煩你轉外框。這樣會增加很多作業時間,而且有點不專業,切記切記。

九、存檔的格式

和你合作的印刷廠做好溝通,看他們需要甚麼樣類型的檔案,如果使用向量檔,請記得Ai存檔的版本要是印刷廠有的。有時候太新的版本,他們不一定會有。

十、確認印刷數量與相關資訊

送印的時候,記得要把印刷數量、紙質、工法、印刷方式確認清楚,這樣一來可以提高工作效率,同時也能夠減少溝通上需要往來的時間以及可能發生的誤差。

最後我們從「淘靈感」上挑選了一些有創意的名片案例,跟大家分享一下,希望能夠給大家一些名片設計的靈感。當然,也歡迎大家平常多多到「淘靈感」上面去找尋自己的設計靈感喔!

Via










UI和UX設計的差異















為什麼藍色會成為UI設計中最常用的色彩?

藍色是UI設計中很重要的顏色,也是使用範圍最廣、最常用的色彩。
在你的手機當中,許多APP都採用了藍色的LOGO,而它們的UI也大多也將藍色作為主色調,Facebook、Twitter、Shazam、Safari、支付寶均是如此。

那麼為什麼大家都會不約而同地選擇藍色呢?

原因很多,但是最主要的還是下面的幾個。

1、大多數的用戶喜歡這個顏色。
有調查研究指出,大多數的人都喜歡藍色,藍色被認為是全球範圍內最安全的設計用色。



2、藍色與自然相關。
清朗的天空和純淨的水,在多數時候都呈現出漂亮的藍色,
它們代表著好天氣和健康的水源,
這種對自然的親近深藏在人類的基因當中,外化表現為對藍色的喜好。


3、藍色還是UI設計師的通用色彩。
從UI設計師的角度上來看,這是一種泛用且實用的色彩。
常見的色彩當中,紅色、橙色、綠色對於用戶都有這強烈的情感影響,
其中黃色常用作警告,紅色能夠喚醒用戶的激情,也能夠昭示危險,
而綠色常常關乎健康、安全,相比於它們,藍色的泛用性明顯更強。


4、藍色所傳遞的情感相對更加抽象,它還能傳遞出“創新”和“科技”的感覺。
所以,當公司採用藍色LOGO的時候,常常會讓人想到技術和創新。


5、藍色會讓人有安全感,因此許多旅遊相關的APP和網站會樂於採用藍色的UI設計。
它隱隱傳達出可靠、信任的感覺,對於旅行類的應用和網站,無疑是不錯的選擇。



6、藍色讓產品看起來更加值得信賴。
更準確地說,它會讓用戶更傾向於覺得“這是我要的產品”,
當這種感覺和品牌本身的運作和特質結合起來的時候,就能夠形成讓人信任的品牌性格了。DELL、IBM、Intel、AT&T、和 PayPal 都是利用技術來營造品牌的信任感,
進而創造出讓人日復一日值得信賴的產品。


7、藍色對於色盲也足夠友好。佔比最大的紅綠色盲群體都能夠清晰地分辨出藍色。



藍色是Facebook 的主要色調,因為馬克祖克柏就是色盲,
正如他所說:“於我而言藍色是我最容易分辨的色彩,所有的藍色我都能掌控。”


在讀完這篇文章之後,千萬不要輕率地將你的網站品牌用色改為藍色,
因為泛用並不意味著它適宜所有的地方,而泛用也並不意味著“最好”。

藍色依然是一種安全的色彩,
當你的產品或者網站契合藍色的氣質的時候,不妨選擇它,
但是始終記住一點:選擇適合自己的產品的色彩,才是正確的選擇。