Café de Poète

AvatarJeter, le poète de CANCER. a personal Website creator since 1996, always looking for the best way of designing.

老品牌的新思惟 - 郵局便利箱/便利袋

同場加映:J-MALL TOKYO FASHION EXPRESS


郵局便利箱/便利袋推出也已經有一段時間了,其中也經歷過幾次改版,經手過的就有三個版本,獲得來源都是網路拍賣,而在郵局曝光的電視廣告中,就有一隻是以網路拍賣為主題拍攝,顯而易見,郵局便利箱/便利袋確確實實的瞄準了廣大的網拍族群,實惠的價格、全省均一價投遞服務與全國郵局及郵政代辦所數千個通路點加上可重複利用的設計,對於從事通路多年的宅急便,不啻是一個相當具有威脅性的競爭對手。

而難能可貴的是,以往在印象中,公家機關的宣傳物總是保守而缺乏新意,甚至會出現一些急就章或水準參差的品項,而於 2006 年 9 月問世的版本,充滿日式簡約風格的設計相當令人驚艷,設計者採用了環保味十足的綠色以及鴿子的圖像來象徵便利箱環保與郵遞的特性,並且以色塊的方式勾勒出整個版面,整體畫面相當乾淨而清新,盒面上也有許多貼心的使用提示,側面更是規劃了一個個人廣告的區塊提供網拍族群運用,當我收到這個版本的便利箱時,這個區塊的設計不禁令我會心一笑,細看之後更覺得這是值得收藏的一款設計良品,無論是在視覺上以及使用性上,都是經過思考的理性結果,一個好的設計,本當如此。



這個網站是由豐華唱片出資經營的,透過與日系潮流雜誌的合作來打開市場,雖然在產品本身可能需要篩選才能買到真正的良品,但是在配送時的包裝外盒,也有可嘉許之處,外觀設計上比較沒有可以稱頌之處,J-MALL採用學院風徽章來設計外盒商標,原色的紙材也是相當環保,比較值得一提的是它採用抽屜式的開闔方式,消費者可以把它當作一個收藏物品的小抽屜使用,而鞋盒般的尺寸可以搭配大部分的產品寄送,產品本身也會使用白報紙先包裝過再裝盒,隨盒都會附贈品牌貼紙一份,對於品牌的推廣也有一定的作用,J-MALL 在配送上的包裝可說盡善盡美,在網路購物廣泛使用的現今,的確可做為經營網路購物網站者參考的典範。

Related Link:
郵局 便利箱(袋)品牌

「無障礙」還是「唔,障礙」?



什麼是無障礙呢?簡單來說,即是在網頁上具備無障礙空間,讓身體上、心理上、以及技術上有障礙的朋友能夠順利閱讀的網頁,習慣瀏覽聲光效果滿載網頁的一般使用者,可能很難想像,在視盲、弱視、色盲甚至肢體殘障的狀況之下,能夠瀏覽的網頁會是長什麼樣,其實除非是完全以 Adobe Flash (Macromedia Flash) 技術所製作的網站之外,一個設計良好的網站,在加入了無障礙存取技術之後,單憑外觀你甚至會無法分辨,這個網站是否符合無障礙規範。

雖然 Dive Into Accessibility 提供了一個非常完整的無障礙親和力設計示範,不過其實一個符合標準的無障礙網頁,不一定需要長得像它這麼乾淨(或陽春)。


行政院研究發展考核委員會於九十一年六月開始推動「無障礙網頁開發標準暨標章核發作業」委外案,以 W3C 協會(The World Wide Web Consortium)所屬之 Web Accessibility Initiative (WAI) 組織的無障礙網頁內容標準相關規範 Web Content Accessibility Guidelines (WCAG) 以及各國在制訂無障礙網頁相關政策等相關措施,訂定我國的「無障礙網頁開發規範」,並且歸類為三個等級,從政府機關的網站開始落實實施,以循序漸進的方式,從全面性通過無障礙 1A 級標章開始。

那麼執行成果好不好呢?

