依下列進度回覆並討論 所有作品請於同一篇回覆文章修改 最後將作品完整呈現 4/19前每位同學都必須回覆 4/25前務必完整回覆 個人VI設計 個人LOGO 個人相關周邊產品 個人風格角色公仔 個人風格紙公仔展開圖 紙公仔實拍照片 海報 並回覆 1.設計理念 (1)選定的表現風格 (2)選定的角色與特色 2.色彩計畫 3.設計項目 4.參考資料與網址by JinJin - 100-2《中國》竹視傳一A-電腦輔助設計與繪圖(二)
1. 個人VI設計2. 參考講義3. 範例作品1. 個人VI設計 以自己的名字或暱稱(中文或英文皆可)為主,並以自己的個性及風格或特色,設計一系列的VI設計,包含: 1.個人LOGO(包含LOGO,標準字基本規範(黑白稿,反白稿,彩色稿), 2.造型公仔,可代表自己的公仔(自行繪製草圖後掃描至電腦繪製)--->發展成立體紙公仔 紙公仔參考網址 http://readymech.com/ http://www.cubeecraft.com/ http://www.paperfoldables.com/ http://www.jins-studio22.com/t_chinese/download.htm http://www.undoboy.com/ http://www.nicebunny.com/downloads/hedkase_paper_galleries.by JinJin - 100-2《中國》竹視傳一A-電腦輔助設計與繪圖(二)
請參考 [講義] 色彩的體系 了解等色相面的意義 並參考 [講義] 等色相面製作 的說明製作等色相面的練習 製作完成,將圖片上傳 回覆此篇文章並註明: 主要色彩CMYK標示: 班級,學號,(姓名)by JinJin - 100-2《中國》竹視傳一A-色彩計畫
請參考 [講義] 色彩的體系 了解等色相面的意義 並參考 [講義] 等色相面製作 的說明製作等色相面的練習 製作完成,將圖片上傳 回覆此篇文章並註明: 主要色彩CMYK標示: 班級,學號,(姓名)by JinJin - 100-2《中國》竹視傳一B-色彩計畫
請參考 [講義] 色彩的體系 了解等色相面的意義 並參考 [講義] 等色相面製作 的說明製作等色相面的練習 製作完成,將圖片上傳 回覆此篇文章並註明: 主要色彩CMYK標示: 班級,學號,(姓名)by JinJin - 100-2《中國》竹視傳一C-色彩計畫
請自行選擇一色彩,以illustrator繪製 色彩選擇不可為單一數值色彩,如:C100 可盡量嘗試較複雜的色彩搭配 明度階段 1.以11個1.5cm×1.5cm正方形作垂直排列。 2.將白色置於頂端,往下的明度越低,至黑色(K100)下端。 彩度階段 1.以11個1.5cm×1.5cm正方形作水平排列。 2.將純色置於右端,往左加上同明度的灰色,越接近明度軸,彩度越低。 純色請置於右側最上方,也就是明度0%處,上課時示範的例子僅用於圓弧形的等色相面,若全部格子填滿純色則需置於右上方處,請特別注意。 請同學將完成作品圖檔直接回覆於此 原檔請自行保存,期末時統一繳交。 發表時請註明: 使用之純色CMYK值 學號: 姓名: 可參考此頁 http://mepopedia.com/forum/read.php?6by JinJin - 100-2《中國》竹視傳一A-色彩計畫
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)4. 色彩三屬性 色彩的基本要素色:色相、明度、彩度,稱為色彩三屬性。 1. 色相(Hue,簡寫為H) 色相是用來區分色彩的名稱,即是依不同波長色彩的相貌所稱呼的「名字」,如紅、橙、黃、綠、藍、紫等。當我們描述色彩時,最常用「色相」來溝通,產生共識。 認識各種不同的色相,如同學習使用色彩的語言一般;能準確地辨別和運用是非常重要的,除了以常用的色名做基本溝通之外,最好能用標準色票或是明確的色彩樣本,幫助我們做更準確的溝通。 各種色票by JinJin - 100-2《中國》竹視傳一A-色彩計畫
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)[圖像標籤img] IE 5.5 / 6 不支援 PNG 圖片透明背景 7. 相異瀏覽器 IE 5.5 / 6 8. 問題描述 IE 5.5 / 6 只要遇到有使用「透明背景」設定的 PNG 圖片,就會發生問題,原本應該要透明的部分都會變成灰色的,而這個小瑕疵一直到 IE 7 才做出修正。 9. 解決方法by JinJin - 跨瀏覽器相容性網頁設計
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性圖像下方產生間隙 10. 相異瀏覽器 IE6、IE7 11. 問題描述 在img元素的父元素中,試著顯示出背景或border時,會發現img元素by JinJin - 跨瀏覽器相容性網頁設計
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離3. 表單風格(list-style) list-sby JinJin - 跨瀏覽器相容性網頁設計
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 跨瀏覽器相容性網頁設計
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 跨瀏覽器相容性網頁設計
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 跨瀏覽器相容性網頁設計
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 跨瀏覽器相容性網頁設計
出處:http://meyerweb.com/eric/css/references/css2ref.html html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block; unicode-bidi: embed } li { display: list-item } head { display: none } table { display: table } tr { dispby JinJin - 網頁設計與語法(HTML/CSS)
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 跨瀏覽器相容性網頁設計
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 100-1《中國》竹視傳一C-資訊概論
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 100-1《中國》北視傳一B-網頁設計
1/6(五)早上九點,日新206教室 若要報名IF但不熟悉上傳步驟的同學 先試著自行至網站報名:http://www.ifdesign.de/talents_concept_design_award_e 報名說明:http://mepopedia.com/forum/read.php?868,17528 可準備好 1.學生證掃描或翻拍電子檔 2.作品英文名稱 3.作品英文理念 4.以以下規格編輯海報表板 存為pdf 5.海報jpg檔/5 MB以下/ RGB作品解析度 300dpi 6.以下英文 ID Number 201-xxxxxxxxxxxxxx Graphic Design Project Name of project (作品英文名) Designer Given name / Surname (設計師名by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
因學校電腦當機,導致課堂上傳的作業沒存到 請同學至學校ICAN系統作業區上傳 原本在課堂上繳交的這學期以「班級學號姓名」命名的所有作業的壓縮資料夾 請在1/11週三前上傳繳交完畢,謝謝各位的配合 造成大家的不便請多多包涵囉。 若檔案太大或上傳ICAN有問題 請將資料夾壓縮 上傳到http://www.megaupload.com/ 再把網址寄給我jinjin@cute.edu.tw 謝謝大家囉 希望這學期的課程能對大家有些幫助,有些進步 在未來的設計課題裡,要對自己設計的作品有更完整的想法 為什麼要設計這件作品?想要表達甚麼樣的想法?希望能傳達給人甚麼樣的感受? 是不是把每次的設計都當作自己可能的代表作品看待 耐心、用心花巧思的去處理每個細節 都是身為準設計師應該慢慢培養的 另期末作業若要參賽的同學可等1/10之後在上by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 設計實務
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 設計實務
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 100-1《中國》竹視傳一C-電腦輔助設計與繪圖(一)
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 100-1《中國》竹視傳一B-電腦輔助設計與繪圖(一)
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 網頁設計與語法(HTML/CSS)
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 100-1《中國》竹視傳一B-資訊概論
1. 個人VI設計2. 參考講義3. 範例作品4. 色彩三屬性4.0.1 色相(Hue,簡寫為H)4.0.2 明度(Value,簡寫為V)4.0.3 彩度(Chroma,簡寫為C)5. 色立體6. 表色系統6.0.1 伊登表色系統:6.0.2 曼塞爾表色系6.0.3 奧斯華德表色系6.0.4 PCCS體系(實用配色體系)7. 相異瀏覽器8. 問題描述9. 解決方法9.1 在 HTML 中使用圖片標籤9.2 在 CSS 中使用背景屬性(background)10. 相異瀏覽器11. 問題描述11.1 圖片無置於表格中測試11.2 圖片置於表格中測試12. 解決方法12.1 變更vertiical-align的值12.2 改變區塊屬性12.3 表單風格(list-style)12.3.1 將清單項目的開頭符號設為圖像時,其垂直位置會偏離12.4 文字屬性font12.4.1 使用%來設定大小的by JinJin - 設計實務