義守大學資訊管理學系 人因與資管報告 主題:正確的網頁色彩選擇 和判斷基準 老師:吳有龍 博士 學生:林志宏 學號:10022025G.

Slides:



Advertisements
Similar presentations
撒哈拉以南的非 洲. 学习目标(一) 1. 了解撒哈拉以南的非 洲的自然环境特点。 2. 记住撒哈拉以南的非 洲独特的人文特点。
Advertisements

实习期工作总结 述职人:孙伟 —— 个人简历 姓名:孙伟 毕业院校 : 内蒙古民族大学 专业:农业机械化及其自动化.
頭皮處理 和 頭髮保養.
强力打造湖北农业信息网 全面推进湖北农村信息化
【我真歡喜來讚美你】 1.睜開眼睛 感覺好熟悉 在你面前 一切都不會在意.
我見我思我實踐 品德教育實踐分享.
黄金时代 黄金时代:老子,释迦牟尼,苏格拉底,孔子,庄子,耶稣…… 他们是人类智慧的顶峰,他们用人生展示了智慧与慈爱。
引 言 亚里士多德 法治应该包含两种意义:已成立的法律获得普遍的服从,而大家所服从的法律又应该本身是制定得良好的法律。
课程名称 《性别决定的方式》 生物学 学 科 年 级 八年级 学校名称 辽中县冷子堡九年一贯制学校 姓 名 张贵武.
第四章 商代之舞蹈 本檔案圖片來源:google圖片.
可麗公主美式餐廳 網站企劃書.
班级: 组长: 组员:.
嗇色園主辦可立小學 故宮 製作日期:2011年3月21日.
狂犬病 保護你我,愛護動物 武漢國中 黃憶暄.
高一年级过渡性学习 活动汇报 高一年级组 教科研室 汉滨高中.
迪士尼動畫 玩具總動員1.
“武侠魅力”阅读领航 六(8)班第二小组.
Chapter 5 全球資訊網 5-1 World Wide Web 的誕生 5-2 使用Internet Explorer
2014年度部级“优课”评审 评审流程、评价指标及操作细则的解读 绍兴市教育教学研究院 陆一黎.
第 4 章 社會中的文化 一、文化的意義與特徵 二、文化的內涵 三、次文化 四、文化的傳承與創新 課後複習 歷屆基測試題.
課程實錄.
科目名稱: 觀光與文化 教師:李奇嶽.
清領到日治時期的台灣女性形象--「查某人」的地圖
天生好色.
西游记 之 兵器.
色 彩 學 王怡文老師設計整理.
動物的繁殖行為.
5,2 新时代的劳动者.
105年臺北市 優先免試入學 高中職免試入學 五專免試入學 報名方式宣導
行動報告人:丁俊源 行動參與人和單位: 我們全家人 社區鄰居、管委會 新北市環保局
色彩體系─奧斯華德表色系 奧斯華德色彩體系.
小儿营养不良 第四篇第二章第二节小儿营养不良.
劳模的风采.
2016年莱芜市乡村医生在岗培训 启动会.
網 頁 色 彩 學 報 告 者:高婉菁 G 指導老師:吳有龍 老師.
单元 SD 5 菜鸟学飞 附件二 想学飞的职场菜鸟.
本位課程分享 報告:葉尚旻
單車失竊記心得.
期中考试后改薄工作督导点评 教务处 督导室.
模块七 信息获取与发布 第8章 计算机网络信息的获取与发布.
跨校選課 說明會 主辦人:[國文系學會學權股] 葉軒如、李美玟.
年級: 小學六年級 科目: 美勞科 課題: 色彩應用(二).
Ch3. 色彩體系 色彩可分為: 有彩色。 無彩色。 特別色。 紅、橙、黃、綠、藍、靛、紫等色彩,稱之為有彩色, 無彩色是指白、灰、黑等。
顏色與背景CSS樣式.
PowerPoint圖形總合.
色彩學.
甜蜜 的家 浴室 的色彩 Bathroom.
基本色彩名詞 徐必大 老師.
稅知多少.
課題:色彩的本質 科目:中一美術科.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
網路工具運用 講師:鍾詩蘋.
網頁色彩學    網頁色彩設計的準備 授課教師:吳有龍 教授 報 告 人:李世華 G.
這是對比彩度配色嗎? 圖片來源:flickr 作者:likeyesterday
    顏色的魔術師 對比色與類似色 暖色系.寒色系.中性色系.
稅知多少 國家的重要基礎.
105學年第1學期期初校務會議 圖書館工作報告 報告人: 林佩佳主任.
101下三年級【走進臺北城】 實施成果報告 日期: 報告者:張素苓、黃心怡.
色彩的感覺 PCCS色表系統說明.
岗位聘任管理系统使用说明 浙江师范大学人事处 咨询电话: 、
網頁色彩學 用形容詞來表達配色 指導教授:吳有龍老師 學生:李瑞津 學號: G
POWER POINT 簡報小工具 課程教授:楊淳皓 老師 學生姓名:連逸峻.
Dreamweaver 進階網頁製作 B 許天彰.
人因與資管 期末報告 平面設計的美感養成---搭配色彩與構成版面
義守大學資訊管理研究所 在職專班 網頁色彩學--- 以顏色分析網頁設計 指導老師:吳有龍教授 學生:陳正忠 學號: G.
全陽圓格局位置最好的A6-2樓 面中庭花園3房2廳2衛三面採光 捷運藍線江子翠捷運站1號出口Google距離210公尺
類似色調配色之效果與運用.
印天电子白板软件使用讲解 -杨馥宇 QQ:
第十三章 彩色影像處理.
关于复旦大学体锻制度的调查报告 仇璐 宛蓉.
Presentation transcript:

