HappyDesigner Meetup 7 雜記

Web Font 漫談 / Michael Yeh 葉俊麟

談了Web Font的發展,還挺好玩的。

先說到為甚麼網頁使用的字型如果電腦沒有、就只能以預設字型顯示的原因。一般我們都會說那因為電腦沒有,而更深入的原因是網頁在傳輸的時候,只有「傳碼不傳型」。因為型不傳,所以就得靠你電腦裡面有沒有這個字型,沒這個字型就不會顯示。

微軟在1997時開發一個叫做Web Embedding Fonts Tool(WEFT)的工具。這工具可以將HTML透過WEFT轉換成一個新的html與一個EOT,於是網頁上的特殊字型變成是以EOT的格式,因此不管在哪一台電腦,你在那個電腦上都可以看到這個字,即使你自己的電腦沒有這個字型。但當時這個EOT格式不是開放格式,在1997~2007的時候,這個作法是一個被專利化包裝的東西,也就是說別人就算想做也不能做,因為被專利化保護了,而微軟本身後來也沒有再維護這個工具,所以web font的發展在這段時間可以說是停滯的。

到2007年11月,微軟向W3C提出讓EOT變成css一部分的要求,被W3C駁回。
駁回的原因很有趣,有兩大點

  1. EOT的第一個字是Embed嵌入,在做網頁都知道html本身只是一份文字格式的文件,任何的圖片,影片,實際上都不是真的嵌入到檔案裡,只是用連結的方式顯示在對應的位置。因此當然會希望字型也是用同樣的方式,而非嵌入。簡單來說就是W3C不愛嵌入。
  2. 字型因為牽涉到版權問題,因此如果依照第一點的說法、不用嵌入的,那就得限制某些連結不可以被直接連過去。但W3C認為,像是圖片其實也會有所謂的版權問題,他們覺得版權問題應該要從法律面去著手處理,而不是在做網頁的過程中去用這種方法做限制。

一直到2008年1月,微軟同意把EOT的規格開放,把相關開放規格都提供給W3C,遵循W3C的Royalty-Free Licensing。

現在開放的文字格式有很多種,有EOT、opentype、WOFF等等,而提供網路使用字體最大的難度在於「要能夠即時把有用到的字轉換成網路格式提供給web使用」,很難的原因除了「即時」,還因為Font data有很多種,而web font的格式也有很多種,debug非常困難(困難原因是有bug跑不動只會跳出一個「字型錯誤無法下載」的提示,然後就沒了…)而即時的部份,對拉丁文字來說很簡單,對中文自來說卻很難,一組拉丁文字的大小大概為20K,但是中文字卻是8M,下載一個8M的檔案大概需要五分鐘,一般人不會有這樣的耐性在等。

中文字為甚麼那麼大?因為中文字造字要造一萬多字。但實際上我們在寫文章的時候,根本不會用到那麼多字,因此作法是他們的script會去分析這的網頁裡使用了哪些字、然後即使提供那些字的字型。

外國的web font發展的比較快,台灣的比較少,可以上 http://www.justfont.com 看看喔!後面提供了幾個有趣的JQuery,可以跟css3搭配做出一些有趣的互動效果:Lettering.js、FitText、Scrollorama

 

UX & I, 李毓修

一開始先談了使用者經驗跟使用者介面的差別。重點筆記:

  1. 創造使用者經驗的不是只有使用者介面,而是整個使用流程,因此使用者經驗研究應該要把整個使用流程攤開來檢視
  2. 好的使用者經驗應該是在整個使用流程中,每一個接觸點都有正向的體驗,連接在一起的時候才能形成的。
  3. 使用者介面設計包含:版面視覺設計、資訊架構、操作流程與互動方式、文案內容

 

TBD 一切都在未定之天 , David Chen 陳文剛  

他講的內容跟上述兩個完全沒關係 XD ,完全就是在講他的生命故事。講完之後放了五月天的「乾杯

「時間都停了 他們都回來了 懷念的人呀 等你的來到」超催淚的….看完真的掉眼淚…

比較有趣的是,他講到他在 BenQ Lifestyle Design Center ,下一張簡報要放照片的時候我就在想,該不會看到同學在裡面吧?果然,世界還真小…

 

Keynote魔人如是說 / dAb

講如何使用Keynote搭配Keynotepia這個套件,做出prototype,他有展示他做的一個應用程式的iphone demo,完全用Keynote做,說真的,還滿酷的。

比較有趣的是他一開始講話的時候,覺得他聲音跟講話的感覺很像張雨生。結果他後來就說他以前的綽號就叫大寶,因為張雨生是小寶。

Keynotepia這個套件內的東西都是向量圖檔,所以可以拷貝貼上到其他可以處理向量圖檔的軟體上,像是illustrator,然後在Keynote內對圖檔使用 alt+command+ C/V 就可以把圖片的「樣式」剪下貼上到別的元件。簡單來說就是很容易跨軟體跟其他向量圖軟體做串接使用。

快樂學習?

