辛苦了! 你應該是存到CMYK 用『儲存為網頁與裝置用』應該就可以了! 會自動存成適合網頁用的RGB格式by JinJin - 100-1《中國》竹視傳一B-電腦輔助設計與繪圖(一)
1 網路範例及教學[期中作業] 說明 本學期的期中作業,將以 《客家文化重點發展區形象標誌設計競賽》與 《真人插畫》 兩項作業的平均 因加入《客家文化重點發展區形象標誌設計競賽》故將Illustrator的課程移往前面 Photoshop的課程移往期中之後 故希望每位同學們在期中之前都能夠充份的掌握Illustrator基本的應用技巧 除了LOGO的製作練習之後,另安排了人物插畫的作業,做為期中作業的一部分 希望同學們都能夠好好的利用這個機會再畫出與以往不同的、自己滿意的作品 《真人插畫》製作說明 1.請選擇自己或家人或朋友或偶像的照片 2.以illustrator為主要軟體,繪製真人插畫作品 3.除了主角的繪製外,也要考慮背景的部分 3.尺寸:A4 4.上傳jpg檔,請於11/9前繳交 5.原檔則保留置期末統一繳交 6.完by JinJin - 100-1《中國》竹視傳一B-電腦輔助設計與繪圖(一)
1 網路範例及教學2 網路範例及教學[期中作業] 說明 本學期的期中作業,將以 《客家文化重點發展區形象標誌設計競賽》與 《真人插畫》 兩項作業的平均 因加入《客家文化重點發展區形象標誌設計競賽》故將Illustrator的課程移往前面 Photoshop的課程移往期中之後 故希望每位同學們在期中之前都能夠充份的掌握Illustrator基本的應用技巧 除了LOGO的製作練習之後,另安排了人物插畫的作業,做為期中作業的一部分 希望同學們都能夠好好的利用這個機會再畫出與以往不同的、自己滿意的作品 《真人插畫》製作說明 1.請選擇自己或家人或朋友或偶像的照片 2.以illustrator為主要軟體,繪製真人插畫作品 3.除了主角的繪製外,也要考慮背景的部分 3.尺寸:A4 4.上傳jpg檔,請於11/9前繳交 5.原檔則保留置期末by JinJin - 100-1《中國》竹視傳一C-電腦輔助設計與繪圖(一)
1 網路範例及教學2 網路範例及教學3 網路範例及教學[期中作業] 說明 本學期的期中作業,將以 《客家文化重點發展區形象標誌設計競賽》與 《真人插畫》 兩項作業的平均 因加入《客家文化重點發展區形象標誌設計競賽》故將Illustrator的課程移往前面 Photoshop的課程移往期中之後 故希望每位同學們在期中之前都能夠充份的掌握Illustrator基本的應用技巧 除了LOGO的製作練習之後,另安排了人物插畫的作業,做為期中作業的一部分 希望同學們都能夠好好的利用這個機會再畫出與以往不同的、自己滿意的作品 《真人插畫》製作說明 1.請選擇自己或家人或朋友或偶像的照片 2.以illustrator為主要軟體,繪製真人插畫作品 3.除了主角的繪製外,也要考慮背景的部分 3.尺寸:A4 4.上傳jpg檔,請於11/9前繳交 5by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
網頁圖片的確要存成RGB的格式 因為CMYK在網頁顯示上會有很多變數,有時會正常顯現,但大多時後會不正常 如以下圖為例 同一張圖存成CMYK,在Google Chrome和FireFox上會產生色彩偏差,IE則完全無法顯示 http://i1136.photobucket.com/albums/n481/parkparkyang/cover-6-2.jpg 存成RGB則在網頁顯示一切正常 http://i1136.photobucket.com/albums/n481/parkparkyang/cover-6-3.jpgby JinJin - 網頁設計與語法(HTML/CSS)
1 網路範例及教學2 網路範例及教學3 網路範例及教學1. 一、製作說明:2. 二、評分標準與製作檢核3. 三、繳交作業方式4. 四、期中作業進度參考5. 五、同學常見問題之注意事項[期中作業] 以單欄為主的網站設計 1. 一、製作說明: 1.請參考期中之前教過的做法及講義,製作以單欄為主的網站 2.每個同學記得在title的部分打上"自訂的主題" 在#footer 註明 Designed by 某某某(可自行取名) 1001445ooo 3.題目自訂 4.需自行設計圖片,製作網站內容 5.需以DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等 6.至少完成兩頁的內容,若內容完整,且全部頁面完成,最多加6分。 7.若真的不會做,可下載附檔,參考老師的檔案,加以修改完成,但圖片及文字內容不可一樣。 (附檔有兩組: 一組是以圖片按鈕by JinJin - 100-1《中國》北視傳一A-網頁設計
1 網路範例及教學2 網路範例及教學3 網路範例及教學1. 一、製作說明:2. 二、評分標準與製作檢核3. 三、繳交作業方式4. 四、期中作業進度參考5. 五、同學常見問題之注意事項6. 一、製作說明:7. 二、評分標準與製作檢核8. 三、繳交作業方式9. 四、期中作業進度參考10. 五、同學常見問題之注意事項[期中作業] 以單欄為主的網站設計 6. 一、製作說明: 1.請參考期中之前教過的做法及講義,製作以單欄為主的網站 2.每個同學記得在title的部分打上"自訂的主題" 在#footer 註明 Designed by 某某某(可自行取名) 1001445ooo 3.題目自訂 4.需自行設計圖片,製作網站內容 5.需以DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等 6.至少完成兩頁的內容,若內容完整,且全部頁面完成,最多加6分。by JinJin - 100-1《中國》北視傳一B-網頁設計
1 網路範例及教學2 網路範例及教學3 網路範例及教學1. 一、製作說明:2. 二、評分標準與製作檢核3. 三、繳交作業方式4. 四、期中作業進度參考5. 五、同學常見問題之注意事項6. 一、製作說明:7. 二、評分標準與製作檢核8. 三、繳交作業方式9. 四、期中作業進度參考10. 五、同學常見問題之注意事項11. 一、製作說明:12. 二、繳交作業方式[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例 11. 一、製作說明: 1.請參考 [講義] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 的步驟製作 2.每個同學記得在title的部分打上"視傳一B-學號-以色塊建構的網頁單欄排版" 3.在#wrapper寬度上打上 px的數值 4.#header、#content及#footer內,自行打入不同的內容文字,自行隨意by JinJin - 100-1《中國》北視傳一B-網頁設計
1 網路範例及教學2 網路範例及教學3 網路範例及教學1. 一、製作說明:2. 二、評分標準與製作檢核3. 三、繳交作業方式4. 四、期中作業進度參考5. 五、同學常見問題之注意事項6. 一、製作說明:7. 二、評分標準與製作檢核8. 三、繳交作業方式9. 四、期中作業進度參考10. 五、同學常見問題之注意事項11. 一、製作說明:12. 二、繳交作業方式13. 一、製作說明:14. 二、繳交作業方式[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例 13. 一、製作說明: 1.請參考 [講義] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 的步驟製作 2.每個同學記得在title的部分打上"視傳一A-學號-以色塊建構的網頁單欄排版" 3.在#wrapper寬度上打上 px的數值 4.#header、#content及#fby JinJin - 100-1《中國》北視傳一A-網頁設計
1 網路範例及教學2 網路範例及教學3 網路範例及教學1. 一、製作說明:2. 二、評分標準與製作檢核3. 三、繳交作業方式4. 四、期中作業進度參考5. 五、同學常見問題之注意事項6. 一、製作說明:7. 二、評分標準與製作檢核8. 三、繳交作業方式9. 四、期中作業進度參考10. 五、同學常見問題之注意事項11. 一、製作說明:12. 二、繳交作業方式13. 一、製作說明:14. 二、繳交作業方式15. 一、Div標籤與CSS16. 二、單欄版型的範例17. 三、DIV架構與尺寸分析18. 四、以單純的HTML與CSS架構的方法18.1 [步驟1] 建立新的html檔,命名為 index.html 並加入下面內容: 18.2 [步驟2] 加入完整的HTML的架構語法則為18.3 [步驟3] 加入文字之後的完整的HTML的架構語法18.4 [步驟4] 為了設定尺寸,則需另開新的CSSby JinJin - 網頁設計與語法(HTML/CSS)
一、《FLOAT:浮動》觀念說明 網頁設計中,DIV的特性會自成一行,也就是說若沒有做特別設定,每個DIV會自動換行到下一列,若想要讓不同的DIV排列整齊並且橫向排列時,則FLOAT會是一個很好的選擇。 我們可以使用FLOAT來設定靠左或靠右的屬性,使DIV能有更多不同彈性的排版選擇。 二、《FLOAT:浮動》使用說明 1.兩欄以上的網頁編排設定 想要完成左右兩欄的網頁版面,光設定寬高並沒有作用,因為 Div 標籤的特性是會「自成一排」, 不管寬度是大是小,排列方式永遠是由上往下依序排列。若想要讓 Div 標籤可以左右並排,則必須仰賴「float」屬性的幫忙。 基本語法: .box { float: left; width: 315px; margin-right: 20px; } 特別注意:用浮動屬性排版,基本by JinJin - 跨瀏覽器相容性網頁設計
[講義] Illustrator鋼筆與矩形格線的應用–月曆設計 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ ======================================== 下載描圖檔練習 可直接以課堂練習檔製作,可以對應月份搭配不同季節配色 至少完成一個月份的設計 (也可以自己繪製插圖稿,掃描後描繪完成,但插圖的複雜度不得小於上課範例) 完成後,請將作品上傳後分享 (請記得保留AI原始檔,於期末時統一繳交) 講義範例 http://farm3.static.flickr.com/2669/3982957935_3261d7fb6d_o.jpg 延伸 http://farm3.static.flickr.com/2503/3983by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
[講義] Illustrator鋼筆與矩形格線的應用–月曆設計 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ ======================================== 下載描圖檔練習 可直接以課堂練習檔製作,可以對應月份搭配不同季節配色 至少完成一個月份的設計 (也可以自己繪製插圖稿,掃描後描繪完成,但插圖的複雜度不得小於上課範例) 完成後,請將作品上傳後分享 (請記得保留AI原始檔,於期末時統一繳交) 講義範例 http://farm3.static.flickr.com/2669/3982957935_3261d7fb6d_o.jpg 延伸 http://farm3.static.flickr.com/2503/3983by JinJin - 100-1《中國》竹視傳一C-電腦輔助設計與繪圖(一)
[講義] Illustrator鋼筆與矩形格線的應用–月曆設計 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ ======================================== 下載描圖檔練習 可直接以課堂練習檔製作,可以對應月份搭配不同季節配色 至少完成一個月份的設計 (也可以自己繪製插圖稿,掃描後描繪完成,但插圖的複雜度不得小於上課範例) 完成後,請將作品上傳後分享 (請記得保留AI原始檔,於期末時統一繳交) 講義範例 http://farm3.static.flickr.com/2669/3982957935_3261d7fb6d_o.jpg 延伸 http://farm3.static.flickr.com/2503/3983by JinJin - 100-1《中國》竹視傳一B-電腦輔助設計與繪圖(一)
1 網路範例及教學2 網路範例及教學3 網路範例及教學1. 一、製作說明:2. 二、評分標準與製作檢核3. 三、繳交作業方式4. 四、期中作業進度參考5. 五、同學常見問題之注意事項6. 一、製作說明:7. 二、評分標準與製作檢核8. 三、繳交作業方式9. 四、期中作業進度參考10. 五、同學常見問題之注意事項11. 一、製作說明:12. 二、繳交作業方式13. 一、製作說明:14. 二、繳交作業方式15. 一、Div標籤與CSS16. 二、單欄版型的範例17. 三、DIV架構與尺寸分析18. 四、以單純的HTML與CSS架構的方法18.1 [步驟1] 建立新的html檔,命名為 index.html 並加入下面內容: 18.2 [步驟2] 加入完整的HTML的架構語法則為18.3 [步驟3] 加入文字之後的完整的HTML的架構語法18.4 [步驟4] 為了設定尺寸,則需另開新的CSSby JinJin - 網頁設計與語法(HTML/CSS)
這禮拜請同學們以google製作一問卷,並實際執行 =================================================== 問卷設計在未來有關於設計企畫相關課程中,會是一個重要的部分 而網路問卷也是目前常使用的一種調查方式 在這堂課,請同學利用google的文件設計問卷 並實際調查並統計分析 =================================================== 問卷參考: 1.「糖果屋之悠閒時光」主題式下午茶餐廳問卷調查表 2.日式海洋餐廳「水鱻城」 3.45度手皂坊問卷調查 4.湖口老街相關問卷調查 =================================================== 問卷題目說明: 1.可自行選定有興趣的題目,至少十題,盡量包含各種題型,並至少分為以下兩大類by JinJin - 100-1《中國》竹視傳一C-資訊概論
這禮拜請同學們以google製作一問卷,並實際執行 =================================================== 問卷設計在未來有關於設計企畫相關課程中,會是一個重要的部分 而網路問卷也是目前常使用的一種調查方式 在這堂課,請同學利用google的文件設計問卷 並實際調查並統計分析 =================================================== 問卷參考: 1.「糖果屋之悠閒時光」主題式下午茶餐廳問卷調查表 2.日式海洋餐廳「水鱻城」 3.45度手皂坊問卷調查 4.湖口老街相關問卷調查 =================================================== 問卷題目說明: 1.可自行選定有興趣的題目,至少十題,盡量包含各種題型,並至少分為以下兩大類by JinJin - 100-1《中國》竹視傳一B-資訊概論
本週開始以Illustrator講解LOGO的製作技巧與方法 ======================================== 本週講義 -------------------------------------------------------------------------------- 1.Illustrator 新手入門 2.Illustrator環境操作說明 3.Illustrator繪圖方法 4.Illustrator物件重新造型法 5.Illustrator色彩管理與基本填色 6.Illustrator色彩與色票的運用–CIS 設計 7.六堆客家文化logo入選作品參考 8.Illustrator鋼筆與矩形格線的應用–月曆設計 描圖檔 以上pdf 講義請至學生系統下載 http://192.192.78.86/stuby JinJin - 100-1《中國》竹視傳一C-電腦輔助設計與繪圖(一)
本週開始以Illustrator講解LOGO的製作技巧與方法 ======================================== 本週講義 -------------------------------------------------------------------------------- 1.Illustrator 新手入門 2.Illustrator環境操作說明 3.Illustrator繪圖方法 4.Illustrator物件重新造型法 5.Illustrator色彩管理與基本填色 6.Illustrator色彩與色票的運用–CIS 設計 7.六堆客家文化logo入選作品參考 8.Illustrator鋼筆與矩形格線的應用–月曆設計 描圖檔 以上pdf 講義請至學生系統下載 http://192.192.78.86/stuby JinJin - 100-1《中國》竹視傳一B-電腦輔助設計與繪圖(一)
本週開始以Illustrator講解LOGO的製作技巧與方法 ======================================== 本週講義 -------------------------------------------------------------------------------- 1.Illustrator 新手入門 2.Illustrator環境操作說明 3.Illustrator繪圖方法 4.Illustrator物件重新造型法 5.Illustrator色彩管理與基本填色 6.Illustrator色彩與色票的運用–CIS 設計 7.六堆客家文化logo入選作品參考 8.Illustrator鋼筆與矩形格線的應用–月曆設計 描圖檔 以上pdf 講義請至學生系統下載 http://192.192.78.86/stuby JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
客家文化重點發展區形象標誌設計競賽 繳件期限:即日起至2011年10月20日 介紹:http://i-activities.blogspot.com/2011/09/blog-post_11.html 官網:http://www.logohakka.com.tw/mark/main.php 為因應學校比賽政策,本系為此項比賽的協辦單位 故本門課需納入此項比賽為作業之一,每位同學都必須參加 本週會開始講解illustrator製作LOGO的技巧與參考範例 以下為製作時程,請同學配合並積極參與: ============================================================== 1.9/29 LOGO教學講解,客家LOGO設計方向 2.10/06 資料蒐集,草圖討論,請每位同學至少設計十個以上的LOGO草by JinJin - 100-1《中國》竹視傳一B-電腦輔助設計與繪圖(一)
客家文化重點發展區形象標誌設計競賽 繳件期限:即日起至2011年10月20日 介紹:http://i-activities.blogspot.com/2011/09/blog-post_11.html 官網:http://www.logohakka.com.tw/mark/main.php 為因應學校比賽政策,本系為此項比賽的協辦單位 故本門課需納入此項比賽為作業之一,每位同學都必須參加 本週會開始講解illustrator製作LOGO的技巧與參考範例 以下為製作時程,請同學配合並積極參與: ============================================================== 1.9/29 LOGO教學講解,客家LOGO設計方向 2.10/06 資料蒐集,草圖討論,請每位同學至少設計十個以上的LOGO草by JinJin - 100-1《中國》竹視傳一C-電腦輔助設計與繪圖(一)
客家文化重點發展區形象標誌設計競賽 繳件期限:即日起至2011年10月20日 介紹:http://i-activities.blogspot.com/2011/09/blog-post_11.html 官網:http://www.logohakka.com.tw/mark/main.php 為因應學校比賽政策,本系為此項比賽的協辦單位 故本門課需納入此項比賽為作業之一,每位同學都必須參加 本週會開始講解illustrator製作LOGO的技巧與參考範例 以下為製作時程,請同學配合並積極參與: ============================================================== 1.9/29 LOGO教學講解,客家LOGO設計方向 2.10/06 資料蒐集,草圖討論,請每位同學至少設計十個以上的LOGO草by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
客家文化重點發展區形象標誌設計競賽 繳件期限:即日起至2011年10月20日 介紹:http://i-activities.blogspot.com/2011/09/blog-post_11.html 官網:http://www.logohakka.com.tw/mark/main.php 並將每週的進度 1.資料收集 2.草圖 3.色稿 4.精稿by JinJin - 設計比賽
本週講義: 電腦硬體世界 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ 一般電腦分為桌上型電腦筆記型電腦 在選購電腦之前,我們通常會上網比價與看看目前最新的機種規格為何,以下為常逛的拍賣與購物網站 ======================================================== 拍賣與購物網站: 1.PCHOME購物商城/桌上型電腦 2.PCHOME購物商城/筆記型電腦 3.PCHOME購物商城/蘋果電腦 4.YAHOO拍賣 ======================================================== 零組件比價網站: 1.光華商場 http://www.arclink.com.tw/ 2.順發3by JinJin - 100-1《中國》竹視傳一B-資訊概論
本週講義: 電腦硬體世界 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ 一般電腦分為桌上型電腦筆記型電腦 在選購電腦之前,我們通常會上網比價與看看目前最新的機種規格為何,以下為常逛的拍賣與購物網站 ======================================================== 拍賣與購物網站: 1.PCHOME購物商城/桌上型電腦 2.PCHOME購物商城/筆記型電腦 3.PCHOME購物商城/蘋果電腦 4.YAHOO拍賣 ======================================================== 零組件比價網站: 1.光華商場 http://www.arclink.com.tw/ 2.順發3by JinJin - 100-1《中國》竹視傳一C-資訊概論
1 網路範例及教學2 網路範例及教學3 網路範例及教學1. 一、製作說明:2. 二、評分標準與製作檢核3. 三、繳交作業方式4. 四、期中作業進度參考5. 五、同學常見問題之注意事項6. 一、製作說明:7. 二、評分標準與製作檢核8. 三、繳交作業方式9. 四、期中作業進度參考10. 五、同學常見問題之注意事項11. 一、製作說明:12. 二、繳交作業方式13. 一、製作說明:14. 二、繳交作業方式15. 一、Div標籤與CSS16. 二、單欄版型的範例17. 三、DIV架構與尺寸分析18. 四、以單純的HTML與CSS架構的方法18.1 [步驟1] 建立新的html檔,命名為 index.html 並加入下面內容: 18.2 [步驟2] 加入完整的HTML的架構語法則為18.3 [步驟3] 加入文字之後的完整的HTML的架構語法18.4 [步驟4] 為了設定尺寸,則需另開新的CSSby JinJin - 跨瀏覽器相容性網頁設計
請參考上課講義 1.影像的修補與美化 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ 上課練習檔,請點擊下載 本週練習重點: 美化與修補影像 尋找自己或朋友的特寫相片 最好是自己拍攝的 相片要素請盡量符合: 1.光線不佳 2.偏色 3.膚質狀況不佳 ... 等問題相片 請以Photoshop製作 使用上課製作的方式: 使相片變得美麗自然 相片人物編修重點提示: 1.複製圖層(保留原有圖層) 2.於新複製之圖層上,影像→調整→曲線、影像→調整→色階、影像→調整→色彩平衡,調整明暗分配以及偏色等問題。 3.新增圖層,於新增圖層上使用筆刷(先使用滴管工具,點取臉部適合的色彩,在使用筆刷工具) 4.筆刷工具請調整較大筆刷(視照片大小以及欲修片之範by JinJin - 100-1《中國》竹視傳一C-電腦輔助設計與繪圖(一)
請參考上課講義 1.影像的修補與美化 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ 上課練習檔,請點擊下載 本週練習重點: 美化與修補影像 尋找自己或朋友的特寫相片 最好是自己拍攝的 相片要素請盡量符合: 1.光線不佳 2.偏色 3.膚質狀況不佳 ... 等問題相片 請以Photoshop製作 使用上課製作的方式: 使相片變得美麗自然 相片人物編修重點提示: 1.複製圖層(保留原有圖層) 2.於新複製之圖層上,影像→調整→曲線、影像→調整→色階、影像→調整→色彩平衡,調整明暗分配以及偏色等問題。 3.新增圖層,於新增圖層上使用筆刷(先使用滴管工具,點取臉部適合的色彩,在使用筆刷工具) 4.筆刷工具請調整較大筆刷(視照片大小以及欲修片之範by JinJin - 100-1《中國》竹視傳一A-電腦輔助設計與繪圖(一)
請參考上課講義 1.影像的修補與美化 以上pdf 講義請至學生系統下載 http://192.192.78.86/student_portal/ 上課練習檔,請點擊下載 本週練習重點: 美化與修補影像 尋找自己或朋友的特寫相片 最好是自己拍攝的 相片要素請盡量符合: 1.光線不佳 2.偏色 3.膚質狀況不佳 ... 等問題相片 請以Photoshop製作 使用上課製作的方式: 使相片變得美麗自然 相片人物編修重點提示: 1.複製圖層(保留原有圖層) 2.於新複製之圖層上,影像→調整→曲線、影像→調整→色階、影像→調整→色彩平衡,調整明暗分配以及偏色等問題。 3.新增圖層,於新增圖層上使用筆刷(先使用滴管工具,點取臉部適合的色彩,在使用筆刷工具) 4.筆刷工具請調整較大筆刷(視照片大小以及欲修片之範by JinJin - 100-1《中國》竹視傳一B-電腦輔助設計與繪圖(一)