\

網站名稱：微軟 XP 平台 http://www.microsoft.com/taiwan/windowsxp/default.mspx

類型：圖形符號型

風格特色：由四個顏色不同的區塊組成的一面旗子，

如果不特別介紹，單單只看圖形的話，不代表意義。

是 XP 特有的 LOGO。

選擇的原因：因為我電腦是 XP 的，所以我常常去上它的網站，搜尋一些資訊。^^

網站名稱： google http://www.google.com.tw/ig?hl=zh-TW

類型：文字型

風格特色：直接用 google 文字來當 LOGO，淺而易懂。

選擇的原因：全球最大的資料庫！！

真的非常的好用，我自己還蠻常上它的網站去找資料的^^

它的地圖也做得很棒，我都用它的地圖來規畫旅遊的路徑@@

真的是一個很棒的網站！

網站名稱：樂屋網 ( 買屋、賣屋房屋買賣資訊、房屋仲介平台 )

http://www.rakuya.com.tw/

類型：綜合型

風格特色：作者設計簡而易懂的圖案，

圖型讓人一看就是一棟房子，

便會聯想到與買賣房子有關。

選擇的原因：我覺得他設計的好可愛，

他除了設計出房子之外，

還把它跟人作結合，給它加上笑臉和腳，

充分表現出--

〝我們會用心奔走，為您找到心目中理想的屋子，服務定會讓你滿意！〞的服務精神。^ ^

01

活動名稱：老護一制服週 (七色彩虹制服)

使用效果：增強

套用框架：雛菊

02

活動名稱：老護一制服週 (男生穿女裝)

使用效果：雙色調(藍黑+黃)

貼上貼紙標籤：(皇冠)

亮度調大

貼上文字：(SEXY BABY~)

03

活動名稱：老護一制服週(全班合照)

使用效果：棕褐色、增強

貼上文字：(FRESHMAN!!)

04

活動名稱：老護二制服週(全班合照)

亮度調大

使用效果：增強

貼上文字：(不知不覺就大二了…)

套用框架：展覽館本體

05

活動名稱：老護一制服週(我和我室友)

使用效果：Lomo-ish

套用框架：寶麗來-藍底

使用效果：暈映、亮度調大

