吉他社

組長：保健營養學系Ｂ５０６０９９０１０王凱琳 成員：保健營養學系Ｂ５０６０９９００４鄭郁潔 保健營養學系Ｂ５０６０９９０３１林蕙平 牙醫學系Ｂ２０２０９９０４５宋冠儀 牙醫學系Ｂ２０２０９９０６０李慶璿

多媒體設計 第八組 成果報告書

目錄

個人作業部份…………………………………………………………………….……….……2 保健營養學系Ｂ５０６０９９０１０王凱琳…………………………………………2 保健營養學系Ｂ５０６０９９００４鄭郁潔…………………………………………8 保健營養學系Ｂ５０６０９９０３１林蕙平…………………………………….…..11 牙醫學系Ｂ２０２０９９０４５宋冠儀…………………………………………….…18 牙醫學系Ｂ２０２０９９０６０李慶璿……………………………………………….28

小組作業部分………………………………………………………………….35 社團 Logo & Banner…………………………………………………………………………35 有關社團主題之網站或布落格分析………………………………………………………36 社團網站架構書………………………………………………………………………………….46 社團網站樣式修改前後對照………………………………………………………………....49 組員心得…………………………………………………………………………………………….54

1

多媒體設計 第八組 成果報告書

保健營養學系Ｂ５０６０９９０１０王凱琳

(1)個人風格大頭照

(2)網路logo分析 Swarovski 施華洛世奇 http://asia.swarovski.com/taiwan/htm/509/zh_hant/%E6%E8%E6%E4%E5%E6%E6.htm 圖形符號型 logo 背景底色是透明的，因此可以加附在任何形式的商品上。 風格特色:簡單明瞭，沒有太多的顏色，不會眼花撩亂但是卻又很清楚。 選擇的原因:Logo 簡單，不會太複雜，容易分辨，每件商品都會有這個 Logo，非常代表此品牌。

GODIVA http://tw.wrs.yahoo.com/_ylt=A8tUwYSuGndNRhMAHUtr1gt.;_ylu=X3oDMTBydTdmYjgyBHNlYwNzcgR

2

