記得以前上課的時候，一個教授這樣說過：「念研究所對地球來說是一件很夭壽的事。」

其實不只研究所，仔細回想我們整個求學過程…

• 國小字寫太醜被撕掉多少國語作業簿的紙？
• 國中考了多少試回家直接被揉掉？
• 高中印了多少講義因為打瞌睡被口水弄濕？
• 大學縮印了多少小抄然後把剩下的95%紙都丟掉？

當然上面這種情形全部發生也太悲慘了一點…

印錯這種事情，其實真的很常發生，印表機的錯我們就不要追究了，我們自己常常會列印出來了才發現打錯字、忘記上頁碼、或是要印黑白不小心印成彩色之類的…。那印錯的紙怎辦！？愛地球的人都會拿來當計算紙、草稿紙，而這個網站呢，則提供了兩個格式的PDF檔，讓我們把印錯的紙拿來再利用，變身成設計精美的週行事曆或是月行事曆。另外他們還歡迎把使用情境照寄給他們，會放到網站上給大家參考！

此外，這樣簡潔的網頁設計感覺很舒服，而簡單中又有線條營造出來的動感，厲害厲害。

ReprintMe：http://www.re-print.me/

約莫八年前開始使用Mac，對於Apple在整個使用者體驗的營造上非常地佩服，也因此就一直使用到現在，除非必要，和Windows系統可以說是撇清關係了。那時候還不認識Steve Jobs，一直到了當屆的WWDC，才在演說過程中見識到他的個人風格與魅力。

Steve Jobs這個人，絕對不會每個人都喜歡他。他對於他的理念有太強烈的堅持，也有人說這是霸道、是固執，但是從這些地方也襯出了某些吸引人的特質 ─ 特別是他所堅持的那些理念。

之前看過這篇John Sculley談了Steve Jobs在設計產品時的一些原則，今天又看到了一篇1994年Wired的訪談，從中我們都可以看到Steve Jobs他對於產品設計的某些核心想法。身在台灣這樣一個對於「設計」、「創新」的認知還尚在慢慢建立的特殊環境裡，對於其中一些重點特別有感觸。我很愛台灣、更覺得台灣有能力的人有很多很多，但創新、創作、設計等圈子的整體能量遲遲不能爆發的原因究竟在哪裡？每個人應該都有自己的答案…

沒有目標族群

當大眾對以圖像為基礎的電腦完全沒概念的時候，怎麼可能去問他們圖形化電腦不應該是怎樣的？

當我們心中想的，是一個非常先進的概念，完全跳脫了現有的想像範疇時，我們的目標族群是什麼？沒有目標族群…。當然這對於一個正常的企業來說，會是相對非常冒險的事情，通常在企劃中都會要我們提出明確的目標族群並盡可能地做出各種評估，才能衡量下一步該怎麼作。這樣的方式在現在的環境，是不是要重新找到一個評估與執行的平衡點？有太多時候看到的都是早就有的idea卻被別人搶先做出來而且成功的例子了。

要設計好一個東西，要先有熱情去了解

在進行設計時，如果這個產品是我們不了解的、不清楚其使用的行為與方法，只是想要把他做的好看、做的漂亮，則這個東西的生命是不會太長的。

設計是一個很有趣的名詞，有些人覺得設計就是在包裝事物看起來的樣子，但事實上只要我們想的夠透徹就會發現，設計其實是在琢磨事物是如何使用、如何運作的。

這是一個很重要的重點，常常在一些場合可以看到號稱「設計款」的產品，外型亮眼前衛、色彩賞心悅目，卻怎麼看也不知道他怎麼使用。Steve Jobs認為如果只是很表面地去了解一件事物，而未帶著熱情去嘗試理解、融入整個過程的情境，是不能體會到其中的一些重要細節的。

某些不起眼的細節，會引起讓你驚訝的進化

所謂創意就是將不同的事物作連結，如果你問一個成功的創意人他們究竟做了什麼，他們可能會覺得有點不好意思，因為他們並沒有做了什麼，他們只是看到了一些東西。

的確，我們在做的就只是在將一些不同的概念作結合，但這絕對不是“1+1=2″這種連邊境牧羊犬都會算的數學式，就像Smart Phone絕對不是只有"打電話＋Apps"這麼簡單，我們都了解還有更重要的「內容」、「易用」和「便利」必須考慮，不信你去問微軟幹嘛把Windows Mobile砍掉重鍊？Windows平台的程式設計師那麼多，有什麼Android或iOS平台有的應用是他們辦不到的？為什麼不要"WinMo6.5 + Marketplace = whatever"就好？其他還有很多的例子…。

「經驗（experiences）」是最重要的

