跳到主要內容

發表文章

快樂設計師第四次聚會紀實

寫在文前的補充說明事項:已經有好幾段活動當天的錄影上線囉!錯過這次聚會的朋友可以到 http://vimeo.com/groups/6555 看看自己錯過了些什麼;我自己講的「你所不知道的網頁親和力十件事」則可以在 http://vimeo.com/groups/6555/videos/2359137 看到,中間有些地方因為攝影機沒電了,所以用投影片畫面串場——誰叫你不來現場,錯過了別怪義務幫忙攝影的人! 這一篇是我給 自由軟體鑄造場電子報 的稿件,刊登於第一百一十六期 (2008/11/23)。 快樂設計師第四次聚會紀實 國內的網頁設計社群「快樂設計師」於 11 月 15 日舉辦了第四次的聚會,長達四小時的聚會當中,照樣涵蓋了各種不同面向的「設計」議題,從非常技客導向的題目到十足人因的議程都有,因此 60 人的名額在短短三天內就已經額滿。 活動由網頁設計師兼歌手(或者是歌手兼網頁設計師?)小海 tzangms 帶來的個人無插電演唱會開場,小海戲稱這是「音樂設計」的實務展示,呼應快樂設計師的主題。事實上,小海的歌聲的確感動了不少與會的朋友,也讓場面熱絡起來。 在小海之後上台的是林長逸 Leo Lin,他是國內知名相片書印製網站 hypo 背後的網頁設計師,分享的內容即是他如何打造 2008 年的新版 hypo 網站。Leo Lin 認為一個網頁製作專案,通常會包含 Idea、Design、Coding 三個階段,Idea 指的是確認需求、規劃流程,Design 指的是繪製圖示、確定風格、版面配置,Coding 指的是將所有的部分製作成 HTML/CSS 圖樣,而他往往三個部分都要全包;因此,他根據過往製作網頁的經驗,整理出六項網頁製作案的心得: 先用紙張。討論網站企劃案的時候不要急著開電腦,尤其不要打開 Photoshop 或任何雛形製作工具,否則很容易花了時間做白工;先用紙張與客戶溝通,纔能事半功倍。 問需求不問方式。確認客戶的需求即可,不用詢問實作的方式,因為那祇會給設計帶來不必要的限制。 不要問美感相關問題。十個人有十一種美感,尤其在溝通初期,不要給自己添麻煩。 掌握進度。 簡化。好的設計不是給使用者五彩繽紛的選擇,而是要說一個好的故事;因此不論是介面或結構,都應該要盡量簡化。 嘗試新東西。 Leo Lin 並提出了三項訣竅: 1 pixel matter
最近的文章

HappyDesigner第四次聚會

更新:因為議程太豐富,所以改到六點囉。 春去秋來,我們終於又要辦聚會了...... 第四次聚會的時間是11/15下午兩點到五點,地點在 蛙咖啡 。這次一樣有酌收費用,請蛙咖啡為我們提供茶點。 詳細資訊請見 報名網站 。

kerobot & 推薦閱讀