義守大學資訊管理學系 人因與資管報告 主題:正確的網頁色彩選擇 和判斷基準 老師:吳有龍 博士 學生:林志宏 學號:10022025G

講解大綱 色彩印象空間是使用哪種色彩體系呢? 認識色彩印象空間 以色彩印象空間掌握顏色的意味 實際分析網頁色彩 色相和色調120色體系 色彩分析-單色印象空間 另一個秘方色彩分析-配色印象空間 我的感覺-形容詞印象空間 以色彩印象空間掌握顏色的意味 實際分析網頁色彩

色彩印象空間是使用哪種色彩體系呢? 色相和色調120色體系 色彩學 物理現象:正確記錄,傳達與再現顏色。 心理現象:色彩感覺,喜好等。 RGB,CMY 心理現象:色彩感覺,喜好等。 色彩三屬性: 色相:指紅,黃,綠,藍等不一樣的顏色。 明度:色彩的明亮度,越高越淡,越低越深。 彩度:色彩鮮豔度,越高越豔,越低越濁 。 色調:彩度與明度的組合。

色彩印象空間是使用哪種色彩體系呢? 色相:不同的顏色(IRI-10色環)

色彩印象空間是使用哪種色彩體系呢? 色調:彩度與明度的組合

認識色彩印象空間 單色印象空間(看到紅色、藍色的感覺?) (-3 , 1) 剛強的 柔和的 1 -1 -2 -3 3 2 動的 靜的 1 -1 -2 -3 3 2 動的 靜的 (2 , -3) 動的 靜的 1 -1 -2 -3 3 2 剛強的 柔和的

認識色彩印象空間 單色印象空間(看到黃色、綠色的感覺?) 動的 靜的 1 -1 -2 -3 3 2 剛強的 柔和的 1 -1 -2 -3 3 1 -1 -2 -3 3 2 剛強的 柔和的 1 -1 -2 -3 3 2 (-3 , 3) 動的 靜的 1 -1 -2 -3 3 2 剛強的 柔和的 (0 , 2) 1 -1 -2 -3 3 2

綠色給人的感覺也是柔和的屬動態和靜態中間 認識色彩印象空間 單色印象空間 黃色給人的感覺柔和又活潑 綠色給人的感覺也是柔和的屬動態和靜態中間 紅色給人的印象非常活潑屬動態 藍色給人的印象是平靜的屬靜態

認識色彩印象空間 語意差分法(SD):一種可以將印象世界整理後,再以數 值化處理的方法;並利用以「柔和、剛硬」和「動的、 靜的」做為評量顏色印象的代表形容詞。

認識色彩印象空間 配色印象空間 設計師在設計網頁時大部分的人會運用4~5種以上的顏色以加深網頁給人的印象。 國人配色的取向? 喜歡柔和又動態的、鮮明又明亮的配色; 喜歡靜態又剛硬,給人厚重又安靜的配色; 但喜歡柔和又靜態、剛硬又動態配色的人較少; 比起中彩度的顏色,更喜歡高彩度或低彩度的顏色。

認識色彩印象空間 色彩印象空間

認識色彩印象空間 形容詞印象空間

以色彩印象空間掌握顏色的意味

以色彩印象空間掌握顏色的意味

實際分析網頁色彩

實際分析網頁色彩 醫院 通常以白色和高明度的顏色為背景色,以藍、靛色為主色,整體來說配色在柔和而靜態的色彩印象空間,表現特有的衛生和清潔形象。

實際分析網頁色彩 醫藥 網頁大多是白色和淡藍色、靛色為主,運用淡綠色和綠色為輔。與醫院和健康相關的網站不同的是,灰色系也被用來當作主色,以表現出端正與沉靜的印象。

實際分析網頁色彩 健康 網站通常運用白色和多種不同的配色(淡藍、靛、紅、紫紅),給人沒有負擔容易搜尋的感覺。與醫院與醫藥的網站相比,運用更多的草綠色為主色。

實際分析網頁色彩

實際分析網頁色彩 網站可讀性 設計者必須考慮文字的字型與大小、背景色和文字顏色的對比。背景色與文字顏色的對比愈大,瀏覽起來也更輕鬆。

參考書籍及文獻 “WEB好色—網頁色彩學”,Image Research Institure Inc, 博碩。 “網頁配色的告白”,露晞,碁峯。 “如何設計好網站-網頁配色與版型設計秘訣大公開”,吳國慶, 上 奇。 “網頁設計概念”,編者不明,WORD文件。 “網頁行銷美學與顧客體驗關鍵因素之研究”,黃婉貞,PPT文 件。 網頁資料: http://www.ebaomonthly.com/window/photo/lesson/color_01.htm http://www.ctk.com.tw/JackWeb/graphic/Knowledge/element_color.htm http://www.wretch.cc/blog/ayu6628/22281715 圖片來源:Google圖片搜尋,以及以上資料部分擷取。

簡報完畢 恭請指導