有些人能把他所體會過的「經驗」連結起來，並合成為新的事物，這是因為他們體會到的「經驗」更多、更深入，或是他們對於這些經驗的思考多過其他人。

如果對於一個產品的「經驗」不夠多，那最後設計出來的東西就是中途半端、不上不下，而這樣的東西在市場上的生命週期就沒辦法太長，甚至無法吸引到真正需要這類展品的「目標族群」。太多時候我們都是像Steve Jobs所說的「線性地解決問題而缺乏廣度」，對於不甚了解的領域也太過於有自信，例如認為數位相機就是拿掉底片裝上數位感光元件就可以搞定、電動車就是拿掉汽油引擎然後加裝電池馬達就可以搞定…等等。沒有全盤了解「拿照相機攝影」這件事、沒經驗過「有一隻熊貓在過馬路，相機拿出來開個機還沒設定好攝影模式、還沒對焦他就已經走到對街消失在人群中了」這種事，怎麼會知道數位相機要如何設計？沒有試過「開車上路」、沒經驗過「開車開一半沒油了」這種鳥事，怎麼會知道電動車應該要怎麼設計？

結論

太多的限制會抹煞掉很多ideas。另外，對一件事物、一個領域的經驗不足就急著下結論，可以說是一種災難。為什麼有人說台灣容不下創新？這…每個人應該都有自己的答案…XD

饒了我吧…

Twitter（推特）在全世界爆紅，使用的不斷的增加，不過這鳥兒在台灣似乎水土不服…。或許是因為沒有中文語系吧？或者台灣人比較喜歡Plurk（噗浪）那種熱熱鬧鬧的感覺？

去年中就申請過噗浪的帳號了，但是過了不久就有很長一段時間沒有使用它，比較常用推特（其實推特過了不久也停了…）。這種Social Network性質的東西，果然還是要身邊有朋友一起使用才會產生黏性！

最近噗浪在台灣爆紅，成為最多人使用的micro blog服務，多年前一起玩FFXI的朋友也都開始用…所以我也回頭去用噗浪啦。既然要用，就會想要自己創作一個Theme不然改改別人的其實也不錯，可是噗浪的主題製作我一直搞不懂…從官方網站也挖不到什麼詳細的說明，嘗試去分析別人的CSS也是難以理解…簡直天書！到底哪裡才有詳細的使用說明呢…

為此整個抓狂的FunnyQ…在Layout FREAK找了這個主題之後，看著噗浪頁面的原始碼一個一個試id和class…實在太沒效率！還好後來發現了M6大姐有作過滿詳細的說明，但其實還是不太容易理解…。不過呢，有了如此有系統的說明之後，至少要Try起來也容易得多:D

以下是目前我試出來知道在做什麼用的CSS class與id：

/* 全體背景 */
body, html {
}

/* 個人名稱 */
body.language-large-font {
}

/* 標題 */
#page_title {
}

/* top bar 右側登入…等 區塊背景 */
#top_login {
}

/* top bar 左側我的檔案、我的朋友…等 區塊背景 */
#top_bar .content {
}

/* [編輯] 文字*/
#top_bar .content a#edit_link {
}
#top_bar .content a:hover#edit_link {
}

/* [通知數字] 文字*/
#alert_beacon {
}

/* top bar 右邊文字 */
#top_login, #top_login a {
}
#top_login a:hover {
}

/* top bar 左邊文字 */
#top_bar, #top_bar a {
}
#top_bar a:hover {
}

/* footer 文字*/
#footer, #footer a {
}
#footer a:hover {
} 

/* 語言選單標題[語言]文字 */
#languge_selector {
}

/* Timeline時間線背景 */
#timeline_holder {
}

/* 垂直換日線 */
#timeline_bg .day_bg .div_inner { 
} 

/* 換日線下方日期標示文字*/
.day_start .bottom_start, .day_start .div_start { 
} 

/* Timeline底線背景 */
#bottom_line {
}

/* Timeline底線時間文字 */
.bottom_start, .bottom_end  { 
}

/* plurk對應時間 */
#time_show span {
}
#time_show, .evening,.night,.day,.morning {
}

/* 隱藏噗浪生物 */
#dynamic_logo ,#logo img {filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; } 
img#creature{ filter:alpha(opacity=0) ; -moz-opacity:0; opacity: 0; } 

/* 時間軸往前往後圖示 */
.cmp_arrow_right, .cmp_arrow_left, .cmp_back_to_today  {
	filter: alpha(opacity=0.5); opacity:0.5 ; -moz-opacity:0.5; 
}

/* [這條時間軸是空白的]文字 */
#empty_timeline_bg {
}
#empty_timeline_fg {
	color: black;

/* plurk標籤 */

#filter_tab  {/*整塊區域*/ 
}

