網站企劃：10款好用草圖繪製工具

在所有Designer可能接觸得到的檔案格式裡，.DOCMicrosoft Word的檔案預設格式可能是最令人嫌惡唾棄的其中一種。

很久以前，當我還在出版社工作時，曾經要求編輯一律以.TXT取代.DOC來提供企劃文件及素材。許多無法在.TXT以純文字描繪的草圖，就直接以手繪搭配口頭陳述來作溝通傳達。

在將近10年那樣純粹無須使用.DOC的設計工作之後，我開始進入一個似乎普遍很愛用.DOC與.PPTMicrosoft PowerPoint的檔案預設格式的網路業界。

網路業界愛用.DOC與.PPT的程度，讓人難免生疑企劃都是微軟派來臥底的。

為什麼從事網站企劃工作的人，除了微軟的東西之外，就毫無嚐試使用與學習的意願呢？

尤其Microsoft Word與Microsoft PowerPoint根本都不是用來作網站企劃與草圖繪製之用。

網路上其實早有一堆規劃流程、繪製網站原型草圖mockup的好用工具，譬如《10 Excellent Tools for Creating Web Design Wireframes》這篇文章所提到的10款好用草圖繪製工具：

1. MockFlow：同時提供免費及付費方案。
2. Axure - Wireframes, Prototypes, Specifications：付費及有限制的下載試用。
3. Balsamiq Mockups：付費，提供有條件的免費方案。
4. Pencil Project：免費。限FireFox使用。
5. HotGloo：付費。
6. Mockingbird：免費。限Safari/ FireFox/ Chrome使用。
7. Cacoo：免費，未來計劃提供付費方案。
8. ProtoShare：付費，提供有限制的下載試用。
9. iPlotz：同時提供免費及付費方案。
10. OmniGraffle 5：付費，提供有限制的下載試用。

但，我從來不曾遇過任何一位利用這些專業工具來作網站企劃的網站企劃。

甚至，在離開出版社之後，再也不曾遇過任何一位以.TXT搭配手繪草圖的編輯或企劃工作者。

我猜想，當企劃自以為進化地給檔從.DOC升級到.DOCXMicrosoft Office 2007的檔案預設格式，往往也是創意工作在怠惰中不自覺持續沈淪的時候。

延伸閱讀:

• 企劃都是微軟派來臥底的
• 網頁設計不傳祕技：據說是這樣
• 網頁設計是微軟的技術客服外包商
• 10種取代Word的免費文書軟體
• Open source的逆襲與啟示

失落的設計法則與畢卡索的假畫

從事設計工作的人，經常可能陷入一種「儘可能滿足客戶」，或者，講話算數是大哥、付錢爽快是大爺，「反正你怎麼說我都照做」的工作邏輯。

這樣的工作邏輯，對Designer來說，具體就有4種實質的好處：

1. 省去白費唇舌的繁複溝通
2. 簡化工作流程
3. 避免徒勞無功
4. 自圓其說減緩無法實現專業理想的罪惡感

總之，在設計工作職場，愈能抱持「儘可能滿足客戶」與「反正你怎麼說我都照做」的信念，就愈有機會可以和樂順遂地從事設計工作。

然而，如是信念隨之而來的和樂順遂，其實是有風險的。

尤其，當你不再時時緊扣「設計的正確值」時。

這其實也像很久以前曾聽過一則關於畢卡索Pablo Picasso假畫的笑話：

話說畢卡索成名之後，畫作市值水漲船高，伴隨而來的則是假畫贗品滿天飛。

有一位畢卡索的友人，偕同親友帶著才買下不久的畢卡索畫作，前來要求畢卡索親作真跡鑑定。

畢卡索的友人因為曾在畫室看著畢卡索畫這幅畫，因此，其實自信滿滿認定這就是一幅畢卡索真跡。之所以偕同親友拜訪畢卡索，除了想在假畫贗品滿天飛的市場亂象裡多求一點保證之外，也只是想在親友面前誇耀一翻罷了。

沒想到，畢卡索看了畫作幾眼，就淡淡說：「這是假畫。」

畢卡索的友人自然是聞言跳腳，急忙質問畢卡索：「我明明就在畫室看你畫完這幅畫！」甚至鉅細靡遺地陳述線條用色下筆細節。

結果，耐心聽完友人氣急敗壞的質問之後，畢卡索面不改色地說：「我有時候也畫些假畫。」

如果你時時緊扣「設計的正確值」，你就會知道：自己其實有時候也在「儘可能滿足客戶」與「反正你怎麼說我都照做」的信念之下，做過許多假設計。

至於「設計的正確值」，不妨參考《The Lost Principles of Design》這篇文章所提到的8個設計要點：