在數年前,有機會提早閱讀了 Dive Into Accessibility 這本電子書,對於無障礙的觀念有了基本的認識,接著在一次公家機關的提案中,正式的著手開始撰寫符合無障礙網頁規範的網頁,我接受了 Jeffrey Zeldman 在他著作 design with web standards 中的建議,使用過渡技術以及結構化的 XHTML 搭配 CSS (Cascading Style Sheets) 來撰寫,並且使用@import的方式讀入樣式表 (CSS) ,使過舊的瀏覽器略過 CSS 直接顯示結構化的單純頁面,這種做法在移除樣式表 (CSS) 的狀況之下,仍然可以正常閱讀網頁內容,也就是說在舊版瀏覽器或是親和力瀏覽器(例如:螢幕朗讀軟體)上,使用者可以看到正常顯示且標題與段落相對關係清楚的內容,在這方面的排版技術上, css Zen Garden 上提供的範本清楚告訴你他們在這方面有多麼地內行。


在我製作的過程中,我也不斷地去瀏覽線上已經通過無障礙網頁規範的政府機關網站,不過很可惜的是,幾乎所有的網站都沒有考慮到將網頁的內容結構化這個部份,多半都採取在 <table> 表格中使用註解以通過自動檢測系統,雖然使用簡單的表格來作版面配置,並不會違反 WAI 或是 Section 508 甚至是我國的「無障礙網頁開發規範」,但是一旦拿掉樣式表或是在文字瀏覽器上,就成了結構紊亂的奇妙頁面,這樣的做法,對於無障礙存取除了沒有幫助以外,反而造就了另外一種使用動線上的障礙。

截至目前為止,我陸續經手了三個無障礙網頁開發案,不敢說對無障礙的技術已經非常了解,但是我認為結構化的標記語言搭配樣式表的做法,就使用性而言,絕對是無障礙網站的基本需求(即使使用 <table> 排版依舊可以輕鬆的通過無障礙自動檢測),可惜的是,我幾乎沒有看到落實這種做法的政府機關網站,甚至也有使用多個巢狀表格來排版的不良示範(但他們都掛著無障礙標章),只能感嘆這樣的做法在我的觀點來看可以說是流於徒具形式了。而在 Jeffrey Zeldman 的著作中也提到,應儘可能使用多種瀏覽器對網頁進行測試,以避免無效的 CSS 規則,很可惜的是經過瀏覽器大戰之後,許多網頁設計師選擇西瓜偎大邊,僅針對 IE 支援來設計網頁,這可以說又是一項違反無障礙精神的做法,然而這樣的案例卻不鮮見於這些通過無障礙規範的政府機關網站中,以推動無障礙規範的政府機關來說,可以說是相當不良的示範。


儘管設計範疇之廣,但是設計的共通原則卻是不變的,即是以使用者為出發點的概念,而關懷弱勢的精神更是一個良善設計中不可或缺的環節,希望藉由此篇文章的呼籲,能夠將無障礙以及跨平台的網頁設計概念,傳達給大環境中的執業設計師,不要讓無障礙的設計僅止於通過檢測獲得標章,而能夠真正地正視使用者的需求,讓殘障人士能夠在網際網路的世界中更貼近通行無阻。

Related Links:
Web Accessibility Initiative (WAI)
Section 508
Dive Into Accessibility
無障礙網路空間服務網
design with web standards
留住訪客,從掃除路障做起
瀏覽器大戰

統一香蕉牛乳478cc



7-11 便利商店在統一企業的經營下成為全台第一大便利商店連鎖體系,它的成功早已載滿美譽,走一趟超商,觸眼可及之處在在都是充滿新鮮味的商品,可見得統一對引進以及開發新商品的確投注心力。

近來適逢香蕉生產過剩,外銷的特級香蕉在批發市場約一斤 16 元上下就有,50 元不到你就可以買到一串漂亮又碩大的香蕉,加上最近添購了果汁機,因此香蕉牛奶變成了最近常喝的飲品,不但味道香濃,營養價值高,而且香蕉的甜度高,混合的過程中也完全不需要另外加糖,喝著喝著,靈光一閃,覺得超商裡的低溫飲品紅橘二將:西瓜牛奶以及木瓜牛奶,其實挺適合加上新生力軍,也就是香蕉牛奶,統一以其號稱的膜過濾技術,大打原味保證的廣告,不知道碰上了香蕉牛奶,會不會有令人激賞的火花?大企業若是願意出手,也算是可一解蕉農之苦,不過我對於企業經營是個大外行,或許這並不是一個高明的點子,不過既然有此念頭,先來自己張圖片過過乾癮也好。