#filter_tab a.off_tab  {/*未選擇的標籤*/ 
} 
#filter_tab a.off_tab:hover  {/*滑鼠經過的效果*/ 
} 
#filter_tab a.filter_selected { /*被選擇使用中的標籤*/ 
} 
#filter_tab a.filter_selected:hover {/*滑鼠經過的效果*/ 
} 

/* 更新通知小方塊 */
#updater { 
}
#updater .text { 
}
#updater a { 
}
#updater a:hover { 
}

/* dashboard 主題 */
#plurk-dashboard {/*下半資訊區塊*/
}
.dash-segment {/*個人資訊、統計、朋友*/
}
.segment-content {/*粉絲*/
}
.plurkaction {/*上半動作選項區塊*/
}

/* 每日照片 */
#pane_plurk, #pane_daily_photo, #pane_search {
}

/* 每日照片文字 */
#pane_daily_photo {
}
#pane_daily_photo a:hover {
}

/* 搜尋區文字 */
#pane_search {
}
#pane_search a {
}
#pane_search a:hover {
}

/* 選項標籤 */
#toggle_tab {/*整個選項標籤區域*/
}
#toggle_tab li {/*個別標籤*/
}
#toggle_tab li.tt_selected {/*選擇中的標籤*/
} 

/* 私密選項 */
#more_options_link{
}
#more_options .on{
}
#more_options_holder {
}

/* 使用者名稱 */
#main_poster .qual_holder{
}

/* 輸入區 */
#plurk_form {
}

/* plurk按鈕 */
.cmp_plurk {
}

/* 資料面板文字 */
#plurk-dashboard {
}
#plurk-dashboard a {
}
#plurk-dashboard a:hover {
}
#dash-stats h2, #dash-friends h2, #dash-fans h2 {
}

/* 隱藏搜尋區 */
#dash-friends p, #dash-friends form {
	filter:alpha(opacity=0) !important;
	-moz-opacity:0 !important;
	opacity: 0 !important;
}

/* 隱藏入門說明 */
div #tw_help {
	filter:alpha(opacity=0) !important;
	-moz-opacity:0 !important;
	opacity: 0 !important;
}

/* 隱藏邀請朋友 */
div a#dashboard-invite {filter:alpha(opacity=0)!important; opacity:0!important;}

/* 隱藏分享連結 */
div #sharePlurk {filter:alpha(opacity=0)!important; opacity:0!important;}

/* 隱藏社交小圖示 */
.dash-icon {filter:alpha(opacity=0)!important; opacity:.0!important;}

/* 朋友粉絲圖示 */
.friend_holder {margin-bottom: 4px;}
.friend_holder table { margin-left: auto;margin-right: auto;}
.friend_holder .user_link{height:24px!important;width:24px!important; }
.friend_holder img{width:24px;height:24px; }

#dash-friends-pics .user_link, #dash-fans-pics .user_link {
	border:2px;
}
#dash-friends-pics img, #dash-fans-pics img {
	border:2px;
}

/* 隱藏所有朋友粉絲連結及分享的按鈕 */
#dash-fans div[style]:first-child { 
	position:absolute;font-size:0;height:0;
	filter:alpha(opacity=0)!important; opacity:.0!important;
}
#dash-friends div[style]:first-child {
	position:absolute;font-size:0;height:0;
		filter:alpha(opacity=0)!important; opacity:.0!important;
}

/* 河道上的plurk */
.plurk_cnt  {
}

.plurk_cnt, .inner {
}

/* plurk上的連結 */
.plurk a.ex_link {
}
.plurk a.ex_link:hover {
}
a:link {
}
a:visited, a:active {
}
a:hover {
}

/* 河上的plurk底色 */
#timeline_holder .plurk_cnt { 
} 

/* 加大回應區的列距 */
.list .plurk_cnt  { line-height:136%;}  

/* 分隔線 */
.list .plurk_cnt tr { border-bottom: 1px solid #ccc;line-height:136%;} 

/* 河上的好友圖示 */
.p_img {border:; background:#;padding:px;}

/* 刪除編輯消音取消 */
.manager .action { color:#000; margin-left:5px; font-size:11px; }
.manager a:hover { color:#ccc;text-decoration: none!important;  font-size:11px;}
.manager .cancel { color:#999; margin-right:5px;  font-size:11px;}
.manager .delete { color:#888; margin-right:5px;  font-size:11px;}
.unmute { color:#999!important; font-size:11px; }

恩…直接看code很難了解各是影響噗浪頁面中的哪個區塊，所以用下面這張圖大概說明一下概略的區塊位置…

希望會幫助到需要的人，也希望了解內情的人可以告訴我更詳細的細節…XD