多媒體設計 第八組 成果報告書 wb3MDMQRjb2xvA3R3MQR2dGlkAw--/SIG=11aqhuhek/EXP=1299672846/**http%3a//www.godiva.co m/ 綜合型 logo 背景底色是白色的。 風格特色:有一點復古的感覺，使用咖啡色系又給人成熟穩重的堅定感。 選擇的原因: 品牌名稱占很大的部分，賣什麼東西也清楚明瞭，不易搞混。

Shiseido 資生堂 http://www.tw.shiseido.com/ 文字型 logo 背景底色是深紅色的。 風格特色:S 字母寫得很特別，非常有特色，加上簡單的英文，很令人印象深刻。 選擇的原因: 不易錯認，是眾所皆知的品牌，加上不浮誇卻容易記住的設計。

(3) 修改前後的社團照片 用 picasa 程式來修改社團照片 好手氣 自動對比 自動調色 微調強光 微調陰影 微調亮度 白熱光 飽和度 焦點黑白 色溫

3

多媒體設計 第八組 成果報告書

4

多媒體設計 第八組 成果報告書

5

多媒體設計 第八組 成果報告書

6

多媒體設計 第八組 成果報告書

7

多媒體設計 第八組 成果報告書

保健營養學系Ｂ５０６０９９００４鄭郁潔

UNIQLO:http://www.uniqlo.com/jp/ 綜合型 鮮豔的紅色背景加上明顯的白字讓人很容易記住 即使只是很簡單的設計，但是有種充滿質感的感覺 加上這牌子前陣子還滿火紅的，所以就選了他

星巴克咖啡:http://www.starbucks.com.tw/home/index.jspx 圖形符號型

8

多媒體設計 第八組 成果報告書 很特別的女神在加上頭上有一顆星，很符合星巴克的感覺 女神給人一種很溫和高雅的感覺，看著 LOGO 就會很想進去買一杯來喝

PAYEASY:http://www.payeasy.com.tw/ 文字型 直接道出品牌的意義，非常的直接 色彩很繽紛，感覺就像女孩子的裝飾總是有很多種顏色 @又讓人有種電子化的感覺 即使不用出門也可以買到好貨 選擇他的原因是因為之前廣告打很大，所以想分析一下

白熱光 陰影

9

多媒體設計 第八組 成果報告書

柔焦

銳化+打亮

飽和度+打亮 10

多媒體設計 第八組 成果報告書

保健營養學系Ｂ５０６０９９０３１林蕙平 編修照片: 修改前 1:

修改後 1:

修改前 2

11

多媒體設計 第八組 成果報告書

修改後 2

12

多媒體設計 第八組 成果報告書

修改前 3

修改後 3

13

多媒體設計 第八組 成果報告書

修改前 4

修改後 4

14

多媒體設計 第八組 成果報告書

修改前 5

修改後 5

15

多媒體設計 第八組 成果報告書

個人大頭照

特色 LOGO:

圖型 Logo:台北國際花卉博覽會 logo 風格特色:標誌設計由五個人形花瓣組合而成，結合民族傳統水袖舞蹈與臺灣最驕傲的蘭花，以人體的韻律去勾勒花心、 花蕊和花瓣，線條則表現出流水的律動感，符合此次臺北國際花博主題「彩花、流水、新視界」。而紅、橙、藍、綠、 紫五種國際用色代表的是五大洲，不傴具有國際觀與現代感，鮮明的色彩及活潑、律動的造型更表現出歡愉快樂的氣氛。 選擇原因:這個 logo 的感覺就有大家共襄盛舉的樣子!活潑大方!也很符合花博的形象與精神!!! 網址:http://pic.pimg.tw/tayouhome/4ae2a5c27771a.jpg

16

多媒體設計 第八組 成果報告書

圖型 logo:Meji 明治巧克力 風格特色:金色圓潤的字型看起來不傴可愛,更有巧克力令人幸福的感覺~ 選擇原因:看起來就很好吃!!!圓圓滑滑感覺就像巧克力牛奶般的可愛滑順濃郁!很符合明治巧克力的美味噢:D 網址: http://www.thelovelyroom.com/wordpress/wp-content/uploads/2009/11/meiji_new_logo_look.jpg

圖文型 Logo: Crabtree&Evelyn 瑰柏翠護手霜 風格特色:淡灰藍色的圖文配合白色的底,有柔和感,圖畫風格典雅與簡單大方的字型 選擇原因:看到這個 logo 就覺得使用這個護手霜就有備受呵護的感覺 XD 因為他的風格很典雅柔和:) 網址: http://www.freeportusa.com/Crabtree_Logo.jpg

17

多媒體設計 第八組 成果報告書

牙醫學系Ｂ２０２０９９０４５宋冠儀 1. 個人風格大頭照

2. 網路 logo 分析

Google：文字型商標 http://www.google.com/logos/index.html Why don’t you google it? 看看這個我們日常生活中最常使用搜尋引擎的商標。 Google 這個字原來是由英文字「googol」而來，意思是 10 的 100 次方，使用這 18

多媒體設計 第八組 成果報告書

個龐大的數字當做名稱，暗示它要征服網路世界無窮無盡資料的野心，更突顯出 Google 組織龐大資訊的能力。Google 商標曾歷經數個版本的演進，目前 Google 的官方商標字型是使用親和力高的 Catull 字體，顏色上則沒有使用特別的主色調， 而是將每個字母使用了不同的顏色，給人靈活創意的意象。在某些特殊的紀念日， Google 的首頁為這些事件特別製作的 Google Logo，這些 Logo 被稱作為 Google Doodles。Google 的第一個 Doodle 是在 1998 年為燃燒人節設計的，是由 Google 創辦人拉里佩奇和謝爾蓋布林親自設計。

Starbucks：圖形符號型/綜合型商標 http://www.2010taipeiexpo.tw/MP_3.html 最近星巴克咖啡改商標了，讓我們順便來看看星巴克商標的歷史吧!星巴克的商 標在第一版時原是棕色的商標，中間的雙尾美人魚是來自一艘 16 世紀斯堪地那 維亞帆船上的塞壬木雕圖案(賽壬 : 希腊神話中人首魚身的海妖，棲息在海中礁 石之上，用歌喉讓經過暗礁的水手失神，使船隻觸礁沉没)，星巴克商標的秘密 19

多媒體設計 第八組 成果報告書

也許就在於借助神話帶給廣大消費者的神祕力量，希望咖啡的香氣能夠像金嗓海 妖一樣充滿誘惑。另外，徽章的特性之一就是要對稱，這就是為何取雙尾人魚的 意象，而非一般的單尾人魚。後來，星巴克被「每日咖啡」合併，換上的新商標 沿用了原本的雙尾美人魚圖案，但做少許修改，並把商標顏色改成代表「每日咖 啡」的綠色，就是我們今日所熟知星巴克商標了。但在今年三月去掉了周圍的公 司名稱，一脫以往厚重感，變成只有中間綠色雙尾人魚的圖形符號型 LOGO，新 商標中雙尾人魚的簡單優雅及亮麗清新的綠色，象徵自由與彈性，將帶領星巴克 走入新的里程碑。

2010 台北國際花卉博覽會：圖形符號型商標 http://www.2010taipeiexpo.tw/MP_3.html 2010 台北國際花卉博覽會的會徽，由五個人形花瓣組合成臺灣的驕傲--蘭花，靈 感來自中國傳統舞蹈水袖舞，花心、花蕊與花瓣以人體的律動勾勒如流水般韻律 感。而配色使用紅、橙、藍、綠、紫五種國際用色用來代表五大洲。

20

多媒體設計 第八組 成果報告書

3. 修改前後的社團照片 班 級 活 動 :制服日 01.jpg

01_色 階調整 .jpg

02.jpg 21

多媒體設計 第八組 成果報告書

02_亮 度對比調整 .jpg

03.jpg

22

多媒體設計 第八組 成果報告書

03_影 像水平調整 .jpg

04.jpg

23

多媒體設計 第八組 成果報告書

04_仿 製 +加亮 .jpg

24

多媒體設計 第八組 成果報告書

05.jpg

05_背 光.jpg

06.jpg

25

多媒體設計 第八組 成果報告書

06_卡 通特效 .jpg

全 部 .jpg

26

多媒體設計 第八組 成果報告書

27

多媒體設計 第八組 成果報告書

牙醫學系Ｂ２０２０９９０６０李慶璿 1. 個人風格大頭照

2. 網路 logo 分析 一.

1.

2.United States Institute of Peace 網址:

http://www.usip.org/ 3.圖形符號型 4.這是美國和平協會的 logo，用植物的意象來象徵和平，讓人有平靜下來的 感覺。(雖然他的旁邊有 united states institute of peace 的字樣，但我不認為那 是 logo 的一部份，我認為那是網站名稱的意思，所以將之歸類為圖形符號型) 二.

28

多媒體設計 第八組 成果報告書

1.

2.Vivienne Westwood 官網 網址: http://www.viviennewestwood.co.uk/ 3.綜合型 4.這是英國的設計品牌，他的 logo 在文字上是以這位龐克教母設計師的名字， 而圖形部分則是皇室的權力象徵，當國王或女王加冕時，手上所拿的。這個 logo 讓人一眼就印象深刻，不傴記得品牌名稱，也記得它特殊的圖案。 三.

1.

2.yahoo 奇摩網站 網址: http://tw.yahoo.com/ 3.文字型 4.這是奇摩的網站，這個 logo 是用文字來表達，以大寫英文和繁體中文來表 示，因為我本身除了 google 之外，最常用的網站就是這個，我也很喜歡用奇 摩知識家找資料!所以對他的 logo 有股親切感。 3. 修改前後的社團照片 1.班遊:裁剪，柔焦，飽和度，油畫化

29

多媒體設計 第八組 成果報告書

30

多媒體設計 第八組 成果報告書 2.班遊:裁剪，拉正，調整亮度，色溫，飽和度，梵谷

3.班遊:裁剪，拉正，陰影，色溫，焦點黑白，文字

31

多媒體設計 第八組 成果報告書

4.班遊:裁剪，強光，色溫，加強暖色，飽和度，文字，畫布效果

32

多媒體設計 第八組 成果報告書

5.班遊:裁減，強光，色溫，陰影，白熱光，模糊邊框

33

多媒體設計 第八組 成果報告書

34

多媒體設計 第八組 成果報告書

35

多媒體設計 第八組 成果報告書

保健營養學系Ｂ５０６０９９０１０王凱琳 1.

網站名稱:國立空中大學台中吉他社

2.

截圖及連結 http://studwww.nou.edu.tw/~guitar/

3.簡述分析 裡面的內容豐富，但是按鍵按鈕會讓人覺得有點老舊，不過整體感覺很精緻，插圖都還頗符合吉他這個主題。 1.

網站名稱:中山女高吉他社

2.

截圖及連結 http://w3.csmu.edu.tw/~csguitar/

36

多媒體設計 第八組 成果報告書

3.簡述分析 裡面的內容很可愛，但是網站好像有一陣子沒有更新了，有一點可惜，不過該有的介紹都有，應該可以略知 吉他社在做什麼。 1.

網站名稱 北醫吉他社

2.截圖及連結 http://www.wretch.cc/blog/guitartmu

2.

簡述分析 裡面的內容是有關於金弦獎的比賽內容，比較不符合北醫吉他社這個大標題，應該就用第幾屆金弦講座 標題比較適合，不過裡面的內容很豐富又仔細，很適合參賽者閱讀，或喜愛吉他的人去點閱。

37

多媒體設計 第八組 成果報告書

保健營養學系Ｂ５０６０９９００４鄭郁潔

1.中山女高吉他社 http://w3.csmu.edu.tw/~csguitar/

我覺得他設計的很簡潔明瞭，左邊很明顯的說明性質主題 而且圖很可愛 但是和別的網頁相較之下 顯得畫面有點空 應該可以再讓網頁看起來在豐富一點 2.台中一中吉他社 http://www.wretch.cc/blog/cguitar1

38

多媒體設計 第八組 成果報告書

我還滿喜歡這個部落格的設計的 因為他很用心的把許多細小的圖檔都改成了和社團相關的圖案 非常的可愛 此外他還在左邊的連結列放上了許多別的學校的吉他社的網址 所以覺得很不錯 但是 我覺得他可以再加一個背影音樂還呼應吉他社的主題 3.高醫古典吉他社 http://classicalguitar.club.kmu.edu.tw/

中間這個是關於活動的海報 我認為這是個不錯的設計 讓大家一點進網頁就可以看到活動的相關資訊 而網站裡面也有許多關於吉他社的照片可以供大家參觀 這個不錯的設計法 只是我覺得網站內都幾乎只有背景圖 可以再增添一些小插圖會必較好

39

多媒體設計 第八組 成果報告書

保健營養學系Ｂ５０６０９９０３１林蕙平 1.Guitar center http://www.facebook.com/youan.chen1#!/GuitarCenter Facebook 為曝光率很高的網站獲取資訊極為方便 且網站介面、架構對於多數人是很熟悉的 操作起來應該是非常容易

2.My Guitar Center http://www.guitarcenter.com/ 相較於 Facebook 比較有設計感及特色 不過首頁的資訊有點多 尋找資料時要花一些些時間

40

多媒體設計 第八組 成果報告書

3.吉他補給 http://blog.guitar.com.tw/ 網站架構很清晰 顏色看起來很簡單舒適 而且是中文網站所以看起來很輕鬆吧 XD 裡面有許多吉他資訊!!!查起來也很方便

41

多媒體設計 第八組 成果報告書

牙醫學系Ｂ２０２０９９０４５宋冠儀 1. 小新的吉他館 http://www.gita.idv.tw/index.php

有太多像首頁的網頁，分成太多欄位及入口，造成板面讓首次使用的瀏覽者不 知道目標資訊在哪裡，還好有這個網頁有回首頁的連結，讓迷路了人回家。我認 為這個網站設計比較偏向方便會員的使用，對已成常客的會員，直接連結到網站， 就可以直接連結最新活動、討論及文章。整體顏色為橘色系搭配白色灰色，讓網 頁頁面很活潑，但使資料類別區別不明顯。 2. 豆芽菜鋪 http://www.guitarplayer.com.tw/index.html

顏色主要為清新自然的綠色系，內容字體小而簡約，版型簡單，導覽列就在 banner 下方，較能讓普通瀏覽者尋找資料，不需拉動捲軸就能看到首頁提供的 最新資訊。但分割空間的比例，內容集中在左方，讓右邊覺得有些空洞。 42

多媒體設計 第八組 成果報告書

3. 創意吉他屋 http://www.guitar-house.idv.tw/index.php

版面配置十分簡單，導覽列是很凸顯的黑色，而且將滑鼠移動到項目上會有可 愛的音符動畫。次要導覽列用布告欄上立可拍照片貼上膠帶的方式，讓人有隨性 又有創意的感覺。整體灰色簡約，蠻希望做出來的社團網站能有這樣的感覺。

43

多媒體設計 第八組 成果報告書

牙醫學系Ｂ２０２０９９０６０李慶璿 一.

1.網站名稱:北一女吉他社 2.連結:http://203.64.52.1/~guitars/

3.這個網站的相關連結都在右上角，有連結回首功能讓人覺得很方便，留言版讓訪客討論也很周到，但我 覺得它相關連結太小了!讓人不易察覺，建議可以將連結放大成一整排在上方。 二.

1.網站名稱:台大古典吉他社 2.連結:http://club.ntu.edu.tw/~club20408/c_index.htm

3.這個網站和北一女中吉他社的網站相當不同，主要相關連結放在左邊，而且容易辨識，點進主要連結後， 會在上方出現小主題的連結，很方便使用，但也讓人必頇點進去大主題才才能看到小主題，有優點也有缺 點。 三.

44

多媒體設計 第八組 成果報告書 1.網站名稱:吉他補給 2.連結:http://blog.guitar.com.tw/

3.這個網站在最上面有一個區塊像是即時頭條，在上面有首頁，關於我，連絡我，留言板的連結，主要是 讓訪客與站主交流，但我覺得這部分的連結有點小，不是很清楚。 在這即時頭條底下有吉他的教學影片等連結，這樣安排就比較清楚!

45

多媒體設計 第八組 成果報告書

46

多媒體設計 第八組 成果報告書

47

多媒體設計 第八組 成果報告書

48

多媒體設計 第八組 成果報告書

49

多媒體設計 第八組 成果報告書

50

多媒體設計 第八組 成果報告書

51

多媒體設計 第八組 成果報告書

52

多媒體設計 第八組 成果報告書

53

多媒體設計 第八組 成果報告書

保健營養學系Ｂ５０６０９９０１０王凱琳 這學期選了這堂多媒體設計，本來沒有想到可以學到這麼多東西，從原本覺得理所當然 的東西著手，有時候覺得哇賽!真的很不簡單，以前在看別人做都還以為很簡單，沒想 到當自己要做的時候是這麼的困難，有時候還會弄到快要瘋掉，也有很多小事情要多加 注意，所以我覺得那種專業的人真的很厲害，真的很佩服他們，也希望自己可以做出這 麼好的效果，不要有這麼多粗糙的地方，這學期學到了很多東西，感覺比同學還要會更 多東西，那種感覺真不錯，這學期針的很開心可以學到這麼多東西:*)

保健營養學系Ｂ５０６０９９００４鄭郁潔 多媒體設計，讓我在這短短的一學期中，認識也學會了很多東西，不論是用 Inkscape 繪 圖或是做 banner，都是以前我所不熟悉的軟體，但現在使用之後，發現其實很多東西沒 有想像中的困難，只要肯花時間去了解去操作，新手也是可以做出讓自己滿意的作品的， 加上我自己本身就很喜歡研究一些關於電腦方面的知識，所以我一點也不後悔還很慶幸 我選了這門課，真的超開心可以學到好多。

保健營養學系Ｂ５０６０９９０３１林蕙平 多媒體設計課程老師教了我們許多有趣好玩的軟體,也讓我們知道有關晚站架構等多方 面的知識。其實我本來就是一個不太會用電腦的人，所以一開始很緊張自己沒辦法完成 老師上課所交的作業，不過老師總是很有耐心的解決同學們的問題！我覺得多媒體設計 真的是一堂有趣好玩的課程！

牙醫學系Ｂ２０２０９９０４５宋冠儀 這學期，我在多媒體設計課學習到很多。雖然在先前就蠻喜歡製作 flash 了，但一直都 沒有機會嘗試應用其他電腦軟體，上課時老師介紹了許多免費的網路資源，讓我想更進 一步搜尋相關的資訊，才發現網路世界真的好大，有好多好多的資源可以利用。期末的 小組作業，雖然因為很多作業都集中在期末而做的有些匆忙，但和大家分配好工作後， 一下子就完成了，和組員們合作真的很快樂，也學習到了不少。

牙醫學系Ｂ２０２０９９０６０李慶璿 這次作業真的讓我學到很多，以前在瀏覽網站時都不會想這麼多，現在再瀏覽網站時就 會仔細觀察每個網站為什麼要這樣做，它的用意是什麼。而且每一個類型的網站也有不 同的設計以符合個類需求者，做完作業會讓我更去注意這些細節! 其實我以前是個電腦白癡，很多應用程式都不會用，上完多媒體設計讓我發現如果學會 了，其實做很多事都很方便，這門課真的讓我受益良多!

54