1. 平衡／和諧／對稱（Balance）
2. 對比（Contrast）
3. 強調與陪襯（Emphasis & Subordination）
4. 視覺動線（Directional Forces）
5. 比例／比率（Proportion）
6. 規模／尺度（Scale）
7. 重複與節奏（Repetition & Rhythm）
8. 蘊涵多元的整體（Unity within Variety）

在充份瞭解「設計的正確值」之後，你依然可以抱持「儘可能滿足客戶」與「反正你怎麼說我都照做」的信念，做出完全不符上述原則的設計作品，就像畢卡索有時候也畫些假畫一樣。

延伸閱讀:

• 你是一位原創的設計師嗎？

6小時賣掉9萬1千台iPad

還記得今年初iPad發表時，有人一面倒地唱衰，譬如Engadget就說想不到為什麼要花錢買iPad。

稍早前，iPad在美國正式開賣。

根據《Apple sells 50,000 iPads in two hours》這篇報導，Valcent Financial Group的分析師Victor Castroll提出報告指出：「蘋果電腦在iPad正式接受預購之後的2個小時裡，就賣掉了5萬1千台。」

"51,000 orders in two hours," announced Victor Castroll shortly after noon. He's an analyst with Valcent Financial Group and an AAPL Sanity member who, with the blogger-analyst who calls himself deagol, has been monitoring the spreadsheet.

這篇報導並持續提供隨後更新的預購數據：

iPad正式接受預購之後4個半小時，賣掉7萬4千台。

iPad正式接受預購之後6個小時，賣掉9萬1千台。

我猜想，6小時賣掉9萬1千台iPad這個事實，應該可以提供不少為什麼要花錢買iPad的靈感吧。

Mark Zuckerberg與Facebook的醜陋陳年往事

所有關於Facebook成功的故事，通常都是這麼開始的：

2004年2月4日，19歲的哈佛Harvard大二學生Mark Zuckerberg架了一個叫作TheFacebook.com的網站……，6年後，擁有4億會員的Facebook已成為全球最成功的社群網站。

然而，這幾天在網路上被揭發，關於Mark Zuckerberg的醜陋陳年往事，顯然已讓Facebook的初創與成功蒙上陰影。

也許，對Mark Zuckerberg而言，隱私權早在2004那一年就已經結束了。

根據BusinessInsider的系列報導：

首先，在《How Facebook Was Founded》（Facebook是怎麼建立起來的）這篇專題裡，有三名哈佛學生指控Mark Zuckerberg剽竊。這三名哈佛學生曾找Mark Zuckerberg一起合作建構一個叫作HarvardConnection（後來改名為ConnectU）的網站，但，Mark Zuckerberg在離開這個網站開發團隊後不久，就建立了TheFacebook.com。

這宗剽竊爭議，後來步入法庭，雖然最終以和解收場，但，在審判辯論過程裡，也挖出Mark Zuckerberg曾不擇手段入侵對手電腦、網路的醜陋陳年往事。

接著，《How Mark Zuckerberg Hacked The Harvard Crimson》這篇報導提到，在2004年2月，Mark Zuckerberg單飛成立TheFacebook.com之後，三名哈佛學生曾向哈佛校內報紙《Harvard Crimson》投訴他們的ConnectU網站遭到TheFacebook.com的剽竊。

為了阻止剽竊爭議登上《Harvard Crimson》版面，Mark Zuckerberg也曾入侵兩名《Harvard Crimson》記者的email帳號。

BusinessInsider的系列報導直指：在2004年Mark Zuckerberg的駭客行動裡，Facebook都扮演了Mark Zuckerberg竊取個人隱私的工具。

也因此，BusinessInsider也在《Facebook CEO Mark Zuckerberg Needs To Address The Hacking Incidents》這篇文章裡，呼籲Mark Zuckerberg必須親自說明這些已公諸於世的醜陋陳年往事。

我突然想到，今年年初，Mark Zuckerberg曾說「隱私權的時代已經結束」。

過去你很難對人解釋「非死不可」到底讓什麼東西去送死，如今，藉由「炸嗑堡」的金口，很清楚地，該死的就是大家的隱私權。

via 炸嗑堡說隱私權的時代已經結束

也許，對Mark Zuckerberg而言，隱私權早在2004那一年就已經結束了。

Piece of cake 簡單的工作

我們通常把那些你曾經做過，並且有所成果的工作，當作是簡單的工作。

換句話說，我們之所以會認為某件工作很簡單，主要是因為曾經完成過，而未必因為曾經做得很好。

這就像參加百米賽跑，只要跑完全程，就覺得百米賽跑是件容易的事一樣。