套用框架：寶麗來-白底 ((用兩次

1. http://www.wretch.cc/blog/foriem/9873585

圖案型

三葉草的圖案代表運動經典 Sport Heritage，表示原創，復古，休閒

這個 logo 是常見的運動品牌，是一個很好任的 logo。

2. http://www.skm.com.tw/default.htm

文字型

以簡單的字樣代表此百貨公司。選擇他是因為這是我最早開始逛的百貨公司。

3. http://www1.pizzahut.com.tw/

綜合型

當卡尼兄弟開始建立他們的第一間必勝客時，這間屋的招牌位置只可容納九個英文字母位，其中五個位

一 定要有"Pizza"這個字，卡尼家人建議用"Hut"（茅屋）。

因為這間餐廳之外觀與茅屋相似，Pizza Hut 這名字便由此而來。 (LOGO 圖就是像一個小茅屋)雖然常

吃披薩現在才知道他們的 logo 意義。

1. 網址名稱：火狐 mozilla taiwan

http://moztw.org/

2. 類型：圖形符號型

3. 風格特色：火狐瀏覽器是由一名年僅 19 歲的電腦天才所開發，在微軟的 IE 幾乎壟斷瀏覽器市場的時

代，火狐的出現居然讓網路市場有了重大變動，雖然還是以 IE 為大宗，但是火狐高達 20 幾%的市占率

著實給了微軟很大的威脅。從他的 LOGO 不難看出他的企圖心之大，以代表自己的紅色狐狸抱緊全球，

以廣泛全球為目標。同時鮮豔的紅色與海洋般的藍色配在一起又相當好看且令人印象深刻，也難怪現在

時常可以在各個地方發現這個 LOGO。

1. 網址名稱：Youtube

http://www.youtube.com/

2. 類型：文字型

3. 風格特色：Youtube 本來只是一群大學生用來分享資訊所設的網站，但今天已變為價值無法估量的超

大網站，並由 Google 日前以天價買下。剛開始接觸的人可能會誤念為 You tu be，但是仔細觀察他的 LOGO

可以發現後面的 tube 由一個紅色框框起來了，tube 的意思是管子，但是在早期真空管電視盛行時，此字

也可衍生為"電視"之意，因此他其實是念為 You tube，其意思就如他的功用一般，"你的電視"，配上下

方的 broadcast(廣播)yourself(你自己)，是個將功用以淺顯易懂的文字表達出來的 LOGO，上下呼應，同時

兼具美觀，讓人印象深刻。

1. 網站名稱：Mazda 汽車

http://www.mazda.com.tw/

2. 類型：綜合型

3. 風格特色：日系品牌的 mazda 汽車，一直給人溫馨舒適的感覺，除了他的廣告通常都是走溫情牌之

外，其 LOGO 也相當美觀，展翅飛翔的海鷗代表著汽車的輕快迅捷，銀色系給人沉穩安靜 FEEL，在汽

車上展示時也相當合適。同時下面帶著自己品牌的名稱，也隱隱代表著這個品牌即將展翅翱翔，順利在

市場上占有一席之地，是個相當美觀的 LOGO。

圖 1 修改前(家聚)

圖 1 修改後

用了加強暖色、色溫來突顯照片中的人物以及暖度，

並且用部分的黑白以及雜訊遮蓋背景，目的一樣在於突顯人物以及加強親密度。

圖 2 修改前(家聚)

圖 2 修改後

圖 3 修改前(系壘)

圖 3 修改後

這次希望能有比較大的改變，以及使用軟體的多功能性，

使用了黑白以及深褐色使得照片回到復古風，配合照片在球場拍攝感覺有良好效果，

另外使用了柔焦的功能使得焦點較為集中在中間人較多的地方，配合左右各一人使得整體頗為整齊。

圖 4 修改前(系壘)

圖 4 修改後

使用了暖色，目的一樣是復古風(總覺得壘球就是要復古)，

裁減了左右使得壘球隊整體突顯出來，

稍微使用一點模糊使之有打完球的疲累感。

圖 5 修改前(系壘)

圖 5 修改後

我覺得人物過多模糊了照片焦點，直接剪裁掉也缺乏整體性，因此就把主體周圍用了模糊以及黑白，

並且在主體加強暖色來突顯人物(這是我很喜歡的功能)，調降了一點光，主要目的還是復古風不可少。

1. 圖形符號型 Windows Live Messenger

http://tw.msn.com/

MSN 主要功能就是即時通訊，所以它的 logo 是強調人與人之間的溝通交流可因此而連繫起來，因

為是每天開機一定會打開的網站，所以選擇 MSN 來介紹。

2. 文字型 YouTube

http://www.youtube.com/

YouTube 是一個影音發佈的平台，讓數十億人可以探索、觀看及分享原創影片。「Tube」本身就有

電視機的意思，而白底與紅底給人感覺就像開關一樣，是可以讓「你」自由的點閱影片的網站。選擇原

因：近來，許許多多的素人明星都是因為 YouTube 而崛起的，是目前被廣泛使用的網站。

3. 綜合型 Wikipedia 維基百科

http://wikipedia.tw/

Logo 背景：文字部份──英文的「Wikipedia」是「wiki」（一種可供協作的網路技術）和「encyclopedia」

（百科全書）結合而成的混成詞。其中文名稱「維基百科」是經過投票討論後所決定的，「維基」兩字

除了音譯之外，「維」字義為繫物的大繩，也做網解釋，可以引申為網際網路，「基」是事物的根本，或

是建築物的底部。「維基百科」合起來可引申為網際網路中裝載人類基礎知識的百科全書。

圖形部分──是由多種語言的「維」如拼圖一般建構起來，象徵維基百科是由來自全球各地的自願

者所編寫的百科全書，便是所謂的「自由的百科全書」。

維基百科是一個查詢資料非常方便的網站，因此選擇它的 logo 來做介紹。

文字型

https://agnesb-ec.prociel.jp/online_shop/index.php

agnes b. 一直挑戰於一貫流行的模式，她不嘩眾取寵也不求博得大眾目光，然而這樣的堅持反而把流行

帶入給那些不跟隨流行的另一派時尚人中。agnes b.的設計，線條簡潔、剪裁合宜、色彩簡單、材質天然，

總是不經易流露出 agnes b.的風格。

我一直很喜歡這個 LOGO，它簡潔的線條，讓人感覺不高調，但有美感與氣質。

圖形符號型

http://www.apple.com/

slogan：使用蘋果電腦，就像是將蘋果拿在手中咬下去那樣簡單容易

所以他將一顆完整蘋果的右上方出現一個缺角。

蘋果的產品總是不經意流露出不凡的氣質，而他的 LOGO 亦然，讓人一看就知道是蘋果也就是 APPLE，

不需再添加多餘的文字

綜合型

http://kerrywebster.com/design/starbucks-logo-genesis

星巴克美人魚 logo 取自於十六世紀挪威的雙尾美人魚木雕圖案，她看起來嫵媚迷人、充滿冒險精神，

就像咖啡一樣具有誘惑力。1987 年星巴克總裁 Howard Schultz)以綠色系為主色調，創造出明亮、活潑的

感覺，並把美人魚拉近，讓大家更能清楚看見美人魚的笑臉，演變成為今日的星巴克女神 logo。

我覺得他同時具有品牌精神的圖案加上文字讓不認識此品牌的人也能輕易看出他是什麼店家的 LOGO。

01 去彩度 + 遮罩

02 調整色相彩度+ 遮罩

03 調整曲線 + 去背

04 把草苺飲料剪下來 貼上另一張圖

05 去彩度 + 遮罩

(一)

1.網站名稱：樹德科技大學 社團網

2.連結：http://www.sao.stu.edu.tw/stuclub/

3.截圖：

4. 簡述分析：

屬於：基本版面格式 B

優點：全部的社團都有規劃的排在網站兩側，非常得清楚明瞭，

可點閱進入想要瀏覽的社團網站去觀看資訊，

而且他還幫社團做部落格的連結點，

可以更清楚知道該社團的近期活動內容，我覺得很棒！！

缺點：缺少與觀覽者的互動

=================================================================

(二)

1.網站名稱：靜思簡介 - 元培社團網

2.連結：http://ead.ypu.edu.tw/files/11-1017-2188.php

3.截圖：

4. 簡述分析：

屬於：基本版面格式 A (左側)

優點：版型看起來很清爽，圖片很美觀、很舒服，

會讓人想要點選進去瀏覽。

缺點：資訊沒有定期更動，無法了解該社團是否還有在活動，

而且每個連結點進去之後，會一直換畫面(跳頁)，

有些社團網站也沒有連結好(出現錯誤)。

============================================================== ===

(三)

1.網站名稱：海青工商原民社無名部落格

2.連結：http://www.wretch.cc/blog/newhcvsori

3.截圖：

4. 簡述分析：

屬於：基本版面格式 A (右側)

優點：整體看起來很乾淨、不雜亂，

和一般部落格相同，右側導覽列提供很多種不同的資訊，

可以放上活動照片、可以回覆網誌內容、

也可以留言給版主，增加觀看的互動性。

缺點：畢竟不是全部都自己親手設計，

缺少版型獨特性，流於一般。

無法與相關網站作連結點，只能與好友的網誌做連結。

國樂社網站網址:

http://my2.tmu.edu.tw/club/cmusic

改造前：

改造後 http://my2.tmu.edu.tw/club/cmusic

改造前後心得 :

國樂社的網站改造成北醫霏雪國樂社(對外)，改造過後的網

站較為平易近人，符合國樂社的柔和、清新的印象，加上旁

邊有國樂器陪襯，很清楚可以知道是國樂社的版。

關於網站的組織架構規劃得更為詳細，不但能讓訪客方便取

得最新資訊，了解社團目前的運作情形，若有任何疑問也可

以透過討論區和即時塗鴉牆與社團負責人或社員聯繫。對於

不是很熟悉國樂的人，亦有教學課程、國樂知識介紹以及友

站連結，使人更容易理解國樂優美奧妙的世界，而活動結束

後的照片還能上傳至生活點滴或相簿中與訪客分享，也因此

讓我們國樂社的網站更具互動性。

我覺得把公告、討論、最新文件等等放在中間很清楚明瞭，

因為社團重要的就是最新消息，這樣不論社員或非社員點進

來可以快速找到最近活動，不會被雜亂的洗版文弄得很混

雜。左邊的社群功能很詳盡，如果以後真的有擴充內容及經

營此板，那將會非常豐富！字體上都很貼心的用了粗體，這

樣看起來不吃力，游標移過去字體背景的顏色改變很清楚可

以看到要點的項目。

另外，還有點閱過的超連結變成斜體以及顏色改變讓第一次

來板上瀏覽的人方便很多，對於想要知道特定資料的使用者

而言是省時方便的。整體的美術風格給人輕鬆愉快之感，不

但讓使用網站者能以愉快心情瀏覽，更能搭配網站的主題：

音樂，達到放鬆心情之效。

整體架構已趨於完整，可以想像即便將來資料豐富時，其條

理式的架構亦可防止過多的資料給人凌亂之感，反而有清晰

分明之用，是個不錯的網站。