|
《設計專欄》美學的經濟體 不管是和諧的日本美學經濟體,還是原創的歐洲經濟體,都是我們可以參考的每天生活方式,這兩種「美學經濟體」創造了世界2/3的國民生產毛額,遠比中國大陸、印尼的勞力經濟體,更像是台灣人要摘星的星空。 作者:詹偉雄 一個社會愛美或不愛美,跟GDP有關係嗎?當然有! 東京的書店裡,光是針對15到30歲的女性「選衣服」的雜誌,就超過40種(那就更別提另外30多種讓男人買「行頭」的雜誌了),正因為日本人愛美,養活了印尼上千萬人口(它每年砍下的熱帶雨林紙漿,一半運到日本);就因為日本人愛美,所以日本的某些工業主宰著世界消費市場。以影像工業來說,日本人對視覺的纖細苛求,使得他們的電視、攝錄影機、數位像機、印刷機都執世界牛耳,為日本GDP賺進大批外匯。在東京南青山深夜書店「洋書abc」買時尚雜誌的年輕人,不少都是Sony、Canon、Panasonic熬夜加班發想創意的工業設計師。 印尼人伐木、日本人買雜誌、歐洲人用Sony攝影機,全球好大一部份的GDP,就在格林威治時鐘的各個時區裡,同時翻上兩番。 但歐洲人的收入哪裡來?他們賣紅酒、賣賓士、賣貝克漢、賣羅浮宮,甚至賣「自己的生活」,我的法國朋友說:每年數十萬日本人遠道到法國南部的普羅旺斯(Province),陶醉到連買把「鄉間的泥土」,都覺得此生此行死而無憾;別的不說,光他們喝掉的「馬賽魚湯」(bouillabaisse),大概就可養活一整年雅加達市人口。 印尼人不是沒有美學,只是他們的美學無法產業化;日本人汲汲追求「美學」的學習和體驗,產業化的深度無與倫比,有次看日本公司的新產品設計圖,那種精密、周詳、果斷的美感,可令達文西都絕倒。但,要說歐洲人深夜窩到書店裡去學時尚的人,恐怕是少之又少,歐洲人根本不必像日本那樣,用謙卑學習的高度內在紀律,來把美學產業化,因為--歐洲人的生活本身,就是美學產業! 當今世界經濟體的強弱,有著工業革命先後、帝國主義殖民與否等等的不同歷史際遇,那是一段悲情和無奈的過程,但對台灣而言,也許我們暫將歷史「懸擱」起來,用現實的心境來辨識全球化經濟下的自我新角色,才是個務實的做法。我的意思是:台灣必須趕快加入到日本人和歐洲人的「美學經濟體」中,為曾經絢爛過的「製造業模式」找尋新的星空。 優先之務,不妨從「學著愛美」開始! 美學經濟:為歐日創造高GDP 對日本人來說,「美學」意味著一種「物件和意義」的合諧關係,日本人穿衣服、買東西、設計產品、談吐舉止,所有的行為和消費,都對應著他們認為的「合宜價值」,舉例而言:日本的懷石料理僅供小口品嚐,因為它要求味覺只有在專一的、深情的咀嚼中,才能感受廚師料理食材上百道程序所呈現的無盡真理,這是一種對「達人」的回報。 在歐洲人身上,「美學」比較代表「創造意義」的浪漫生命情調,假如一個人要買件東西,多半是為了要塑造自己成為獨一無二的個人,而不是複製社會所給予的理想形象(在義大利、法國、西班牙逛街,你會發覺幾乎沒有人會穿得一模一樣),正因如此,日本人哈歐洲的程度可謂空前,由Nikon相機、Lexus汽車、到關西機場都找歐洲人設計。 許多人都只認為,經濟發展僅是供給和需求、資源配置、市場效率的邏輯關係而已,但隨著各種實證研究的出爐,學者們發現:現代國家裡的消費和生產,其實是牢牢鑲嵌在「社會」和「文化」價值的網絡中。不管是和諧(harmonic)的日本美學經濟體,還是原創(original)的歐洲經濟體,都是我們可以參考的每天生活方式,這兩種「美學經濟體」創造了世界三分之二的國民生產毛額,遠比中國大陸、印尼的勞力經濟體,更像是台灣人要摘星的星空。 或許可以這樣說:台灣經濟的命運,依靠著接下來社會大多數人對日常生活方式的抉擇--好好品嚐一餐懷石料理,可比囫圇吞碗陽春麵,更有益於你和千萬人的未來人生哪……。 資料來源:數位時代 |
Wednesday, September 08, 2004
不錯的文章《設計專欄》美學的經濟體
Thursday, August 12, 2004
新唯物論‧斯德哥爾摩之冰
(2004/07/21 )
幾近午夜,天光仍然明媚,這兒是夏天的斯德哥爾摩。本地人多半已經就寢,只剩幾個觀光客,蹓躂在斜陽西照、靜謐無聲的仲夏夜裡,操作著數位相機,對打烊的港灣和睡眼惺忪的海鷗盡情狩獵,好似要把高昂的旅費加倍賺回。 近年來,台北出現了許多北歐的設計產品,「北歐美學」也變成了一種時尚詞彙,好像是一種比日本、法國、美國的美學「更厲害」的美,然而--什麼是北歐美學呢? 北歐之美在於「完全不厲害」 在深夜裡逛逛被喻為「歐洲新設計中心」的斯德哥爾摩,你可以發現:北歐之美,其實並非來自它比上述商品大國的美學厲害,相反的,卻是一種「高度的不厲害」、或著說另一種更「深刻的厲害」,才使得北歐的工業和經濟、市民生活和商品,展現著獨一無二的特色。 現代資本主義社會最大的特徵,是它無所不用其極的「成長再成長」本質,但在偏遠的北歐人心中,他們卻並不完全心悅誠服地接受這種邏輯,「如果每個人都永續成長,」一個瑞典人說:「那不必要的東西就可太多了!」 舉例而言,斯德哥爾摩市民並不頂愛物換星移的流行事物,他們所謂的「high fashion」設計,毋寧更像是一種「人和大自然相處的新哲學」,比較是永恆的生活風格,而不是朝生暮死的商品。在這個由14座群島(archipelago)匯聚的水岸城市裡,最多的店家是所謂的「生活風格店」,也就是一個老闆,憑藉著自己的生活美感和哲學,採買來各種的鍋碗瓢盆、桌椅床燈後,就布置出一番特色的家居組合來。而且絕大部分都比紐約和東京還摩登。走進店家,他們會用流利的英語和你說Hello、聊天氣和食物、讚美東方的傳統,甚至拿起色鉛筆畫圖給你看,這番的殷勤與好客,和巴黎精品店帥哥警衛打量你信用卡能耐的嚴峻眼神恰成對比。 到瑞典應該採買「Life Style」 北歐人說,他們對商品的態度和歐美其他國家並不相同。在歷史上,北歐缺乏那種由威尼斯、巴黎、倫敦所帶動的城市物質文明發酵過程,相反地,他們卻常為物資短缺和惡劣天候所苦,他們不像西歐的啟蒙夥伴們認為「人定勝天」,反而認為人得要順應自然,而且就在自然裡,找尋「自我存在的價值」。 正因此,北歐人珍惜物質,也高度了解物質,他們依照「人和自然和諧共處」的精神來設計產品,商品除了考量任何對人和自然產生的危險性,而且也考慮其面對歲月滄桑的耐久性。北歐商品通常有流動的線條、溫暖的觸感、隱含但不明說的貼心功能,而其中的佼佼者,還可彰顯北歐人思維裡的「存在哲學」,例如Design House Stockholm設計的經典「冰塊燈」,冬天擺在屋裡客廳的角落,點著不關,「據說」有助那「日間」回家的人慨然擺脫永夜黑暗的纏鬥。 丹麥哲學家齊克果(Soren Kierkegaard)曾對人生提出過著名的疑問:「人們用手指挖掘泥土,為的是要嗅出他在什麼國度;我用手指挖掘存在,卻全然嗅不出有什麼東西。我在那裡呢?」一年要過5個月綿延暗夜的北歐人,自殺率全世界最高,但我們別忘了,就是在這種用力的思想裡,產生了北歐美學,一種乾淨而潔白的生活方式。 斯德哥爾摩的夏天實在太美了,城市裡的島間小灣隨時都可下水,台灣人到此最該買回家的瑞典貨,應該就是他們的「Life Style」吧……。
資料來源:數位時代
幾近午夜,天光仍然明媚,這兒是夏天的斯德哥爾摩。本地人多半已經就寢,只剩幾個觀光客,蹓躂在斜陽西照、靜謐無聲的仲夏夜裡,操作著數位相機,對打烊的港灣和睡眼惺忪的海鷗盡情狩獵,好似要把高昂的旅費加倍賺回。 近年來,台北出現了許多北歐的設計產品,「北歐美學」也變成了一種時尚詞彙,好像是一種比日本、法國、美國的美學「更厲害」的美,然而--什麼是北歐美學呢? 北歐之美在於「完全不厲害」 在深夜裡逛逛被喻為「歐洲新設計中心」的斯德哥爾摩,你可以發現:北歐之美,其實並非來自它比上述商品大國的美學厲害,相反的,卻是一種「高度的不厲害」、或著說另一種更「深刻的厲害」,才使得北歐的工業和經濟、市民生活和商品,展現著獨一無二的特色。 現代資本主義社會最大的特徵,是它無所不用其極的「成長再成長」本質,但在偏遠的北歐人心中,他們卻並不完全心悅誠服地接受這種邏輯,「如果每個人都永續成長,」一個瑞典人說:「那不必要的東西就可太多了!」 舉例而言,斯德哥爾摩市民並不頂愛物換星移的流行事物,他們所謂的「high fashion」設計,毋寧更像是一種「人和大自然相處的新哲學」,比較是永恆的生活風格,而不是朝生暮死的商品。在這個由14座群島(archipelago)匯聚的水岸城市裡,最多的店家是所謂的「生活風格店」,也就是一個老闆,憑藉著自己的生活美感和哲學,採買來各種的鍋碗瓢盆、桌椅床燈後,就布置出一番特色的家居組合來。而且絕大部分都比紐約和東京還摩登。走進店家,他們會用流利的英語和你說Hello、聊天氣和食物、讚美東方的傳統,甚至拿起色鉛筆畫圖給你看,這番的殷勤與好客,和巴黎精品店帥哥警衛打量你信用卡能耐的嚴峻眼神恰成對比。 到瑞典應該採買「Life Style」 北歐人說,他們對商品的態度和歐美其他國家並不相同。在歷史上,北歐缺乏那種由威尼斯、巴黎、倫敦所帶動的城市物質文明發酵過程,相反地,他們卻常為物資短缺和惡劣天候所苦,他們不像西歐的啟蒙夥伴們認為「人定勝天」,反而認為人得要順應自然,而且就在自然裡,找尋「自我存在的價值」。 正因此,北歐人珍惜物質,也高度了解物質,他們依照「人和自然和諧共處」的精神來設計產品,商品除了考量任何對人和自然產生的危險性,而且也考慮其面對歲月滄桑的耐久性。北歐商品通常有流動的線條、溫暖的觸感、隱含但不明說的貼心功能,而其中的佼佼者,還可彰顯北歐人思維裡的「存在哲學」,例如Design House Stockholm設計的經典「冰塊燈」,冬天擺在屋裡客廳的角落,點著不關,「據說」有助那「日間」回家的人慨然擺脫永夜黑暗的纏鬥。 丹麥哲學家齊克果(Soren Kierkegaard)曾對人生提出過著名的疑問:「人們用手指挖掘泥土,為的是要嗅出他在什麼國度;我用手指挖掘存在,卻全然嗅不出有什麼東西。我在那裡呢?」一年要過5個月綿延暗夜的北歐人,自殺率全世界最高,但我們別忘了,就是在這種用力的思想裡,產生了北歐美學,一種乾淨而潔白的生活方式。 斯德哥爾摩的夏天實在太美了,城市裡的島間小灣隨時都可下水,台灣人到此最該買回家的瑞典貨,應該就是他們的「Life Style」吧……。
資料來源:數位時代
Tuesday, August 10, 2004
別把你的多媒體內容藏起來
Don't Hide Your Multimedia Content!
By Steve Outing, September 20, 2002
把我算成是一個多媒體的支持者吧!用多媒體在網上說故事,要用許多技術與格式,語音、影視、動畫、幻燈秀、爆發性的圖畫、互動的資料庫等等,造成了新的媒體型態,而不是把傳統的媒體如報紙與電視,原封不動放到電腦的畫面上。
豐富、或是多媒體的內容,當然在製作上耗時而昂貴,所以製作人希望有更多人看到。但是啊,事實並非如此,因為這些製作,時常藏在夾縫裏,讓人不容易看見。
大多數的新聞網站,對多媒體的強調做的太鬆懈。一位「線上新聞獎」的裁判最近告訴我:「教我驚異的是,不是網站多久才有一次多媒體的展示,而是把它放到不起眼找不到的地方,沒與相關的內容放在一起。一些特別報導通常有文字、圖片、與多媒體,但多媒體經常放在角落不起眼的位置。」
對製作多媒體網站而言,如何把這個昂貴的內容教人看到,成為一大挑戰。現在探討一下讓讀者點選觀賞多媒體的最佳方法。
放在軌道上
特別是在報紙的網站上,多媒體常含在一則報導之內,而非獨立的展示。通常是有一篇文字報導,也許附幾幅圖片,然後才有別的連結如影片、語言訪談、或資料庫,來支持這一報導。在報紙上這稱為「邊旁說明」。
在網上,邊旁說明有很多格式,有的網站設計人稱之為內容軌道,來表示這些附屬的內容。在主要內容之外,附屬內容有如軌道上,圍繞在主內容的四周。網上讀者必須要看得見這些附屬內容,才能連結過去,網頁設計人用了不技巧,從文字強調、到圖畫的誘導,教人知道還有多媒體的附屬內容。
MSNBC.com 就把這樣的技巧用在許多報導上,而且比別的新聞網站都多,也都是附屬在文字報導上。例如,本星期一布希總統讓大家支持攻打伊拉克的報導上,「放映影片」的按鈕就在文字邊旁許多地方出現,用小的照片與簡短的說明,告訴讀者影片裡有那些資料。
在小空間裏用這樣的連結,來引起讀者注意,讀者很快的就會點選進入。但很多網站,仍用單一的「影視」按鈕連結,僅期望讀者能連過去,卻不告訴讀者連過去會看到什麼。
MSNBC.com 前多媒體大師、現任職於 Corbit 的 Brain Storm 解釋說,關鍵在把強烈的視覺誘導放在報導之內,隨隨便便的連結過去,用處不大。精心製作的視覺暗示,加上優良的文字敘述,放在報導的適當位置,使 MSNBC 產生極佳的效果。
所以第一條規則是讓讀者知道點選了多媒體後會得到什麼。特別是影視與動畫內容,讀者關心檔案有多大、播放有多長、以及花多少時間下載,低頻寬的人如果知道的不多,就可能怯步不去點選。
重覆你自
要讓讀者點選附屬的多媒體,不仿重複。例如一月份洛杉磯時報記者 Robert Niles 一篇有關雲霄飛車的報導,在文稿之前、作者姓名之下,有一行「影片:坐一次 X 飛車」的文字連結,連到一段影片的報導。但在文稿中間的一幅照片,又有一個連結連到同樣一段影片。也許不是每一讀者都先看影片再讀報導,但讀到一半,仍有另一次機會觀看影片。這篇報導沒有在最後再放一個連結連到同一影片,但我建議這麼做,因為影片在這則報導裏是重要內容,務要要讓讀者看到。
雲霄飛車是則簡單的報導,一則文字稿與一段影片。但一些網上報導有很多元件,彼此競爭讀者的注意力,這就可能產生問題。
洛杉磯時報的另一篇報導就有這個問題。這是一篇報導年滿十八歲受感化的孤兒,卻沒人領養的新聞,原本是一篇文字稿,但後來又加入了許多多媒體內容,有影片、訪談、動畫幻燈秀、另加照片。
這篇報導,特別是聽到長大孩子們親口的聲音,非常動人。可是啊,我怕很多讀者都沒聽到這些聲音,因為這些多媒體的安排,超出普通人所能吸收。
較好的安排,可能是把孩子們的照片散佈在文內,每張照片連結他個人的影視、聲音、圖片等等。長的清單,遠較放在一起有多項選擇來得好,如果依邏輯化安排內容,就更好了。
市場才算數
讓網上讀者觀看附帶的多媒體內容,大部份是市場學的運用。加拿大資訊設計師 Stephen Downes,建議網站編輯運用最基本的市場學,來讓讀者點選進入多媒體。在建構連結的時候,Downes 說:「告訴讀者會得到什麼,告訴讀者這個內容的價值。」
再想想這個市場技巧如何運用。在新聞裏「促銷」多媒體,與付費的廣告做法並沒有什麼不同。吸引讀者閱讀多媒體,可以學用廣告裏的技巧。
我們從網上廣告學到的一件事,就是有時候簡單的文字連結,較塊狀廣告或多媒體廣告更為有效。把強而有力的字句放到適當的位置,文字連結同樣可以吸引讀者。(這與前面 Storm 的建議相反。)
在另外一面,考慮創意性廣告技巧來增加多媒體的點選率。例如,讀者點選文字稿的同時,再展示出另一視窗,導引讀者觀賞幻燈秀。或者是製造一個小視窗,用圖畫提示讀者還有別的附屬資料。
另一個不同的看法,是媒體機構需要在離線運作上宣傳其網上特殊的製作,Estlow 新聞與多媒體中心的 Laura Ruel 指出,MSNBC.com 今年年初的多媒體製作「托運行李」,讀者可以假設自己是飛機場行李過濾器,理應受到讀者的歡迎,事實上卻沒有,就是沒有能廣為傳宣讓大家知道的緣故。
讓它獨立出來
我們看到愈來愈多的多媒體單獨存在,不再是別的報導的附庸。紐約時報雜誌的 The Masters Plan : Regaining Ground Zero,就不需從介紹網頁再連結了。也有愈來愈多的網站,首頁包含影視,就直接播放,甚至連讀者都沒告訴。
本週華盛頓郵報網站的多媒體製作 One Year Later,就由道頁直接轉到這個製作的 Flash 網頁。同樣的,今日美國網站近日推出「互動文件」,放在頁首的圖片位置。
新聞網站是否可以由首頁直接連結到多媒體內容,而不讓讀者預知?網站內容顧問 Jennifer Kronstain 說,一般大眾在技術上還沒準備好來接受網站推給他們的內容,她建議網站仍需標示,讓讀者知道需用什麼技術來接受網站的內容,如 Flash、Real Player、Quick Time 等等。
Kronstain 辯稱,把多媒體內容傳給讀者,是經驗上的結合,現在做的僅是裝飾而已,把多媒體變成互動,變成新聞業的一部份,才是正軌。
多媒體是未來
現在清楚了,多媒體對網上讀者將日益普及,紐約時報在四月份製作了 100 個多媒體項目,吸引了 320 萬訪客(次月有400 萬訪客)。最叫座的,據發言人 Christine Mohan 說,是「攝影日記」裡的互動的幻燈秀,外加紐約時報攝影師的解說,這個項目在去年十月一日推出,其中 Frontiers of War 就製造了 45 萬個 Page View。
我們面臨演進的轉型,多媒體內容即將普及,許多網站都熱衷將多媒體內容推及讀者。但新聞網站仍負有教育讀者的責任,來如何欣賞這些內容豐富的資訊。
Friday, July 30, 2004
我的意思是這樣
那妳在設計flash時,可能要大概計算到;講話的流程跟速度
你們不是說30秒
比如一段大概5秒的片段;一句大概可以解釋
三段大綱
以下:
按鈕--開埸
1. 傳達概念
2.建置的一些活動圖片及點
3.帶來的成果及應用
那我也大概規劃四~五句話
在30秒內帶完
搞活動.Ivan 說:
等妳完成的時侯
4.結尾..簡單的....還沒想到一個簡潔的方式
妳可以不用太要求細緻度,主要是視覺的震撼
因為是一個ENDING
Friday, July 02, 2004
設計精典網站系列一good web design
設計精典網站系列一
CROSSMIND.NET Cool Site Categories網頁設計得獎作品分析
http://www.crossmind.net/cnt/sites/sites.php
http://00bit.com
http://www.149design.com
http://www.18oz.com
http://www.2advanced.com
http://www.2ndsight.dk
http://www.3ermundo.com
http://www.52mm.com
http://www.6um.com
http://www.6mmdesign.net
http://www.77design.com
http://www.abelbaker.se
http://www.ablemindz.com
http://www.adrenalab.com
http://www.aeriform.co.uk
http://www.aidio.com
http://www.studioaka.co.uk
http://www.alambic.qc.ca
http://www.alpheusmedia.com
http://www.amm.be
http://www.amoebacorp.com
http://www.amoeba.com.sg
http://www.an-imation.com
http://www.animallogic.com
http://www.anonymous1.com
http://www.anti-gravitydesign.com
http://www.area3.net/barcelona
http://www.area42.de
http://www.mindspring.com/~arminvit
http://www.ae-pro.com
http://www.atomicsupersonic.com
http://www.automatic-ia
--------------------------------------------------------------------------------
http://www.boathow.com
http://www.christinacreative.com/index.html
http://www.kreating.com/weblab
http://www.cwdcn.com/cwdcn.php
http://img.cn99.com/cn99/window3322.html
--------------------------------------------------------------------------------
http://www.whadshel.com/index.html 戶外廣告
http://www.artery-net.com/
CROSSMIND.NET Cool Site Categories網頁設計得獎作品分析
http://www.crossmind.net/cnt/sites/sites.php
http://00bit.com
http://www.149design.com
http://www.18oz.com
http://www.2advanced.com
http://www.2ndsight.dk
http://www.3ermundo.com
http://www.52mm.com
http://www.6um.com
http://www.6mmdesign.net
http://www.77design.com
http://www.abelbaker.se
http://www.ablemindz.com
http://www.adrenalab.com
http://www.aeriform.co.uk
http://www.aidio.com
http://www.studioaka.co.uk
http://www.alambic.qc.ca
http://www.alpheusmedia.com
http://www.amm.be
http://www.amoebacorp.com
http://www.amoeba.com.sg
http://www.an-imation.com
http://www.animallogic.com
http://www.anonymous1.com
http://www.anti-gravitydesign.com
http://www.area3.net/barcelona
http://www.area42.de
http://www.mindspring.com/~arminvit
http://www.ae-pro.com
http://www.atomicsupersonic.com
http://www.automatic-ia
--------------------------------------------------------------------------------
http://www.boathow.com
http://www.christinacreative.com/index.html
http://www.kreating.com/weblab
http://www.cwdcn.com/cwdcn.php
http://img.cn99.com/cn99/window3322.html
--------------------------------------------------------------------------------
http://www.whadshel.com/index.html 戶外廣告
http://www.artery-net.com/
Wednesday, June 30, 2004
設計術語-Design terminology
只要是設計,多少會用到些術語,紅標部分常會用到!
一.
大型看板...............Billboard
小冊子..................Booklet
手冊(比小冊子大)... Brochure
業務展示工具(冊)....Sales Kit
資料夾(可摺式).......Folder 單頁文宣...............Leaflet
拉頁文宣...............Folding Flyer
插頁文宣...............Insertion(or Insert)
立即取..................Take-one
直效信件...............DM(or Direct Mail) 附加信函...............Cover Letter
二.
店頭海報...............Poster
店頭橫招...............Banner
吊旗.....................Ceiling Display
地貼.....................Floor Sticker
陳列箱..................Dump Bin
桌上立架...............Standee(put on Table or Counter)
桌上搖搖牌............Wiggle(Flapping Sign)
陳列架昭示............Shelf Vision (or Shelf Talker)
大型站立牌............Life-size Display
現場展示工具.........Demonstration kit
三.
前主標(或引導主標)Pre Catch
主標.....................Catch
後主標..................Sub Catch
內文標題(或小標)....H/L (as Head Line)
內文.....................Copy(or Body Copy)
短主標(或提是主標)Eye Catch
特殊處裡(或附註)...Pattern
標語.....................Slogan
四.
色調.....................Tone
類型(或風格)..........Manner
原型.....................Dummy
編排.....................Layout
腳本.....................Script
編排格式...............Format
完稿.....................Finished Art(or F/A)
一.
大型看板...............Billboard
小冊子..................Booklet
手冊(比小冊子大)... Brochure
業務展示工具(冊)....Sales Kit
資料夾(可摺式).......Folder 單頁文宣...............Leaflet
拉頁文宣...............Folding Flyer
插頁文宣...............Insertion(or Insert)
立即取..................Take-one
直效信件...............DM(or Direct Mail) 附加信函...............Cover Letter
二.
店頭海報...............Poster
店頭橫招...............Banner
吊旗.....................Ceiling Display
地貼.....................Floor Sticker
陳列箱..................Dump Bin
桌上立架...............Standee(put on Table or Counter)
桌上搖搖牌............Wiggle(Flapping Sign)
陳列架昭示............Shelf Vision (or Shelf Talker)
大型站立牌............Life-size Display
現場展示工具.........Demonstration kit
三.
前主標(或引導主標)Pre Catch
主標.....................Catch
後主標..................Sub Catch
內文標題(或小標)....H/L (as Head Line)
內文.....................Copy(or Body Copy)
短主標(或提是主標)Eye Catch
特殊處裡(或附註)...Pattern
標語.....................Slogan
四.
色調.....................Tone
類型(或風格)..........Manner
原型.....................Dummy
編排.....................Layout
腳本.....................Script
編排格式...............Format
完稿.....................Finished Art(or F/A)
Friday, June 25, 2004
Thursday, June 24, 2004
Good article------will try to translate to the English
----------摘自大樹----------
一、網站架構圖
好老套哦,不是嗎? 不過最老套的方法,卻是最必需要的。畫出一個完整的網頁架構圖,可以讓您在事前先行規劃好網站架構,所有的功能在此時都應詳細的列出,不應存有事後再來補的想法,以大樹的經驗來看,網站通常是牽一髮動全身,事前沒有想好的部份,事後要來補總是會勞師動眾,令人氣結。弄不好,部份網頁得從新做過也說不定。所以大家在架構一個網站之前,還是乖乖把一個架構圖畫出來吧。至於要畫到多細? 大樹的建議是,把所有頁面都要畫出來。舉例來說,一個留言板的架構,就需包含到留言清單、新增留言、管理留言、編修、刪除…只要是你將來會需要的部份,這個時候先把它清楚的列出,如此一來,您只要照圖施工,就可以很快速的完成網站。
二、網頁的基本色與CSS
大樹由於是美工出身,所以與一般網頁製作者的差異應該在此,當網站架構圖出來後,大樹就會開始選擇一個基本色系,一個好的網站,應該讓大家在瀏覽所有網頁時,感受是在同一區裡面遊走,而不是第一頁看到大紅、第二頁看到大綠。差異太大的設計,不容易讓人家對你的網站有印象,在這麼多的網站當中,您必須塑造自已的風格,而這樣的風格,就先從基本色選起。
也許這樣的說法您聽的一頭霧水,大樹換個方式講好了,講到7-11,您會想到什麼顏色? 綠色系吧(橙紅為輔助色系),講到燦坤會想到什麼顏色? 黃色系吧…這就是利用顏色來塑造瀏覽者的記憶,如果您同意大樹的說法,下次設計網頁的第二個工作,不妨利用CSS功能,把您網站上的基本色調定出來,讓所有的網頁套用,相信就可以做出您自已的風格。
三、別讓「效果」蓋過「想法」
網頁所能顯示的效果五花八門,但一般設計者容易陷入這個陷阱,大量的套用一些炫目的效果,反而讓瀏覽者無法感受到您網頁上所要呈現的資訊,這是反客為主的作法。效果是輔助,別讓它搶了主題,大量運用現成效果,會讓網頁顯示有些俗艷,相當可惜。
四、「人」 才是主控者
設計網頁時,要把每位瀏覽者視為一個電腦門外漢,除非您的網站本來就定位在極專門,否則,別設計一些連你自已操作起來都覺得彆扭的功能。
自已把網頁瀏覽的動線規畫出來,所謂的動線就是「連結」接「連結」這一條無形的線。讓瀏覽者知道他下一步可以按那裡的「連結」,而最重要的回到首頁也不要忘了。經常逛到一些網頁必須靠IE的「上一頁」回去,這並不是一個很好的動線規畫。
五、善用關聯式資料庫
動態網頁的靈魂,就在資料庫上,大樹初接觸Asp的世界時,也還不能精確掌握資料庫的特性,所以當時資料庫的運用純粹只是記錄資料用,大部份的運用會想盡辦法在網頁中用Sql語法來完成,不過後來大樹了解到,只要資料庫規畫的好,利用資料庫本身的關聯性與查詢,很多網頁需求可以輕鬆完成。所以大樹會建議大家在製作網頁之前,先花一點時間規畫您的資料庫,就如同建房子一樣,資料庫是地基,網頁是樓層,地基打的好,上面的樓層就會很穩固哦。
六、注重安全性
或許您跟大樹以前有同樣的想法,應該沒人會對駭自已的網站有興趣吧…不過,駭客的想法,總是令人摸不透,也許您的網站資料沒什麼重要性,但是駭客入侵,恐怕不是看中您的網頁資料,而是藉由您的網站,來當做入侵的練習目標。所以注意一些安全性報告,以及加強網頁主機權限控管,都是必要的。記得有人提過,把資料庫的檔名MDB更換為IDC,也是不錯的方法。不過…最重要的是,在網路上廣結善緣,不要輕易樹敵,自然就比較不會招惹是非,即使被駭,也會有熱心網友在第一時間通知您,可別網站被改成色情圖片大半年,身為網站主人還渾然不知,那就糗了。
七、最佳化網站
何謂最佳化網站? 大樹臨時想不出該用什麼名詞來形容,就用了這個名詞,其實它包括了幾個部份:
原始檔的最佳化:這個部份對於一般人恐怕是比較難的部份,至少對大樹來說是如此,因為原始語法艱深難懂。不過…大樹指的是一些不必要的語法,盡量讓語法精簡,尤其是使用微軟牌相關軟體製作出來的網頁,總會包含一拖拉古不必要的語法在裡面,這可以利用DW本身的去除功能,把這些語法拿掉,原始檔內容越多、檔案就越大、傳輸就越慢。
圖檔的最佳化:有些人習慣把大圖,直接在DW中拉小就放上去了,事實上這是沒有必要的,您需要多大的圖,就製作多大的圖,還好DW MX2004有即時更新尺寸的功能,方便許多。而視情況選擇圖檔的格式也是必要的。一個Gif16色可以解決的圖,就沒有必要用Gif256色來製作,這都是浪費傳輸時間的元兇,在Fireworks 中,可以讓您直接看到不同的格式所佔用的傳輸時間(預估值),在不影響畫面質太多的情況下,您可以挑最適合使用的格式。
八、伺服器主機也是關鍵
如果是付費的空間,就挑個穩定一點的主機來使用吧,上網聽聽別人的評價,有助於您的選擇。或許您也會想自已架設伺服器來使用,不過自已架設需要自已維護,除了定期更新系統、防毒、24小時連線的硬體耗損、電費,以及備份系統、不斷電系統,及穩定的線路,都是需要考慮的。
總體來說,付費的,不需自已維護、挺方便的,只是空間有限。而自已架設,則投入軟硬體成本高,維護又累,但是可運用的空間就寬廣多了,可有利弊,不過無論付費或自設,穩定性與速度都是首要考量的部份。
九、讓擴充程式加強您的網頁效果
這一點其實也沒啥好講的,如果您跟大樹一樣,屬於那種只會基本網頁法的人,那多找一些Extension來補強您的網頁內容吧,這也是Dreamweaver一族最大的優勢,有滿山的擴充程式可以運用,最重要的是,大部份的擴充程式還是免費的,運用的好,一定可以讓您的網頁設計加分的。
十、讓網站活起來
這是最後的一點,也是大樹認為最重要的一點,不過也是最難的一點。
一般網站必須靠網站管理者的不斷更新來添加活力,但如果能有網友的參與討論,則網站的活力才會夠,有人氣,網站才有生存的意義,啊不然是要做給鬼看哦? 至於如何讓網站活起來,管理者可能必須勤勞一點的更新資料,並且擁有一些吸引網友瀏覽討論的內容。這一點大樹也還自認不及格,有待你我一同努力哦…
大樹一直強調,這些都是大樹個人的看法,不一定是很正確的規劃理論,但是是大樹的一些經驗談,與您分享囉!
一、網站架構圖
好老套哦,不是嗎? 不過最老套的方法,卻是最必需要的。畫出一個完整的網頁架構圖,可以讓您在事前先行規劃好網站架構,所有的功能在此時都應詳細的列出,不應存有事後再來補的想法,以大樹的經驗來看,網站通常是牽一髮動全身,事前沒有想好的部份,事後要來補總是會勞師動眾,令人氣結。弄不好,部份網頁得從新做過也說不定。所以大家在架構一個網站之前,還是乖乖把一個架構圖畫出來吧。至於要畫到多細? 大樹的建議是,把所有頁面都要畫出來。舉例來說,一個留言板的架構,就需包含到留言清單、新增留言、管理留言、編修、刪除…只要是你將來會需要的部份,這個時候先把它清楚的列出,如此一來,您只要照圖施工,就可以很快速的完成網站。
二、網頁的基本色與CSS
大樹由於是美工出身,所以與一般網頁製作者的差異應該在此,當網站架構圖出來後,大樹就會開始選擇一個基本色系,一個好的網站,應該讓大家在瀏覽所有網頁時,感受是在同一區裡面遊走,而不是第一頁看到大紅、第二頁看到大綠。差異太大的設計,不容易讓人家對你的網站有印象,在這麼多的網站當中,您必須塑造自已的風格,而這樣的風格,就先從基本色選起。
也許這樣的說法您聽的一頭霧水,大樹換個方式講好了,講到7-11,您會想到什麼顏色? 綠色系吧(橙紅為輔助色系),講到燦坤會想到什麼顏色? 黃色系吧…這就是利用顏色來塑造瀏覽者的記憶,如果您同意大樹的說法,下次設計網頁的第二個工作,不妨利用CSS功能,把您網站上的基本色調定出來,讓所有的網頁套用,相信就可以做出您自已的風格。
三、別讓「效果」蓋過「想法」
網頁所能顯示的效果五花八門,但一般設計者容易陷入這個陷阱,大量的套用一些炫目的效果,反而讓瀏覽者無法感受到您網頁上所要呈現的資訊,這是反客為主的作法。效果是輔助,別讓它搶了主題,大量運用現成效果,會讓網頁顯示有些俗艷,相當可惜。
四、「人」 才是主控者
設計網頁時,要把每位瀏覽者視為一個電腦門外漢,除非您的網站本來就定位在極專門,否則,別設計一些連你自已操作起來都覺得彆扭的功能。
自已把網頁瀏覽的動線規畫出來,所謂的動線就是「連結」接「連結」這一條無形的線。讓瀏覽者知道他下一步可以按那裡的「連結」,而最重要的回到首頁也不要忘了。經常逛到一些網頁必須靠IE的「上一頁」回去,這並不是一個很好的動線規畫。
五、善用關聯式資料庫
動態網頁的靈魂,就在資料庫上,大樹初接觸Asp的世界時,也還不能精確掌握資料庫的特性,所以當時資料庫的運用純粹只是記錄資料用,大部份的運用會想盡辦法在網頁中用Sql語法來完成,不過後來大樹了解到,只要資料庫規畫的好,利用資料庫本身的關聯性與查詢,很多網頁需求可以輕鬆完成。所以大樹會建議大家在製作網頁之前,先花一點時間規畫您的資料庫,就如同建房子一樣,資料庫是地基,網頁是樓層,地基打的好,上面的樓層就會很穩固哦。
六、注重安全性
或許您跟大樹以前有同樣的想法,應該沒人會對駭自已的網站有興趣吧…不過,駭客的想法,總是令人摸不透,也許您的網站資料沒什麼重要性,但是駭客入侵,恐怕不是看中您的網頁資料,而是藉由您的網站,來當做入侵的練習目標。所以注意一些安全性報告,以及加強網頁主機權限控管,都是必要的。記得有人提過,把資料庫的檔名MDB更換為IDC,也是不錯的方法。不過…最重要的是,在網路上廣結善緣,不要輕易樹敵,自然就比較不會招惹是非,即使被駭,也會有熱心網友在第一時間通知您,可別網站被改成色情圖片大半年,身為網站主人還渾然不知,那就糗了。
七、最佳化網站
何謂最佳化網站? 大樹臨時想不出該用什麼名詞來形容,就用了這個名詞,其實它包括了幾個部份:
原始檔的最佳化:這個部份對於一般人恐怕是比較難的部份,至少對大樹來說是如此,因為原始語法艱深難懂。不過…大樹指的是一些不必要的語法,盡量讓語法精簡,尤其是使用微軟牌相關軟體製作出來的網頁,總會包含一拖拉古不必要的語法在裡面,這可以利用DW本身的去除功能,把這些語法拿掉,原始檔內容越多、檔案就越大、傳輸就越慢。
圖檔的最佳化:有些人習慣把大圖,直接在DW中拉小就放上去了,事實上這是沒有必要的,您需要多大的圖,就製作多大的圖,還好DW MX2004有即時更新尺寸的功能,方便許多。而視情況選擇圖檔的格式也是必要的。一個Gif16色可以解決的圖,就沒有必要用Gif256色來製作,這都是浪費傳輸時間的元兇,在Fireworks 中,可以讓您直接看到不同的格式所佔用的傳輸時間(預估值),在不影響畫面質太多的情況下,您可以挑最適合使用的格式。
八、伺服器主機也是關鍵
如果是付費的空間,就挑個穩定一點的主機來使用吧,上網聽聽別人的評價,有助於您的選擇。或許您也會想自已架設伺服器來使用,不過自已架設需要自已維護,除了定期更新系統、防毒、24小時連線的硬體耗損、電費,以及備份系統、不斷電系統,及穩定的線路,都是需要考慮的。
總體來說,付費的,不需自已維護、挺方便的,只是空間有限。而自已架設,則投入軟硬體成本高,維護又累,但是可運用的空間就寬廣多了,可有利弊,不過無論付費或自設,穩定性與速度都是首要考量的部份。
九、讓擴充程式加強您的網頁效果
這一點其實也沒啥好講的,如果您跟大樹一樣,屬於那種只會基本網頁法的人,那多找一些Extension來補強您的網頁內容吧,這也是Dreamweaver一族最大的優勢,有滿山的擴充程式可以運用,最重要的是,大部份的擴充程式還是免費的,運用的好,一定可以讓您的網頁設計加分的。
十、讓網站活起來
這是最後的一點,也是大樹認為最重要的一點,不過也是最難的一點。
一般網站必須靠網站管理者的不斷更新來添加活力,但如果能有網友的參與討論,則網站的活力才會夠,有人氣,網站才有生存的意義,啊不然是要做給鬼看哦? 至於如何讓網站活起來,管理者可能必須勤勞一點的更新資料,並且擁有一些吸引網友瀏覽討論的內容。這一點大樹也還自認不及格,有待你我一同努力哦…
大樹一直強調,這些都是大樹個人的看法,不一定是很正確的規劃理論,但是是大樹的一些經驗談,與您分享囉!
Subscribe to:
Posts (Atom)