我曾與一位很願意向人舉薦我所設計作品的PM合作，就在結案上線前，這位PM與客戶開完最後一次會，寫了封Email，並且帶著另一位小PM到我的電腦前親自說明。

PM非常客氣地轉述了客戶的正面意見之後，小PM接著說客戶希望如果能再加一件這個東西與那種效果的話就太好了。

我記得很清楚PM在那打圓場當下說過的一句話：「這對Jas來說，應該是Piece of cake……」

設計從來不是一件簡單容易的事，但，也許在他人眼中，設計就像吃塊蛋糕那麼輕鬆愜意。

然而，倘若我們認真想把一件工作做好，通常，簡單的工作，也不再簡單。

把電子書與ECFA的船給燒了！

昨天Techcrunch有篇文章，提到Netscape的創辦人Marc Andreessen對傳統媒體喊話：「把船給燒了！」

該文解釋這個燒船典故源自：16世紀，西班牙殖民者Hernán Cortés登陸墨西哥之後，曾下令燒船。結果，一群喪家之犬西班牙人果然橫行無阻地將中南美洲佔為殖民地。

Legend has it that when Cortes landed in Mexico in the 1500s, he ordered his men to burn the ships that had brought them there to remove the possibility of doing anything other than going forward into the unknown. Marc Andreessen has the same advice for old media companies: “Burn the boats.”
via Andreessen’s Advice To Old Media: “Burn The Boats”

簡單地說，Techcrunch或Marc Andreessen的引喻，也就是成語「破釜沈舟」的意思。

秦末項羽與秦軍戰於鉅鹿，項羽為使士卒拚死戰鬥，渡河之後，即將渡船弄沈，釜甑打破，以斷絕士兵後退的念頭。 典出史記˙卷七˙項羽本紀。

引申為做事果決、義無反顧。

明˙史可法˙請出師討賊疏：「我即卑宮菲食，嘗膽臥薪，聚才智之精神，枕戈待旦，合方州之物力，破釜沈舟，尚恐無救於事。」

傳統媒體為什麼不能破釜沈舟？為什麼不能下定決心發展數位內容產業？

為什麼不能就像Marc Andreessen所說的那麼簡單地「把船給燒了」？

這些問題，確切來說，只有傳統媒體能夠精準作答。

也許，並非所有傳統媒體都面對相同處境。

也許，每一家不同的傳統媒體都有各自難言的苦衷。

Marc Andreessen，或Techcrunch，無疑，都站在相對於船的另一方，他們在他們熟悉的灘岸上朗聲高喊：「跳下來！」「跳下來！」「把船給燒了！」「不要再妄想回到美好的往日！」

對於未來獲利預期可觀，或短期折損風險較小的人們而言，「破釜沈舟」的譬喻說法，或許很有道理，但，同樣的說法顯然很難說動那些「還待在船上，必須耗費極大心力或根本缺乏資源離開，並且，生怕跳船之後會死於水土不服或洪水猛獸」的人。

面對Marc Andreessen「把船給燒了！」喊話的傳統媒體處境，其實跟ECFA議題所需要思考的處境多所相彷。

Marc Andreessen、Techcrunch，或更多前曕先進觀點可能很納悶：為什麼不把船給燒了？為什麼不放眼展望無限美好的前景？為什麼不全力投入可以創造更多商機、更多利潤、更多就業機會的數位內容產業？

為什麼？

難道不就是因為你不是他，他不是我，我不是你？

延伸閱讀:

• 主流媒體也不過是另一個共筆部落格

大家都愛啦啦隊

從事網路業，難免有機會直接或間接認識「6先生」或「G老師」之類評價兩極的人物。

有些人覺得「6先生」或「G老師」侃侃而談網路行銷趨勢真了不起，部落格上也滿滿都是一片讚頌英明的祝辭。

另有些人則覺得，務實來看，這幾位先生老師從來不曾真正做出什麼大事業，嘴炮權充娛樂消遣還算不錯，若當真想作為行銷決策參考，則萬萬不可。

如果用職業運動來譬喻網路圈或網路業界，我們大概可以觀察到：

1. 有些人是觀眾
2. 有些人是選手
3. 有些人是教練
4. 有些人則是啦啦隊

從觀眾的眼光來看，網路上幾位熟面孔先生老師，無疑都是啦啦隊。

我曾路過板橋火車站，多次瞥見有人群聚車站大廳在練習啦啦隊。

啦啦隊員們反覆練習如何激勵人心、為人加油，他們彼此將彼此捧得老高，朗聲呼口號或擊掌叫好。

對任何職業運動來說，啦啦隊都扮演著極重要的角色。

只不過，啦啦隊所扮演的角色，畢竟就只是啦啦隊。