考慮一下吧?

原發表於:Tuesday, November 07, 2006, 07:27

大頭,再見,再見。


淡水山區飄著細雨。

我在北新莊寵物安樂園火化處,等待著大頭的遺體火化。「再十分鐘。」撿骨師父說,我點了點頭,早上到現在,我與她的情緒已經不知崩潰過多少次,空氣中瀰漫的焦味,讓我跟現實產生了疏離感,撿骨師父在遠處逕自的餵養他飼養的小土狗,而我竟與大頭永遠的分別了。

「大頭應該收到我們送牠的蓮花了。」她帶著鼻音微笑地說,那一只紙紮的蓮花在焰火中化為灰白而鬆軟的碎屑,這是我們送牠上路的一點心意,希望牠能在紙蓮花的庇佑與地藏王菩薩的帶領順利往生極樂,蓮花的灰燼在金爐中滾動著,而大頭的身軀,也將成白骨片片,不久前,我們才用金黃色的往生被包裹著牠僵硬的身軀,一個半鐘頭前,她緊抱著大頭沒有溫度的身體和我搭著安樂園的交通車在公路上塞著,幾個小時前,我們還緊抱著牠剛往生而柔軟的身體啜泣,更早之前,我們還以為接牠回家吊點滴治療,會讓牠恢復的快一點…這一切發生的太快太突然,從送醫到牠嚥下最後一口氣還不到五天,接牠回家治療,竟也沒撐過一天。

大頭,你竟然真的走了。

「我不敢相信…我不相信…嗚嗚…」她又哭成了淚人兒,語帶哽咽不停的說著。這個像是工廠的地方,跟山腰上香煙裊裊的晉塔處真是兩個世界,但這裡卻才是往生寵物們真正的終點,多少才剛失去溫度的身軀,在高溫的火焰中化為主人們再也認不得的白色骨片,而在這個鐵皮屋工廠中哭泣的我們,是如此的突兀,但卻又是多少痛失寵物的人曾有的共同經歷,微涼的飄雨、乾熱的焚化爐、活蹦亂跳的小土狗以及散落一角的大理石骨灰罈,怎麼我沈重的悲傷,一時之間不知道該放在哪裡?

還記得這禮拜以來的腎衰竭治療期間,她憂心忡忡的說,大頭可能不能跟我們一起過聖誕節了,如今一語成讖,原本是流浪貓的牠,享樂的日子還不滿一年,去年當我們看牠戰勝 FIV 而逐漸恢復健康的時候,我們真的就像醫生說的一樣樂觀的相信,大頭可以安養天年,長命百歲,那整天懶洋洋在軟墊上睡翻天的模樣,真的再也看不到了,牠死前那兩聲用盡全身力氣的悲鳴,卻還在我腦海中揮之不去,當時我還天真的以為,前一天一點出聲力氣都沒有的牠,真的因為回到家裡的溫暖而有了康復的跡象,只是沒想到,這是牠努力對抗病魔到底之餘,保留給我們的最後一聲道別。

「大頭大頭,寂寞不愁,人家有狗,我有大頭…」



大頭還是流浪貓時在窗邊的身影,現在再也沒機會看到了。

Related Link:

Have you Strida yet? - Strida folding bicycle.

Have you Strida yet? 這是一位重度Strida玩家Skywalker在他的部落格寫下的一句話,對於愛上Strida人來說,Strida儼然已經成為一種生活態度!

一切都是從這個暱稱開始的「dino! ┼ X 雨不停 只好把STRIDA拜在這邊了」,加貝多的彭迪諾先生,讓我知道了Strida這個名詞,當時,我正在計畫買一台折疊自行車代步。

由於它深得我心的外型,以及英國設計、台灣製造的優良血統,使用皮帶傳動而非鍊條的獨家特色,我開始搜尋任何有關這台折疊自行車的資訊,終於在多方比較之下,我在板橋的大車輪捷安特,買下了我的第一台Strida,並且根據來自台灣Strida使用者俱樂部的建議,添購了一個矽膠座墊,順便也買了其他的配備、原廠車袋等,就這樣開始了我的Strida Life。

