视觉传达设计专业毕业设计说明书.pdf

天津工业大学天津工业大学 毕业设计说明书毕业设计说明书 页面交互设计中的色彩语言页面交互设计中的色彩语言 姓名 学院艺术与服装 专业 视觉传达设计 指导教师 职称讲师 2013 年 6 月 1 日 摘要 交互设计的色彩研究正在随着交互设计理念的不断变化而快速发展 作为交 互设计的重要组成部分 色彩在交互设计中的作用显而易见 当我们在为交互设 计作品中色彩的精彩表现而陶醉时 也不得不为设计师的匠心独运而感叹 交互 设计作品的色彩取向往往带着浓郁的时代背景 而时代的变迁又往往依赖于社会 的政治 经济 文化 艺术等各方面的综合发展 交互设计中的色彩的对比与协调是对立统一相互存在的 有对比就有协调 在交互设计中要熟练的运用好强对比和弱对比的色调 有时需要和谐统一色彩搭 配 对比太强会显得画面色彩混乱缺乏主次 而有时又需要对比强烈的色彩搭配 太专注色彩的协调又会使画面没有亮点 掌握交互设计中色彩搭配的方法 也就 是学会如何处理好个体与整体的关系 关键词 色彩搭配 交互设计 和谐统一 对比强烈 abstract interaction design research is with color changing interaction design concept and the rapid development of interaction design as an important part of the color in the role of interaction design is obvious when we work for interaction design brilliant color performance while intoxicated they had to the designer s imaginative and sigh interaction design approach often works with a rich color background the changing times and tend to rely on the political economic cultural artistic and other aspects of comprehensive development interaction design in color contrast and coordination are opposites exist with each other a contrast there is coordination in interactive design to skillfully use a good strong contrast and weak contrast colors sometimes necessary harmony with color contrast color screen will seem too confusing lack of primary and secondary and sometimes they need strong contrasting colors too focused on color coordination will make the picture is not bright grasp the interaction design color matching method that is to learn how to deal with the relationship between the individual and the whole key words color matching interaction design harmony contrast 目录 前言 1 第一章什么是交互设计 2 1 1 交互设计解决的问题和目前发展状况 2 1 2 交互设计与界面设计的关系 2 1 3 交互设计与产品开发的关系和可应用的设计领域 3 1 4 人机交互的基本原则 3 第二章交互设计的色彩运用 4 2 1 目前交互色彩设计的时代特征 4 2 2 交互设计中色彩的选择法 5 2 3 网页交互设计 8 第三章色彩语言在交互设计中的重要性 12 3 1 色彩在交互设计中的作用 12 3 2 色彩在人的心理和情感上所产生的作用 13 3 3 交互色彩协调搭配的基本方法 15 第四章我的毕业设计中色彩的创意表达 17 4 1 灵感来源 17 4 2 色彩在创作中的运用 19 结论 23 参考文献 24 附录 25 谢辞 31 1 前言 目前全球经济一体化 各种文化的碰撞 社会和科技的迅猛发展 给人类的 意识形态领域带来前所未有的冲击 现代设计作为社会新陈代谢更迭的推动力之 一 其使命就应反映时代的特征和变化 并且推波助澜 今天的设计 渐渐进入 了成熟的发展时期 从设计观念到表现形式都在不断地变化革新 并不断向纵深 发展 很多设计领域出现了多学科多专业横向整合的趋向 设计的潮流呈现出多 元整合的特征 展示设计在飞速发展的过程中有力而生动地表述了这一特征 资迅社会的今天 相对过量的信息已经麻木了人们神经 我们都可能有过这 样的体会 在一个比安静和人员相对固定的学校教室里 如果发生了一件很小的 事情 同学们都会津津乐道相当长一段时间 但在一个人员繁杂的商业广场 哪 怕发生了一个很大的盗窃案 人们很快就忽略了它的发生 这就说明了这样的一 个事实 当在信息量少 相对封闭的环境里 相应的信息就容易与人们发生互动 和关联 当在一个信息量庞大 相对开放的场所里 人们普遍只关心与自己利益 密切的信息 同样地 我们的门户网站是一个相对开放的空间 那我们应怎样使 使用我们交互产品的受众接受我们所传达的信息 并与之发生联系 这就需要从 板式的划分 功能的更新和色彩的搭配等方面进行分析 天津工业大学 2013 届本科生毕业设计 说明书 2 第一章什么是交互设计 交互设计 又称互动设计 英文 interaction design 缩写 ixd 或者 iad 是定义 设计人造系统的行为的设计领域 人造物 即人工制成物品 例如 软 件 移动设备 人造环境 服务 可佩带装置以及系统的组织结构 交互设计在 于定义人造物的行为方式相关的界面 1 1 交互设计解决的问题和目前发展状况 交互设计在人工物的设计和制作过程中由始至终的起到相当重要的作用 其 差别只是在于有显意识和无意识之分 然而 随着产品和用户体验日趋复杂 功 能增多 新的人工物不断涌现 用户的体验到的新鲜事物不断增多的情况下 人 们对交互设计的需求也越来越明显 从而使其在理论和实践上作为单独的设计学 科的提议越发的频繁 然而 由于交互设计的研究者和交互设计的实践者来属于不同的学科 而且 这个领域本身还不成熟 因此人们往往对某些问题尚未达成共识 甚至对类似或 相同的问题本身的理解以及解决方式也可能有不同方案 且相互矛盾 例如交互 设计中的基本元素包含什么 现在也还在讨论中 但是人们也形成了一些共识 例如 交互设计是设计人和物的对话 而交互 设计研究和实践的本质可能是隐藏于这个对话中的 交互设计的目的包括 有用 性 易用性和吸引性的设计和改善 现在是数字时代 多媒体让交互设计的研究显得更加多元化 多学科各角度 的剖析让交互设计理论显得更加丰富 现在交互设计功能服务的产品已经越来越 多 同时还有很多新的产品也大量的采用了交互设计的理论 1 2 交互设计与界面设计的关系 用户使用的界面是交互设计产生的结果 但是俩者并不是同一事物 交互设 计的本质是研究人和物在交流过程中 人的心理模式和行为模式 并根据此项研 究 设计出可以支持人工物的交互方式 来达到人们对使用人工物的三个层次的 需求 这样看来 交互设计只是研究人工物交互方式的一种设计方法 而研究结 果是产生了界面设计 显意识交互设计不一定会影响到界面设计 但是界面设计 必然会有交互设计的影子 需要注意 交互性不只局限于某种相关的技术 人和人之间天然存在交互的 因此 交互设计可以用于所有与人相关的活动中 例如服务 这样的交互设计者 会用到各种交互设计的方法和原则 天津工业大学 2013 届本科生毕业设计 说明书 3 1 3 交互设计与产品开发的关系和可应用的设计领域 在没有提出交互设计和体验设计以前 产品设计者总是将交互设计以其他形 式划分到其他相关人员的工作范围内 从某种意义上来讲 设计出来的产品就应 该能满足人们的使用需求也就是交互设计 然而 当人们意识到简单的界面设计 不能满足人们的使用需求时 交互设计就以一种独立的设计种类应运而生 并且 有相关人员指出 交互设计应当在提出产品的初步构想和技术设计之间进行实 施 这样有效的节省时间和资源 交互设计师的活动领域如下 界面设计 系统设计 网络设计 产品外观设 计 环境设计 服务设计以及综合性的系统设计 上述各个领域不仅需要有自身 的设计特点 也都会用到交互设计的方法和原则 交互设计师一般会参与团队设计的各个环节 例如 图形设计 程序设计 用户心理 用户测试 产品设计等等 因此 交互设计师需要对上述领域有相当 理解 以便于和不同领域专家开展合作 1 4 人机交互的基本原则 1 系统界面应当直观简洁 作为一种人机交互界面 设计开发刚开始的 时候就应该考虑到系统界面设计需要保持一致 直观 功能性突出这三方面原则 使得用户得到简单直观的界面的前提下 同时获得灵活使用软件的功能 2 保持一致性 语言 布局和设计的界面元素是需要保持一致性的重点 保持一致性的界面可以让用户对于如何操作软件有更好的理解 从而提升效率 3 界面设计要始终保持和用户的沟通 提供实时反馈 4 方便使用原则 方便使用的第一原则是要符合用户使用习惯 其它还 包括 实现目标功能的最少数操作原则 鼠标移动距离最短的原则等 5 界面色彩要求 人们肉眼的视觉成像与计算机显示器的发光成像有很 大的区别 应该注意这种区别作出适合人们视觉成像的色彩搭配 对于长时间被 用户使用的交互系统来说 能够让用户在较长的时间使用后不会感到视觉疲劳为 宜 例如灰色沉稳的主色调 配以轻松活跃的淡彩色等等 千万不要颜色过多烦 乱 花哨艳丽 这样不利于用户的视觉交互 6 界面功能区域划分要求 系统功能排列需要整齐统一 尽量按照功能 的不同来划分区域 这样可以方便用户使用 功能区域的划分不要过于紧密 避 免用户在使用过程中产生视觉疲劳 天津工业大学 2013 届本科生毕业设计 说明书 4 第二章交互设计的色彩运用 2 1 目前交互色彩设计的时代特征 在这个世界无所不在的媒体中 人类在世界的某一个地方开垦着属于自己的 色彩文化 色彩是企业经营的有利条件 它是 21 世纪商业设计的新资源 无论 怎么使用 也不会枯竭的自然资源 它是地球上的人类一刻都不能回避的生活的 环境 没有色彩的世界是不可想像的 交互设计的色彩研究正在随着交互设计理念的不断变化而快速发展 作为交 互设计的重要组成部分 色彩在交互设计中的作用显而易见 当我们在为交互设 计作品中色彩的精彩表现而陶醉时 也不得不为设计师的匠心独运而感叹 交互 设计作品的色彩取向往往带着浓郁的时代背景 而时代的变迁又往往依赖于社会 的政治 经济 文化 艺术等各方面的综合发展 在交互设计领域里 我们所说 的交互设计各个方面的时代特征通常都可以从交互设计作品的色彩中找到答案 交互设计在中国虽然年轻 但充满活力 交互设计色彩的研究和教育虽然起 步较晚 但却前程似锦 我们在国内外众多设计师及专家的色彩运用和研究成果 的基础上 作了更进一步的拓展与探索 从不同角度和视角分析了交互设计色彩 的相关特征和风格 使交互设计的色彩研究更加全面和具有较强的艺术性和学术 性 一个交互色彩设计的成功与否 对用户的视觉和心理感染力有着明显差异 因为色彩是最直观 最易影响人心理的设计因素 用户看到网站或者交互软件的 第一感觉主要是由色彩营造的展览氛围 好的交互色彩设计 具有很强的视觉吸 引力 能充分体现交互的艺术魅力 同时 色彩设计又是交互设计中较难表现的 一个方面 因为 人们受到的地域 民族 文化传统的影响 对色彩的象征意义 偏好是有很大差异的 所以 交互色彩设计应根据产品用途 产品性质 针对群 体 特别是使用者的特点来具体分析 落实 进行科学合理的色彩设计 首先要了解构成交互色彩的设计元素有哪些 我 们要在哪些方面进行色彩设计 其次我们要知道色彩设计所要达到的是一个什么 样的效果 也许有人说 色彩是视觉设计师需要考虑的问题 交互中可以不考虑颜色 没错 视觉设计师对于颜色有较强的见解和把握 由于色彩设计的重要度 人们 对于信息的把握 首先也是由色彩开始的 其次才是图形 文字 在产品设计 过程中 视觉设计师有着第一评判权 天津工业大学 2013 届本科生毕业设计 说明书 5 对于色彩的认知 从哲学层面转入科学范畴后发现 人对固定色彩的心理影 响有其固化的习惯性 这些认知习惯也就延伸到了人对于产品的选择中 这样 在产品交互过程中 色彩也就可以被宽泛的表述进来 从而明确人的行为动机 2 2 交互设计中色彩的选择法 2 2 1 色彩心理选择法 我们所看到的一切色彩 都具有色相 明度和纯度三种不同属性 不同的色 相 明度 纯度 会给人们带来不同的心理感受 色彩从心理感受上出发 宏观 到微观 渐渐地接近最符合用户心理感受的色彩区域 选择颜色时 根据色彩给人们带来的心理属性来筛选颜色 大家都知道 色 相是色彩的冷暖 如赤 橙 黄 绿 蓝 靛 紫 这几种颜色的色相在人们的 心理的上有明显的冷和暖的差别 图 2 1 如赤 橙 黄让人想到太阳 阳光 烈火 灯光 这种能给人们带来暖和的感觉就是暖色系 蓝 靛 让人想到冰块 冬天 雪花 给人们清凉冷寂的感觉就是冷色系 给产品选择颜色的时候要首先考虑的是产品定位和消费群体 其次考虑的是 给人们带来的心理感受是什么 如果需要给人们带来年轻 活泼的感觉就选择赤 橙 黄 如果需要给人们带来冷酷 高贵 安静的话就选择蓝 靛 这样就完成 第一轮筛选 图 2 2 图 2 1光的颜色 天津工业大学 2013 届本科生毕业设计 说明书 6 图 2 2色环 第一轮筛选之后 选择的如果是冷色系 就选择色环右边的区间 然后根据 产品定位和色彩心理进行缩小范围的筛选 使小范围的色彩偏向 明度 饱和度 的微小差别得到调整 最后匹配出相对最适合的色彩 2 2 2 图片映衬法 在拟物化场景图片中寻找适合的色彩 进行设计 例子 阅读器概念设计过 程 虽然图形概念最终没有采用 但是设计过程思考方式可以进行参考 最早设计的时候寻找了一些读书馆场景图片资料 然后在场景图片 图 2 3 中取用 3 种色值 图 2 4 作为软件主体颜色进行设计 天津工业大学 2013 届本科生毕业设计 说明书 7 图 2 3场景图片 从图片中取用 3 中色值 进行场景化模拟 图 2 4上图中提取的 3 中颜色 天津工业大学 2013 届本科生毕业设计 说明书 8 最后实现效果 图 2 5 图 2 5阅读器 2 2 3 调查问卷数据分析法 即设计师提出多种色彩方案 以交互常用的调查问卷 用户访谈等方式进行 数据收集 根据数据分析删选出最适合的色彩 这种方式准确率高 缺点就是时 间成本和人力成本都消耗比较多 2 3 网页交互设计 在网页交互设计中 既要立足信息的传达 又要符合人们的视觉和思维习惯 设计网页时注意各种信息要素的合理分布 使各类信息要素的位置 间隙 大小 保持一定的节奏感和美感 人们对美的追求是不断深入的 网页交互设计同样如 此 我们可以通过网页的内容与形式表现出统一和具有秩序 以及突出主题要素 的方式来迎合大众的审美需求 在协调网页交互设计中的各构成元素时 要注意 对比其元素构成的面积 前后 数量等因素 强化视觉效果 以突出网页的整体 效果 网页中的构成要素可以分为两个方面 风格定位 对于设计某个网站来说 要做的第一步工作就是确定网站整体的 风格 不同的网站需要有不同的风格 其风格要与主题内容相统一 版面排版 网页 报刊 杂志等平面媒体的版式设计有许多异曲同工的地方 板式设计在网 页的设计中有着举足轻重的作用 天津工业大学 2013 届本科生毕业设计 说明书 9 在网页交互设计中 好的色彩搭配起到的作用相当重要 在一个网站中 如 果有具备专业水平的色彩搭配 哪怕只出现很少的图形 仍然会带给浏览者难忘 的印象和强烈的视觉冲击力 除了以上论述的几种要素 还有页面的布局 框架 的构成等也属于网页的构成要素 而色彩的运用往往会在第一时间抓住用户的眼 球 总体来说 在一个页面最多不要超过四种色彩为好 选择一种为主色调 应 当巧妙的使用颜色给人们带来的心理感受 色彩运用的原则遵循 总体搭配合理 局部对比鲜明 也就是说主页在色彩的整体运用当中应当是协调统一的 局部 色彩运用中有一些有视觉冲击的对比即可 网页的主题表现可以用色彩的不同来展现 以下是一些常用色系 1 蓝色 多用于商业宣传 能使网页看起来具有专业性 体现出一种严谨性和科技感 蓝 色也往往用于专业性 科技感比较强的场合 体现出一种严谨和庄重 图 2 6 2 绿色 是大自然的颜色 给人以清爽舒服的感觉 可以让浏览者阅读时的视 觉压力大大降低 绿色多被用于与环保节能可持续相关的题目 如节能企业的网 站 图 2 7 3 红色 是充满热情的颜色 会使网页变得充满活力 红色也 是年轻活力的象征 有很强的视觉感染力和亲和力 图 2 8 4 黄色 多用 于卖场折扣宣传 黄色给人放松安逸的生活情调 可以是人们感觉到一种友善亲 切感和实惠的廉价感 同时 黄色还是一种色调鲜明的颜色 它搭配各种颜色都 会出现很好的效果 此外 我们还可以适当的搭配一些黑 白 灰的颜色使用 可以产生出人意料的效果 图 2 9 一个页面中尽量不要超过四种色彩 色彩太多找不到主色调 会显得没有主 次 令人眼花缭乱 再者 需要注意的是文字与背景之间的颜色的区分 对比太 强或太弱都不利于浏览者的阅读 图 2 6蓝色调的网站 天津工业大学 2013 届本科生毕业设计 说明书 10 图 2 7绿色调的网站 图 2 8红色调的网站 天津工业大学 2013 届本科生毕业设计 说明书 11 图 2 9黄色调的网站 天津工业大学 2013 届本科生毕业设计 说明书 12 第三章色彩语言在交互设计中的重要性 在宇宙和自然界中 因为有了阳光 月光和人工照明 才使人类在白昼夜晚 看清各种不同的物象 及其表面千差万别的色彩 没有了光 也便没了有颜色的 区别 因为阳光是由赤 橙 黄 绿 蓝 靛 紫七种彩色光合成的 各种不同 颜色之所以呈现出不同的色彩 是因为吸收了其它颜色的光 只反射出与本身表 面颜色相同的光的原因 色彩具有三种属性色相 亮度 饱和度 还可以按变化 规律分为原色 间色和复色 色彩对人的心理 情绪 行为产生影响 色彩在人 类社会生活各个方面都起着举足轻重的作用 3 1 色彩在交互设计中的作用 色彩是交互设计中一个非常重要的设计因素 同时色彩设计又有较高的难 度 人们的色彩偏好更多地受到知觉经验 情绪状态 民族习惯 地区差异以及 社会时尚的影响 因此不同的地域和种族甚至不同的个体对色彩的喜好有很大的 差异 在交互设计中 大胆巧妙地使用色彩 可以更完美的突出主题内容 交互主 体形象和特定信息 充分运用色彩带给人心理的感觉 能产生感受上的大小变化 色调浅而亮丽 的颜色通常有扩张交互页面的作用 相反 明度低 暗淡的颜色则会使交互页面 显得狭小压抑 在统一的大交互区域面中 通过使用不同色块的区域 可划分出不同功能的 交互区域 与此同时 与分割交互区域恰好相反 通过使用色调或色相相近或者 相同的色彩进行联系与呼应 这样多区域之间也会存在连续性 产生浑然一体的 效果 利用色彩对交互区域的分割 延续与融合 色彩在交互设计中即有丰富性又 有统一性 从而增加交互设计的整体性和多样性 统一与变化同存 色彩在交互设计中传达情绪的作用显而易见 不同的色彩给人的心理感受也 是不同的 同时也能营造出不同的氛围 图 3 1 天津工业大学 2013 届本科生毕业设计 说明书 13 图 3 1色块的对区域的划分 3 2 色彩在人的心理和情感上所产生的作用 色彩能引起人情绪上的变化 能强有力地表达感情 色彩进入人的视觉被感 知的速度和程度差异 反映了色彩的物理属性 视觉的生理属性和人对自然现象 的视觉经验与色相联系的心理属性 从相同距离看不同的色彩 有的感觉近 前进色 有的感觉远 后退色 从色相讲 暖色系有前进感 冷色系有后退感 从明度讲 明度高的色有前进感 明度低的色有后退感 从饱和度讲 饱和度高的色有前进感 饱和度低的色有后 退感 这是由于人眼睛对颜色 光 的波长 振幅产生的感知度差异造成的 波 长越长感知度越高 扩张感越强 明度高的色彩比明度低的色彩振幅强 易于被 感知 同样面积的色彩 有的看起来大一些 有的看起来小一些 明度 饱和度高 的色彩看起来会大于真实的面积 而明度 饱和度低的色彩则会小于真是的面积 暖色有扩张感 冷色有收缩感 色彩华丽与朴素是因饱和度和明度不同而引发的感受 饱和度高或明度高的 色 给人以华丽感 反之给人以朴素感 不鲜明的冷色有真实感 白 金 银往 往给人以华丽感 而黑色根据使用情况有时有真实感 有时则有华丽感 天津工业大学 2013 届本科生毕业设计 说明书 14 色彩的冷暖是通过人的视觉对世界上具有冷暖属性的事物的经验积累 与色 相联系在一起的一种心理感受 红 橙 暖黄使人感到温暖 蓝色 青绿色使人 联想到水等冷性事物 绿和紫是中性色 改变它们明度和饱和度的高低 就可以 产生冷暖感的变化 无彩色中白色冷 黑色暖 灰色呈中性 色彩的轻重感主要是因色彩的明度不同而引发的感受 明度高的颜色感觉 轻 深颜色感觉重 在明度相同的前提下 色彩纯度高的颜色感觉轻 低的颜色 感觉重 色彩的兴奋与沉静感主要由视觉刺激的强弱引起 根据科学家测定 红色可 以起到兴奋作用 蓝紫起到抑制作用 蓝绿起到沉静作用 红 橙黄等纯暖色系 列能引发观众的兴奋情绪 被称为消极的色彩 明度和饱和度也有积极与消极之 分 高明度 高饱和度色彩倾向于兴奋色 反之则趋于沉静色 色彩的柔软与坚硬感是由明度和饱和度引起的感受 一般讲 明度高 饱和 度低的色给人以柔软感 明度低 饱和度高的色给人以坚硬感 白和黑有坚硬感 灰色有柔软感 色彩的味觉感是一种由联想产生的心理上的感觉 据调查 一般人认为 黄 色 白色 橙色是甜味 绿色是酸味 茶色 灰色 黑白是苦味 青色 蓝色是 咸味 这大概是因为人们对色彩的味觉和相应于该味道的代表性事物的颜色及特 征有关 表 3 1典型色彩的不同心理感受 颜 色 绿红橙黄棕紫蓝白黑灰 距离 感 后 退 近非常 近 近非常 近幽 闭 恐 怖 非常 近 后 退 前 进 无 限 深 远 深 远 温度 感 非 常 冷 冽 温 暖 非 常 温 暖 非 常 温 暖 中 性 冷冷偏 冷 中 性 中 性 情 感 非常 平静 柔和 非常 刺激 不安 使 人 激 动 使 人 激 动 使 人 激 动 不 安 压 抑 平 静 柔 和 不压 抑 抑 制 压 抑 使 人 平 静 天津工业大学 2013 届本科生毕业设计 说明书 15 3 3 交互色彩协调搭配的基本方法 确定一种颜色作为统率交互的主色调 即在交互中确立的一种主导颜色 其 面积 纯度 明度等要素占绝对优势 由于灯光等因素的影响 有时甚至只用一 种颜色也能构成一个色彩变化丰富的交互 这种单色搭配方法简洁干练 协调统 一 容易被多数人接受 但也容易平淡乏味 尽量选用比较容易实现交互协调的同色系颜色 同类色和临近色 例如红 色 橙色 紫红色 紫色 蓝紫色等颜色都含有红色因素 用无彩色 中性色缓解色彩的对比程度 即金 银 黑 白 灰来隔离画面 的冲突色彩 调节交互距离 不要把相互冲突的颜色放在同一视角范围内 避免对立颜色 在同一视角内以较大比例出现 应当增加高纯度色彩的透明度 这样它们就可以 互相透叠彼此的颜色使交互的色彩实现融合 图 3 2 改变光源的色彩倾向 就能使交互的色调协调统一 白光源能更好的反映固 有色 而色光能够提亮它的同类固有色 降低它的对比固有色 依靠渐变色达成调和 用渐变色调和是指一组色彩根据明度 纯度排列成色 阶 使色彩有交互过渡 形成有序的多色系变化 从而实现色彩的调和 渐变色 不仅能让色彩变的协调 还增强了色调变得丰富性 依靠纯度的变化使色彩统一 在色彩的三属性中 色相和明度的变化是显而 易见的 而纯度的变化容易被忽视 而事实上 通过调节色彩的纯度也同样可以 达到色彩调和的目的 色彩纯度的对比相对于色相 明度的对比不会产生很大的 视觉冲突 因为一旦色彩区分开纯度对比 纯度低的色在视觉上会往后退 而限 量的色则会往前进 自然形成一个交互层次 低纯度色彩在画面上的出现实际上 刚好起到减弱色彩矛盾对立的作用 依靠色彩面积的变化达成调和 在交互中缩小不易协调的颜色的面积 自然 也就达成色彩的协调了 也就是说面积对比与色彩对比成反比关系 通过添加色彩的肌理效果达成调和 有肌理的色块 因为其自身有微妙的变 化而容易和其他颜色调和 例如一块带有肌理效果的蓝色 其中包括了深蓝 浅 蓝 灰蓝的变化 这些层次变化使它容易和别的颜色协调 带肌理效果的颜色不 易使交互陷入呆板 容易产生一些独特的效果 交互设计中的色彩的对比与协调是对立统一相互存在的 有对比就有协调 在交互设计中要熟练的运用好强对比和弱对比的色调 有时需要和谐统一色彩搭 配 对比太强会显得画面色彩混乱缺乏主次 而有时又需要对比强烈的色彩搭配 太专注色彩的协调又会使画面没有亮点 掌握交互设计中色彩搭配的方法 也就 是学会如何处理好个体与整体的关系 图 3 3 天津工业大学 2013 届本科生毕业设计 说明书 16 图 3 2色彩协调搭配 图 3 3弱色调突出主题 天津工业大学 2013 届本科生毕业设计 说明书 17 第四章我的毕业设计中色彩的创意表达 4 1 灵感来源 西藏 是一个熟悉又陌生的地方 我们熟悉是因为在电视上 网络上不断的 有关于西藏的报道 陌生是因为很少有人能够踏足到这篇神圣的土地上 正因为 他的陌生神秘 我才会对他向往已久 去年 10 月份 学校组织我们视传专业的同学去川藏采风 去之前我们在心 里不断的勾勒出许多关于西藏风景的画 但是等你到了西藏你就会发现 无论你 看过多少关于西藏风景的画册和文字 到了西藏 他依然会重新更正你脑中幻想 的风景的所有概念 如果说西藏是一副油画 那么这幅画的色彩必须由你亲自去 了之后才能调配 在这次的采风过程中 给我留下印象最深的就是当地一望无际的绿色牧场 湛蓝的填空 红色的砖墙 金色的寺庙 漆黑的星空和臧红色的喇嘛袈裟 这些 颜色给了很大的灵感 图 4 1 4 2 4 3 图 4 1红色的砖墙 天津工业大学 2013 届本科生毕业设计 说明书 18 图 4 2小喇嘛的高原红 图 4 3湛蓝的天空 天津工业大学 2013 届本科生毕业设计 说明书 19 4 2 色彩在创作中的运用 在这次采风过程中 我们看到的颜色千变万化 都统一的存在于这个神奇的 地方 每种颜色的搭配都可以说是天衣无缝 我只是在其中选择了几种我自己比 较喜欢的颜色而已 喇嘛袈裟的藏红色 头冠的黄色 还有神秘的黑色 这张图 很好的诠释了我的毕业设计的色彩搭配 图 4 4 4 5 图 4 4阳光下的喇嘛 天津工业大学 2013 届本科生毕业设计 说明书 20 图 4 5喇嘛的聚会 我设计的这个手机门户网站 就是搭配的这几种颜色 主要是黑红的配色 黑红的配色本身就是经典配色 再加以黄色的点缀 显得和谐而富有个性 同时 富有吸引力 加之主体导航界面使用了大面积的白色 使得用户在浏览网页时不 会丢失视觉焦点 可以轻松的找到自己想找的内容 排版上也做了一些规划 使 其看起来不会过于繁乱 网页设计遵循了 整体协调 局部丰富 的原则 图 4 6 图 4 6交互网站 天津工业大学 2013 届本科生毕业设计 说明书 21 这是我们小组设计的手机 ui 界面 背景以黑色为底 去掉了那些浮华的修 饰 黑色本身会显得比较沉稳 给人以直接大气的感觉 图标也是采用的黄色和 红色 其中对黄色采用了明度的变化 这样就不会使整体的颜色混乱 也在局部 多了些许的小变化 这样的整体协调性是为了用户使用起来不会造成视觉疲劳 图 4 7 4 8 图 4 7手机 ui 天津工业大学 2013 届本科生毕业设计 说明书 22 图 4 8手机解锁界面 天津工业大学 2013 届本科生毕业设计 说明书 23 结论 综上所述 在技术飞速发展和现代科技日新