我想很多人都誤會了快樂學習的真義。所謂快樂學習,不是無壓力。因為學習本身就是一種壓力。會覺得學習是快樂的,不是因為學習的過程有多歡樂。而是那種學習了之後、知道自己會了甚麼、更甚著在生活中能夠去使用、或是因此理解這個世界運作的規則,因為發現知道,而產生的那種「因為理解而覺得快樂」的感覺。

那才是學習會讓人快樂的原因。

但是學習的過程,絕對不可能一直都很快樂,那個過程是辛苦的,因為你要逼著自己去學一個你原本不懂不會的東西,你必須披荊斬棘,把遇到的問題逐一解決。然後在這個過程中,你得到了成就感,於是覺得快樂。因為成果讓你覺得快樂,於是過去那些辛苦的過程就不算甚麼。

所以真正的重點,不是說用怎樣的方式讓學習這件事情變成快樂的事,而是怎樣培養小孩子、讓他可以體會感受到因為學習、為了學習而辛苦、而最終終於懂了某件事情,而產生的成就感。所以快樂學習的真義,是從學習的過程中找到樂趣,而非只是用快樂的過程來學習。這是大家常常搞混的地方。因為同樣的學習過程,A也許覺得快樂,但B也許覺得很無趣。

舉個例子,我自己是做網頁設計的,網頁語法我是高中的時候,自己上網找資料自學的。會不斷自學,當然是因為興趣,也因為自己在這個過程中找到了樂趣。但我現在在教學生做網頁的時候,我常常覺得「教語法」這件事情是很無聊的。

這很奇妙,我很喜歡做網頁,我覺得做網頁的過程是有趣的。我覺得瞭解那些語法的意義是好玩的,我看到我用記事本打出一些語法,結果在瀏覽器上就可以看到視覺的成果,我常常覺得這個過程真的好奇妙。

可是我發現,我很難把我自己的這種體會、跟領略,在教課的過程中教給學生。於是假設我自以為是的說:「你看!這個過程很奇妙吧!透過瀏覽器的轉譯,原本看不懂得文件就有了視覺化的呈現」,學生大概會覺得「這老師在自high個鬼」

於是我回頭思考我以前的學習過程,為甚麼我會覺得學網頁語法是有趣的?是「做網頁」這件事情原本就很有趣嘛?不,純粹是我在瞭解的過程中,找到了自己的樂趣,但我卻很難去轉述,那個樂趣是怎麼產生的。

我想,所謂的快樂學習,實際上是會因人而異的。一個喜歡做廚藝的人,你要他去學化學,他可能會很辛苦,辛苦的覺得化學好無聊。但時如果有一天,他的廚藝培養到一個程度,他想精進,然後發現他必須瞭解一些「食物的化學」時,他這個時候回去學化學,他這時候也許一樣還是會覺得很辛苦,但是必能夠在這過程中得到甚麼而心甘情願的這樣辛苦。

所謂的快樂學習,應該是培養小朋友基本的表達能力後,接著巡著小孩的天性,讓他發展他的強項。這樣小朋友才可能在學習的過程中,找到自己的樂趣。

參考文章:李家同:「我不認同快樂學習!」

其實有時候滿同情李家同先生的。他年紀大了,有一些定見,於是他發表的某些文章,有時候會被網民拿出來批的很慘,加上以人廢言,以至於他發表甚麼文章,都會被批評。但不可否認,我覺得他在教育方面的一些看法,其實是滿不錯的。

當然,並不是說我覺得這整篇文章的論點我都贊同,但重點還是他主要想表達的「反對只有快樂而不學習」「所有學習的基礎就是國文、數學和英文」,這兩大部份我是認同的(真要說我覺得英文可以拿掉只剩國文跟數學就好 :p)。基本的表達能力跟邏輯思考的能力沒有先培養起來,就好像建大樓地基沒打穩一樣,之後要學別的事情,都會相對辛苦。

不過台灣的數學教育是否能夠培養出邏輯思考能力,這大概又是另外一個問題了…

關於吃的幸福感

我不是個美食家,但還滿愛吃的。愛吃歸愛吃,對食物卻也不算挑剔。

散步經過黃昏市場的時候,總會有種很開心的感覺。那種感覺跟到家樂福看到很多食物、或是到麵包店看到很多麵包的感覺一樣。 「好多食物啊!看起來好好吃喔!」,想像著可以買哪些食物,可以怎麼吃,就有種很滿足的感覺。

有時候自己出去,想不到要去哪裡吃飯,就會往爭鮮壽司跑。倒不是他們的壽司好吃到什麼程度,純粹只是喜歡看著食物在轉盤上不斷移動的那種感覺。一盤接著一盤來,又一盤接著一盤走。看到想吃的就自己拿。也許是滿足了那種「想吃的就自己拿不用客氣」的感覺。

食物有好吃不好吃之分,但我想,吃這件事情,本身就是一種幸福吧。

電腦螢幕桌架