Strida設計者Mark Sanders來自RCA (Royal College Of Art) 工業工程系,他在畢業專題中將來自折疊嬰兒車的概念,具體的做出了1:1的原型,並且拿到了RCA Design Award,1988年開始量產,當年又得到了Cydex Design Award最佳產品獎,接著專利又賣給了現今的Strida公司,這台腳踏車也正式命名為Strida,在經過了一些細節修改後,推出了Strida 2,而第一代的則被稱為STRIDA MK1。




上圖左:Strida 2 上圖右:Strida MK1

由於英國製造的成本造高,在找過大陸的廠商後,由於品質未達滿意程度,因此Strida公司找上台灣的製造商,Mark表示台灣的製造商技術高超,除了速度快以外,又有相當多的零件供應商可提供許多現成且價廉的產品,讓來自英國的 Mark 大開眼界,由於永祺車業的大力支持,Strida 3就這樣順利的誕生,並且在 Mark 口中稱之為幾乎沒有缺點的版本,這次愉快的合作經驗也讓 Mark 印象非常深刻。



Related Link:
S T R I D A folding bike "a whole new way to move"
MAS Design Products Limited
永祺車業股份有限公司
台灣Strida使用者俱樂部
Strida 的迷思
ストライダに夢中!
なるほどれおなるほど
黒と銀のStrida
kirimax!blog
KikujiroのBD-1日記
ENCYCLEOPEDIA
◎ S T R I D A - 포토 갤러리

有意義的事 - あいのり学校



由日本富士電視台製作,在台播出相當受到歡迎的戀愛旅程節目あいのり「戀愛巴士」,其中一名畢業成員推出了周邊商品月曆,乍聽之下,可能不知道為什麼要提到這件事,請聽我娓娓道來。



「戀愛巴士」簡單的說,就像是現實生活中的戀愛偶像劇一樣的節目,一群互不認識的年輕人,透過周遊列國的旅程彼此開始熟識,而逐漸走向熱戀或失戀的綜藝節目,節目的規則未決定告白前,不可擅自透露自己是否喜歡對方的訊息,而一旦決定告白了,如果兩情相悅則可一起回日本,如果一方拒絕了,那麼告白的一方就必須與大家告別,獨自回到日本,接著會替補一位新的參加者。

而推出月曆名為阿英的這位成員,經歷了「戀愛巴士」中最長的14國旅程,其中大多數的時間,都是在一般人眼中落後而沒有競爭力的非洲國家,而在結束這些國家的旅程後,「戀愛巴士」開始了募集資金的計畫,其中阿英的月曆,也提撥10%的收入作為援助非洲貧困國家兒童的計畫所用,單是這份月曆的收入,就提供了約五百萬左右的日幣,而「戀愛巴士」在日本截至 9/24 為止,已經募集了 43,300,1774 日幣,並且將這些資金運用在建立「あいのり学校」之上,目前第二間分校也已經建設完成,提供給非洲貧困兒童唸書所用,這個綜藝節目,在非洲大地上打造了粉紅色外牆與綠色屋頂的夢想學校,彷彿替這些資源匱乏的兒童點亮了一盞明燈。



在第313集的節目中,阿英帶著在肯亞開設的銀行帳戶與金融卡,親赴非洲交給學校所在地當地的鎮長,讓他能夠運用這筆資金,提供學童無虞的學習環境,節目中並詳細列出了資金的運用流向,而在あいのり的官方網站上,也隨時提供最近資金募集與運用的狀況。

阿英也同時替這些學童上了一堂特別課程,他模仿日本有名的金八老師影集,教導學童漢字「人」的意義,是代表的互相扶持的意思。



昨天我也在新聞上看到了台灣提供電腦教室補助,讓無法就學的兒童可以上課的新聞,不過我並沒有記住是哪一個國家,我很高興能夠看到這則新聞,而我想要說的即是,「人」的確就是像金八老師說的一樣,是需要互相扶持的,除此之外,每個人都有責任付出一點心力,去做有意義的事,像這樣的一個戀愛節目,竟然可以幫助到遠在非洲的貧困兒童,再次讓我感受到日本在製作綜藝節目時,從未忽略要在其中富饒教育性,而非炒短線、爆話題,無論是過去「黃金傳說」、「搶救貧窮大作戰」的關懷社會現象,或是現在「黃金傳說」提倡節儉美德等,我相信還有更多的綜藝節目,都試圖教育下一代,更有原則、更有意義的生活態度。