啦啦隊不是選手，也不是教練。

前陣子，我讀到Schee寫的一篇短文問道：「學武功，你要找誰？」

突然發現很多人的答案其實是：

啦啦隊。

為了週邊設計才買主產品的錯覺

蘋果電腦的產品，向來很謎地都有週邊設計的市場。

譬如說：

有人買了iPod，接著很直覺就會去選購保護貼、保護套……

有時候，你覺得光是主產品就已經所費不貲。

比方說iPhone。

於是，除卻必備的包膜皮套之外，底座就用紙製DIY，或者，隨手找來還沒被丟去資源回收的卡帶殼子來配套。

然而，有時候類似iPhone Stand - Fork Head這樣的週邊設計，難免讓人有種：

「消費者是為了這樣的週邊設計才去買主產品」的錯覺。

創意的火種：Designer的熱情

多年前，我曾遇過幾位新手設計，剛才畢業，滿是熱情，懷藏無限夢想，憧憬著設計這一行。

對熱血新手設計而言，設計這份工作很難不沾染浪漫色彩，即便是三天三夜睡公司的趕稿，也像是一趟華麗美妙的歷險。

但，不出幾年，這些熱血新手設計就跟一般Designer沒兩樣，對自身工作的埋怨，從心灰意冷到氣急敗壞，不一而足。

你可以成為那個人，永遠改變你所從事的設計領域，將它推向新高點，並且永遠為歷史所牢記。

在設計這個行業裡，有時候，你需要很清楚知道，投入與獲得始終不成比例。

有時候，則否。

少數在設計這個行業受到明星企業或主流大眾市場青睞的同行，可能受到優渥的待遇，其餘的我們，只能極其牛步地以案養案攢辛苦錢。

許多次你可能投注超乎外人預期的時間精力與敬業精神，結果得到極其冷清無情的漠然對待，甚或毫無標準可言的改稿批判。

偶爾你據理力爭，絕大多數時候，則勉力配合。

慢慢你能諒解每一種千奇百怪的商業考量，以及花錢是大爺的商場倫理。

但，每一次你負責盡職地完成所託，交出絕不願意承認出於自己手筆的設計，你就澆熄冷卻一次身為Designer的熱情。

還有什麼能讓Designer持續保有創意火種與熱情？

也許就是一種經常可以讓Designer與Freelancer自由接案設計混為一談的信仰。

就像《The Passion of The Freelancer》這篇文章所說的：

Your work can change the world. If, for instance, you are a freelance designer who works because of his passion to create amazing material which will be appreciated by people, then you have the ability to change the world. There is a person who is the best designer in the world and a person like this decides the future of your field by creating innovative designs. You can become that person and change your field forever pushing it to new heights and be remembered in history.

你所從事的工作能夠改變世界。

譬如，假使你是一位自由接案設計師，懷著一股熱情，為創造令人驚豔的設計物而工作，那麼你就擁有改變世界的力量。

在這世界上，有一位最頂尖的設計師，能夠創造非凡設計，並且掌握他所從事設計領域的未來。

你可以成為那個人，永遠改變你所從事的設計領域，將它推向新高點，並且永遠為歷史所牢記。

延伸閱讀:

• Failing to be yourself
• 自由接案設計必備軟體
• 自由工作者揮霍時間的8大罪狀
• 網頁設計下地獄：Designer的杯具

蘋果電腦的未來大預言

蘋果電腦接下來要推出什麼新產品？這個問題向來都是一個容易引人議論的話題。

記憶猶新的，譬如說今年初iPad之後，媒體繼而揭露蘋果電腦的最新產品使用了自行研發的A4晶片，於是，無可避免地大炒了一陣「蘋果電腦接下來要推出什麼新產品？」的新聞話題。

有人觀察到：蘋果電腦近年所推新品的週期，大致是兩年一推，而且對新品的野心有愈做愈大的趨勢。

於是，就作了這樣的演示圖說：

2008年，蘋果電腦推出iPhone

2010年，蘋果電腦推出iPad

同理，可推論出：

2012年，蘋果電腦將會推出iBoard

2014年，蘋果電腦將會推出iMat

看完以上這些很了不起的推論之後，我也忍不住幫蘋果電腦再補上一個未來預言：

到了2016年，蘋果電腦將會征服藍星，推出劃時代開拓宇宙新紀元的iEarth……

延伸閱讀:

• iPad發表前後的Designer觀察
• meta-iPod優化你的iTunes library
• 紙製iPhone/iPod Touch底座
• iPod Touch的More fun網站破格廣告
• iPod Touch 也能打電話
• iPhone淘金熱
• 連線雜誌說Google唱衰App Store沒有未來
• Google Audio挑戰Apple iTunes