這是什麼質素!?

January 2nd, 2008

每一次更新公司的首頁心裡都會不斷爆粗,幹了快五年網頁工作,從未看過如此肮髒、亂來的原始碼!
<html>, <head>, <body>在一個文件出現n次!九成是用 Dreamweaver 加 php 插入又不改插入檔的結果。
<title>header.gif</title>, 全世界也知你用firework了,而且沒有人可以搜尋到了!
<p><b><b><span></span><b>Link</b></p>,這樣也可以胡混過去?
種種離奇狀況不能盡錄。

對這些狀況、日後發展及現有版面設計的問題上,我已經前後起草了兩次新的設計,可惜都是石沉大海,被設計部主管扣押了,沒有意見也沒有進展。
無論如何,公司對我來說已沒有什麼價值了,他們對網頁的輕視以及制度的散亂讓我的去意越來越堅決。

效果見Gmail,當在郵件資料被更改,而且沒有儲存的情況下進行離開或前往其他頁面的行為,瀏覽器會執行確認動作。
關鍵在 window.onbeforeunload

簡單應用(用上jquery):

var modified = false;
$(document).ready(function() {
$(”input, select, textarea”).change( function() {
modified = true;
});
});
window.onbeforeunload = function confirmExit(){
if (modified)
return ‘You are not saved yet, discard it?’;
}

參考資料:
http://msdn2.microsoft.com/en-us/library/ms536907.aspx
http://developer.mozilla.org/en/docs/DOM:window#Event_Handlers

理想中的網頁設計課程

November 5th, 2007

之前談及香港的網頁課程普遍輕視設計一環,那麼如果自己編排又會有什麼內容呢,好像很有趣,開始!

(以下針對網頁設計,而且只設課程內容,未分堂數)

  • 第一堂 -
    介紹網頁媒體發展及趨勢,配以出色的網頁設計展示,免得學生瞓著也先開開學生眼光
  • 設計基礎 
    • 點線面 -
        網頁何嘗不是點線面構成
    • 色彩運用 -
        奇怪坊間的課程沒這一環,難道網頁都黑白的?即使黑白,還有大學問。
    • 字形運用 -
        文字作為網頁的主要溝通方式,而且是設計的重要原素,可以不學?
    • Grid Design -
        有效的網頁設計科學方法,特別是資訊形網頁。
  • 網頁設計 
    • firework -
        工具、特效、有效地裁剪圖形及優化輸出
    • dreamwave -
        方便所以要學,不需深入
    • html, xhtml -
        跟據 web standard 網頁標準
    • css -
        深入講解外觀分離及進階的應用與方法
    • javascript -
        語法、Dom及framework(jquery, Prototype)介紹/應用
  • 多媒體網頁設計
    • 動畫 -
        物件,肢體,反作用力的表現,重心轉移等
    • flash -
        包括音效應用、action script
  • 使用者設計
    • 瀏覽者習慣及心理 -
        如何讓瀏覽者舒適自然地瀏覽網頁
    • 介面設計 -
        關於導航、清單、表格等等,讓瀏覽者更有效地瀏覽網頁
    • 交互設計 -
        訊息傳遞、應用及對瀏覽者事件的反饋及處理
    • 可用性探討 -
        需要面對的瀏覽者文化背景、身體機能的問題探討、配以例子
  • 最後1-2堂 -
      自我提升,介紹外國網頁設計相關網頁及社群,自由發問。網頁發展太快,受人以魚不如授人以漁。

網頁設計趨勢?

October 30th, 2007

上週網頁設計服務網站上線後,申請登錄到兩個外國的網頁設計展示網站,但數天後透過 google Analytics 得知竟被收錄到數個我從不知道的展示網站,突然間對這類網站很感興趣,也開始思考近幾年的網頁設計趨勢。

在剛接觸網頁後的一年,正值flash很紅的時期,自己攪了個設計展示網站,當時同類網站很少,較出名的有FWA、Moluv、Linkdup、styleboost、而且有個共通點,就是多以Flash網站為主要展示頂目,而當時各式各樣的多媒體網站確實讓人深深感受到網頁媒體的威力。
但同時亦不難發現很多質素差劣的無里頭flash網站,當時香港就有很多,為flash而flash,有flash就是好設計是不少客戶的思考方式。