這就是有意義的事。

Related Link:
フジテレビ - あいのり

大頭的故事



註:本文完成兩個月後,大頭因為腎衰竭而去世。

親愛的大頭,你來到家裡已經九個月了,流浪的日子,還深刻的躺在你腦海中嗎?

猶記得正式結緣的那個颱風天,我一早被你淒涼的呼喊吵醒,你為了躲避風雨,選擇了我住處的屋簷下,你又溼又冷,肚子正餓,其實我們在巷道中就見過面,我也餵過你幾次,你會選上我,一定是緣份註定的,因此我馬上送上貓食,希望在這個風大雨大的颱風天能給你一些溫暖,那還是2004年夏天的事情。

於是你就把這裡當成飯店一樣,時間到了自己就會出現,你哇啦哇啦的大叫,我餓啦!我餓啦!我當然聽懂了,也不會辜負你的期待,這時的你正意氣風發,身體健康的不得了,附近巷弄就像是你的王國,你總是匆匆的巡視著這片土地,我看你快步跑過時,總忍不住呼喊你幾聲,聽你大聲的回應,是啊!你的嗓門到現在依舊嘹亮,是我從未聽過的。這樣的日子持續了多久呢?總是習慣著被你打斷工作,打斷生活中的瑣事,把你餵的飽飽的,而你也總是很有規矩,不隨便侵入我的領域,哪像其他的傢伙,一聲不響的就跳下圍牆,一旦行蹤被發現又倉皇逃離,你就是有你自己的格調,有自己的特色,黑一塊的大鼻子,而且有一個特別大的頭,所以我喚你做大頭。

後來不知不覺中你有一個月沒來報到,甚至不曾看見你出沒大街小巷的身影,再見你時,你已虛弱的不成樣,一點都不是我記憶中的樣子,你消瘦了。

你消瘦的令人憐惜,虛弱到乾食糧已經無法進食,連美味的罐頭都只能勉強吃掉一半,我心中不好的預感已然成形,貓愛滋嗎…?帶你去就醫後,醫生殘酷的證實了這一點,你被疾病折磨的僅剩皮包骨,一點抵抗檢查的力氣都沒有,我能放著你不管嗎?答案是否定的,我匆忙的弄了簡單的鐵籠子,至少,先讓你接受治療。



該說天可憐見吧?醫生的藥奏效了,奇蹟似的你漸漸有了起色,體力也慢慢的恢復了,身子也慢慢圓潤了起來,不過先長肉的地方,依舊是你特別顯眼的大頭,醫生都說你熬過去了,說不定還能長命百歲,但是鐵籠不是你的世界,你的世界在外頭,你的王國,你的城邦,但在你虛弱的時候,其他的傢伙早就不客氣的接收了,你還有能力去抗爭嗎?再讓你出去流浪,我一定會後悔,我不要你在街頭淒涼地嚥氣,所以,先委屈一下吧!我會給你更大的家。



但你依舊想念著外頭的世界,一次疏忽,你奪門而出,我追了出去,拿著罐頭引誘著你,你幾乎就要投降了,可是當我抓著你的時候,自由勝過了口腹之慾,你又消失在我眼前,當時我好害怕,這會不會是最後一面?所以當你又伴隨著哇啦哇啦叫聲出現在冷氣壓縮機旁時,我又束縛了你的自由,只是,這次你有個透天厝,雖然我不知道你滿不滿意,但是我盡力了。

雖然之後你又逃了一次家,但是你依舊記得這裡的溫暖,外頭一定也有很多人思念著你吧?你是這麼有自己的堅持,這麼獨特,只是很抱歉,為了你的後半生,我必須綁住你的自由。

九個月來,你就像是為了彌補好幾年的流浪生涯,慵懶的倒在軟墊上,展現各種不可思議的睡姿,然後看著我又哇啦哇啦了起來。我知道,你餓了吧?快點吃吧!大頭。