今天想聊聊我所不擅長的網站風格設計。
有訂閱本頻道的老大們一定知道在下待的是一間傳產小公司，而且不管是Internet或Intranet的網頁都相當紊亂沒有條理。雖然Internet在3年前買一套架站機後大有改進，但連結到其他部門網頁仍舊是慘不忍睹。
許多女性不論是工程師或文書人員，做出來的網頁總是花花綠綠，看起來就不像是公司內部的網頁。而我輩男性工程師缺乏美學概念的人做出來的網頁則是樸素到像是沒化妝的藍心媚，會讓稍有美學概念的人直搖頭。
撇開技術問題不談，網頁如果直接從Word轉出來不只是不好修改，而且也會有一種生硬的感覺，最好還是從頭開始用Dreamweaver打造。不要問我為何不用FrontPage，連它的老媽都放棄它了。
好的網站必須風格一致，包括顏色、字型、版面，這點說起來容易做起來難。首先，使用工具不見得一致，就算一致，要求大家在每個地方都用相同的字型與大小，萬一老板看了不順眼要修改時不就當場欲哭無淚？對於這點，我的想法是：必須全面使用CSS；而且必須定義一系列的class就如同C語言的標準函式庫，要求所有人遵循。以站為思考方向，不要以頁面為主；適度引進server side include會讓版面整齊劃一。可以參考Yahoo的淡紫色風格（這幾年變成淺藍綠色），但我覺得Yahoo!台灣做得並不好，股市在許多地方充斥著盧大為所喜好的橘色風格。
剛才只講到畫面一致，更重要的是內容的風格。先想想網站的對象是什麼人，如果是網蟲架的站當然就要做出充滿玫瑰花香的風格，而我們這種極道宅男當然是以FZR、秋田86、Mac、VAIO為主的陽剛風格。一個線上購物網出現玫瑰花園的留言版你會做何感想？獨孤木提到qing流量低，我倒認為這是qing自己選擇的讀者區塊，而且他做得非常好，不像我會亂七八糟的貼一堆。
以一間公司的網站為例：內容應該簡單扼要，但必須層次分明，能夠提供搜尋最好；也可以利用google的 site: 加上自己公司搜尋。不要在公司的網站，莫名其妙加一個樂透對獎連結。也不要加上太多的圖，首頁不要先放張Flash，那只會顯得無知與不專業。
時間有限，先寫到這裏。希望貼這篇不會被亂刀砍死 XD
有訂閱本頻道的老大們一定知道在下待的是一間傳產小公司，而且不管是Internet或Intranet的網頁都相當紊亂沒有條理。雖然Internet在3年前買一套架站機後大有改進，但連結到其他部門網頁仍舊是慘不忍睹。
許多女性不論是工程師或文書人員，做出來的網頁總是花花綠綠，看起來就不像是公司內部的網頁。而我輩男性工程師缺乏美學概念的人做出來的網頁則是樸素到像是沒化妝的藍心媚，會讓稍有美學概念的人直搖頭。
撇開技術問題不談，網頁如果直接從Word轉出來不只是不好修改，而且也會有一種生硬的感覺，最好還是從頭開始用Dreamweaver打造。不要問我為何不用FrontPage，連它的老媽都放棄它了。
好的網站必須風格一致，包括顏色、字型、版面，這點說起來容易做起來難。首先，使用工具不見得一致，就算一致，要求大家在每個地方都用相同的字型與大小，萬一老板看了不順眼要修改時不就當場欲哭無淚？對於這點，我的想法是：必須全面使用CSS；而且必須定義一系列的class就如同C語言的標準函式庫，要求所有人遵循。以站為思考方向，不要以頁面為主；適度引進server side include會讓版面整齊劃一。可以參考Yahoo的淡紫色風格（這幾年變成淺藍綠色），但我覺得Yahoo!台灣做得並不好，股市在許多地方充斥著盧大為所喜好的橘色風格。
剛才只講到畫面一致，更重要的是內容的風格。先想想網站的對象是什麼人，如果是網蟲架的站當然就要做出充滿玫瑰花香的風格，而我們這種極道宅男當然是以FZR、秋田86、Mac、VAIO為主的陽剛風格。一個線上購物網出現玫瑰花園的留言版你會做何感想？獨孤木提到qing流量低，我倒認為這是qing自己選擇的讀者區塊，而且他做得非常好，不像我會亂七八糟的貼一堆。
以一間公司的網站為例：內容應該簡單扼要，但必須層次分明，能夠提供搜尋最好；也可以利用google的 site: 加上自己公司搜尋。不要在公司的網站，莫名其妙加一個樂透對獎連結。也不要加上太多的圖，首頁不要先放張Flash，那只會顯得無知與不專業。
時間有限，先寫到這裏。希望貼這篇不會被亂刀砍死 XD
留言