老早之前就有這樣的問題:螢幕放在桌上,坐在椅子上看時螢幕的角度偏低,所以得低頭。如果只是一般使用還好,就盡量椅子做低一點,往後靠視線勉強ok。但是做正事聚精會神的時候,不自覺會一直往螢幕的方向靠,因此整個坐姿就會很自然的呈現不太好的樣子,久了脖子非常容易痠。偏偏我的脖子因為骨頭歪掉的關係,又是超容易痠的那種。而且液晶螢幕如果用一個角度看,會有很嚴重的色差。這樣有時候調版面顏色會很困擾。

想一想好像有看過人家說可以在桌子上墊的架子,到pchome找到這個:LOGIS.DIY桌面螢幕伸縮架/收納架。今天到貨,架起來效果好好呀~~~

坐在椅子上平視就可以看到整個畫面,而且因為墊高,桌子就多了更多空間可以利用。

效率

發現去咖啡廳或簡餐店,在那裡作事效率真的非常好…,早上就ko了提案版型兩款。我想是因為旁邊沒得分心,又不想一整天耗在那裡,所以跟在家裡作事效率差很多。另外一方面因為前一天就計畫要這樣做,所以今天要做的事情大概在腦子裡都有先規劃好,可能也是因為這樣才有辦法做很快。

不過很傷本,去一次咖啡廳點個飲料起碼120起跳。過了中午如果要吃東西當然也不可能換家,結算下來200~300跑不掉。偶爾為之還可以,天天大概就不適合了。想想如果真的天天這樣,習慣之後大概效率也會降低吧?所以大概一個禮拜這樣去個一兩次,當做刺激就好。

還在摸索怎樣的工作模式最適合自己。不過無論如何,都要想辦法提高在家裡工作的效率,所以結論是我要去整理房間了XD

加入工會

其實我每次看到工會想到的都是線上遊戲XD

回歸正題,因為這次想說要自己出來跑case,上次有做兼差工作那一年我只有去市公所保健保。但跟幾個人聊聊,加上最近看到二代健保的新聞,想一想還是要加入工會,除了有勞保,健保可以避掉那個什麼鬼補充保費的(這根本就是變相課稅,哪是什麼保險….)。又有朋友介紹說可以加入新北市升學補習教學人員職業工會。正巧我自己有在補習班教課,所以資格算符合。

今天就特別跑去永和一趟,流程還滿簡單的,就是帶照片、身分證影本,然後當場填資料,繳錢。完成~雖然說可以郵寄,但是因為怕少填什麼反而來來回回拖時間,外加今天有別的事情想一起處理,所以還是騎車去一趟。

保的時候那裏的小姐說如果朋友有需要可以介紹過去喔~所以來貼一下資料,有需要的人可以看看:p

新北市升學補習教學人員職業工會
上班時間: 週一至週五9:00AM – 5:30PM
位  置: 頂溪捷運站1號出口左轉,中興街郵局對面
地  址: 新北市永和區永和路2段116號4樓
(請由中興街入口進入,7-11旁電梯上4樓)
電  話: (02)2926-4899
傳  真: (02)2926-4888
E – mail: enter.t4899@msa.hinet.net

停車繳費單不見怎麼辦

這兩天發生的事情。

上禮拜去館前路上課,回家看到一張停車繳費單,想說讓他一直釘在車後座比較不會收起來忘了繳。結果這裡拜去上課出來牽車時,耶?單子怎麼不見了??遠方看到有人在開停車單,旁邊其他的機車都有單,就我的沒有,又想照理說那天也應該要有單,所以等於我有兩張停車繳費單都不知道怎樣消失就對了。(OS.到底誰手賤撕掉啦,莫名其妙的….)

後來上網查,查到這個「停車費查詢系統」
http://www.tcgpmo.nat.gov.tw/index.php?act=query&ope=save
除了可查詢還提供單據列印,好像還不錯。因為查出來的單具有特別強調請使用雷射印表機印,今天就去小七印出要繳費。第一次印出來,小姐刷不出來。我問「這可以用手動key嗎?」『這種的不行喔,不好意思』。心理想可能那時候想說一般停車單小小張,印小一點導致條碼糊掉。只好默默回去重新把圖片拷貝,這次印滿版總可以吧?

幹,還是刷不出來啦…..

不過這次結帳的先生看了看停車單說,ibon 有提供台北市新北市的停車單補印。總算順利繳費。後來對照了一下我印出來的跟ibon印的。簡單來說,因為停車單上有幾條線是很細很細的那種。但是「停車費查詢系統」提供的圖檔解析度沒有大到能辨識那麼細的線。以至於圖片本身細線的地方本來就是糊的,刷的出來才有鬼….

簡單來說,停車單不見可以先上那個網址查一下,然後不用印,到小七ibon 查詢後,直接在小七印出繳費單即可。另外那個網址的資料會比較新。小七的會慢一點。像我這星期六還有一張也是不見,今天早上查還沒有,剛剛回來重印重查的時候就查的到。但是去小七那裡只有查到比較舊的那一張。

算是很方便的服務就是~

順便講一下停車繳費單過期會怎樣。就是會收到一封信,要繳罰鍰。所以原本20元,變成要繳40元。一樣能繳,就是兩倍價錢這樣。