我們的IRC聊天室(#happydesigner@freenode)有一隻常駐機器人,他的名字叫做kerobot。如果你告訴他一個網址,他就會紀錄到他的del.icio.us書籤,方便大家分享: hlb> kerobot: http://blog.vgod.tw/2008/04/19/%e9%87%8b%e6%94%be%e5%87%ba%e8%85%a6%e8%a3%a1%e7%9a%84%e9%9f%b3%e6%a8%82/ [tag:TED music] kerobot> hlb: [Link Info] title: 釋放出腦裡的音樂 | vgod’s blog 昨天稍微修改了一下部落格的版面配置,順便就把kerobot的書籤列在右側了,希望大家會喜歡。

全面改用G社方案

之前在IRC Channel上面討論過幾次,認為如果把部落格從WordPress搬到Blogger上,就「共同撰寫」而言應該很有幫助。 正好HappyDesigner.org的主機代管又要到期了,跟我合租的朋友們決定要改租另一台機器(其實是同一家主機代管商,只是比續租來得划算許多,這還真是個奇怪的行業)。不過每年都要搬家實在是很辛苦,所以我就趁這個機會,乾脆來把部落格就全搬到Blogger上了。 除此之外,我也 把HappyDesigner首頁改用Google Pages ,加上 原本就有用的Google Host 、 辦聚會的時候用的Google Site ,所以全部都改用G社方案啦! 有興趣一起寫部落格的朋友,請在IRC上告訴我,或是 寄信跟我說吧 。

HappyDesigner第三次聚會圓滿落幕

第三次HappyDesigner聚會圓滿落幕,謝謝大家的共同參與。雖然這次活動有收費,但是講者陣容實在太厲害,所以來的人比前幾次都還要多呢。可惜身為主辦人太忙碌,沒有好好認識新朋友。 這次真的要非常感謝 金牛頓 ,不但提供一個這麼棒的場地,而且也給我們非常多協助。實在是讓人覺得應該要常常辦活動才對。我想唯一的小缺點就是我們的筆記型電腦太多台,結果把無線網路基地台撐爆了吧。雖然金牛頓的工程師非常熱心,幫我們加裝了第二顆基地台,不過狀況還是沒有太大改善。 (所以 AirPort Extreme 網站上寫”Connect up to 50 users”顯然只是廣告詞……感覺上好像沒有up to 15 users耶……) 這次聚會最後還有大約新台幣七百元左右的盈餘。不過因為HappyDesigner不是法人組織,而且我並不認為「把這次活動的盈餘留作下次活動經 費」是個合理的選擇。所以我會將餘款補貼給我們超棒的贊助商OPCafé(不但幫我們煮了一天的咖啡,還幫忙排了茶點、另外贊助了啤酒!)。 HappyDesigner Meetup No.3 活動紀錄 P.S. 請問有人有意願擔任HappyDesigner聚會台北區的主辦人嗎? 請E-Mail與我聯絡 。

HappyDesigner第三次聚會

睽違一年多的時間,我們終於再度舉辦聚會了! 第三次聚會的時間是3/29青年節下午,在新竹市舉辦。聚會地點在3/1才剛開幕的Newton’s A蘋果電腦專賣店。這家店有很棒的會議廳可供租借使用。 因為這次地點有場地費,所以我們這次聚會有酌收場地費以及下午茶點費用。我們會請新竹RT蛋糕店準備茶點給大家享用。 主題 這次主題是“Template, Library, and Framework”,也就是「模板、函式庫與框架」。 目前我們仍然歡迎投稿,如果你有題目願意和大家分享,歡迎 與hlb聯絡 。 詳細資訊請見 報名網站 。

兩個Mac瀏覽器上的透明度問題

最近遇到兩個和透明度(opacity)有關的問題。 一個是Firefox 2.0的Mac版本(不管是任何一種build),只要頁面上有任何一個可見元素有低於 1 的 opacity, 整頁的 文字都會變得相當細瘦。詳細的問題描述請 參考這裡 。 根據討論,原因應該是出在Firefox在Mac上繪製兩種有透明度的文字時,是先繪至在一張bitmap buffer裡。而OS X並不支援在bitmap buffer裡的subpixel rendering(雖然有anti-aliasing;事實上,iTerm的文字看起來和一般OS X應用程式不同,問題也出在這裡)。 另一個則是神秘的Safari問題。如果你的頁面上有加上了透明度的overlay,只要元素一多,Safari的頁面載入速度、tab切換速度,以及例如使用 Scriptaculous 的sortable時的反應,就會變得無比慢。一開始以為這是Scriptaculous的錯,沒想到只要把opacity拿掉,Safari突然就回神了。 測試網頁可參考 慢板 跟 快板 。差別只在overlay是否有opacity。建議並列兩個tab來切換,感覺就更明顯。不,使用MBP並沒有幫助,更不用說iBook/PowerBook使用者了。 WebKit 無此現象。Firefox當然沒有。 by lukhnos