幾年後的今天多了很多網頁設計展示網站,而它們也有個共通點,網頁標準成為它們評審的主要考慮因素,外國網頁設計的趨勢反映得清楚不過。網頁標準(web standard)成為新寵,但這次標準熱對比起flash熱倒是健康的,但沒有吹到香港。
比較擔心的是web2.0熱,近來在不少香港網頁設計/服務網站看到”web2.0設計”的字眼,也許在不久將來”為web2.0而web2.0,有web2.0就是好設計”會成為新的思考方式,然而,他們可能連web2.0的概念也不知道。

不過跟風是香港文化,可以理解,可以理解。

何故第二?

October 25th, 2007

公司全新的服務網站今天上線了,突然和近來亞洲電視的改革聯想起來,只因都在第二位。

亞視改革不是第一次,今次連商標也換了,明顯想擺脫過住的形象,事實上亞視近來好興玩 motion graphic,但其他環節依然落後,音效無里頭、色彩濃濁、演員不濟、節目依舊無誠意,看”a料”即可略知一二,換個logo有何用?不如先換sound man、換舊cam,再認認真真拍好片、攪好節目,不是更實在?

回到工作上,網站在最初開會時boss說: “它有的我們也要有,而且要更好。” 然而對比起第一位,人力差距難以想像,難道喊聲”Sparta!”就可以一當百?

不知彼不知己,結果第二的還是第二。

忘了什麼時候,友人曾來電談及Uwant的網站設計及程式開發文憑課程的廣告”Uwants創辦人教你整網站”,今天再看詳情,一位任教設計,其餘兩位任教程式,問題出現了...

Uwant 最初是三人行,現在任教設計的導師是其一,而我和友人在Uwant未出名前已經淡出,所以各人對大家的能力都很清楚,因此在看到大大隻字”Uwants創 辦人教你整網站”時我倆的反應都是-他教網頁!?在我的看法,他是一位機會主意者,在發展、用人及規劃方面很出色,但於設計上是不及格的,也沒設計學歷,因此這個”網站設計及程式開發文憑課程”只可視之為”網站開發文憑課程”,雖然課程有教 PhotoShop, Flash, Firework 等軟件,但設計上的知識連個介紹也沒有。

這個情況正是現在香港的網頁設計課程上的普遍問題-師資質素及定位錯誤(還是嘩眾取寵一網打盡?),要不沒有設計的環節,要不未夠深入。

網頁也是一種視覺媒體,沒有良好的設計稱不上一個好網站,所以在思考入讀網頁相關的課程時,應先了解自己的方向,如果是希望偏向開發方面,報讀網站程式開發相關的課程就 對了,但若果是希望偏向設計方面,極力推薦報讀平面設計,不是媒體設計,更不是網站設計及程式開發。

蹅出暗渡陳倉的第一步

October 20th, 2007

昨晚終於完成並上載了網頁設計服務的網頁,而且也登錄上各大搜尋器,接著要開始宣傳工作及尋找客源,但手頭上還有數個個人項目等待開發,而且也有正職,空餘時間不多,可見未來應該會再忙一段時間,但要脫離打工仔行列,這是值得的,也是必須付出的。

從事網頁設計及開發工作,假設事事如意n年後應可到達 Art Director或 Project Manager 的職位,但接下來呢?打工仔就是有一個高度不能超越,悲觀一點若運氣差或自己不爭氣,難保幾十歲人還落得一個 designer/developer 的下場,既然如此,何不早拾行裝,蹅出自己的第一步?

不過說得好聽,自己的狀況其實是暗渡陳倉...

A List Apart 發佈了共81頁的2007年網頁設計調查結果,參加者達三萬,可算是業界內最大型的調查,甚有參考價值。(報告可以在 A List Apart 上找到)
可惜報告參加者八成是白人,不能反映亞洲更不能反映香港,近來常有的念頭又再次響起-建立香港本土的網頁設計連網。

當觀察國際上的網頁發展,再回望香港,實在落後很遠,也包括自己,最好的解決方法是建立一個利於交流及發放訊息的組織及網站。
再看台灣和大陸,相關網站很多,雖然質素比不上外國,但氣氛和熱誠相信比香港高。

香港彈丸之地但從事網頁工作的人不在少數,成立連網有需求也有需要,且看日後能不能出一分力。