游戏UI设计第1章游戏UI设计基础课件.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《游戏UI设计第1章游戏UI设计基础课件.pptx》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 游戏 UI 设计 基础 课件
- 资源描述:
-
1、 PPT模板: PPT课件: 游戏游戏UI设计介绍设计介绍1.2 色彩知识讲解色彩知识讲解1.3 基本设计构图原则基本设计构图原则1.4 文字创意和应用方法文字创意和应用方法目录目录011.1 游戏游戏UI设计介绍设计介绍1.无线通信服务的发展无线通信服务的发展(1)什么是手机游戏)什么是手机游戏 手机游戏,简单来说,是指运行于手机上的游戏软件。随着科技的发展,现在手机的功能也越来越多,越来越强大。运行于移动型平板电脑中的游戏也可统归于手机游戏的行列。当手机流行的时候,手机游戏也就自然产生了。起初的手机游戏大多是出厂的时候内嵌在手机里的一些非常简单的游戏.比如俄罗斯方块,贪吃蛇之类的游戏。随着
2、手机性能的提升,人们已经越来越不能满足单纯的发短信通话等基本功能,已经开始有兴趣注意到手机的附加功能。手机作为一种便携式移动设备,当人们在闲暇之余,或在坐车途中,常常可以做为人们娱乐的工具.而手机游戏就是手机上最好的娱乐方式之一。随着手机硬件和软件技术的不断发展,手机游戏开发也得到了快速的发展和商业应用,现在的手机游戏采用了更为直观且更为精美的画面直接表现,已发展到了可以和掌上游戏机媲美的程度,具有很强的娱乐性和交互性的复杂形态了,因此广受玩家们的欢迎。手机游戏的发展手机游戏的发展游戏贪吃蛇游戏街机泡泡龙游戏愤怒的小鸟1.无线通信服务的发展无线通信服务的发展(2)常见的几个手机系统)常见的几个
3、手机系统 常见的手机系统有IOS系统、Android系统、Symbian系统、微软系统、RIM系统、MTK系统、Linux系统等。如图1-5所示。1.无线通信服务的发展无线通信服务的发展(3)手机游戏的发展)手机游戏的发展021.2 色彩知识讲解色彩知识讲解1.色彩的三要素色彩的三要素(1)色相)色相色相是指色彩的相貌。色相体现着色彩外向的性格,是色彩的灵魂。我们最常见的色谱“虹”就是把颜色按照“红-橙-黄-绿-青-蓝-紫”依次过渡渐变,色相两端分别是暖色、冷色中间为中间色或中型色,如图1-22所示。色相环:通过把两种或两种以上的颜色混合在一起,就可以得到一种特殊的颜色。从本质上讲,色环就是色
4、谱可以看到的颜色所形成的线性连续环。红色橙色黄色绿色青色蓝色紫色这七种颜色头尾相接,形成一个闭合的环。以X轴方向表示0度起点,逆时针方向展开。在从红到紫的光谱中,等间的选择5个色,即红(R)、黄(Y)、绿(G)、蓝(B)、紫(P)。相邻的两个色相互混合又得到:橙(YR)、黄绿(GY)、蓝绿(BG)、蓝紫(PB)、紫红(RP),从而构成一个收尾相交的环,被称为孟赛尔色相环。如图所示。(1)色相)色相孟赛尔色相环色相原色是指无法用其他颜色混合得到的颜色,即第一次色。三原色是能够按照一些数量规定合成其他任何一种颜色的基色。理论上讲原色只有三种:红、黄、蓝。色光三原色分别是:红、绿、蓝。印刷中三原色是
5、红、黄、青。原色是构成其他颜色的母色。原色不能由其他颜色调出却可以调配出其他任何颜色。(1)色相)色相间色:三原色中任何两种混合产生的颜色称为间色,又称第二色。间色也是三种:橙、绿、紫。邻近色是指在色环上相邻的各种颜色。如:黄绿,黄,橙黄,橙等。如果从橙色开始,它的两种邻近色应该选择红和黄。用邻近色的颜色主题可以实现色彩的融洽与融合。同类色指色素比较相近的不同颜色,如:大红,朱红,玫瑰红,深红等颜色。补色(互补色):在色环上,相对的两种颜色(即:在同一条直径上的两种颜色)为一组补色,如:红和绿,橙和蓝,黄和紫都是补色。补色的对比十分强烈,视觉上给人不和谐的感觉组色是色环上距离相等的任意三种颜色
6、。组色被用作一个色彩主题时,会对浏览者造成紧张的情绪。因为三种颜色形成对比。色彩的范畴分为无色彩与有色彩两大范畴。无色彩指黑、白、灰等无单色光,不带颜色的色彩,即反射白光的色彩;如图1-24所示。有色彩指有单色光,即:红、橙、黄、绿、蓝、紫。无色彩(2)明度)明度 明度就是色彩的明暗差别,如深红、大红以及粉红等,如图所示。明度 在无色彩中,明度最高的色为白色,明度最低的色为黑色,中间存在一个从亮到暗的灰色系列。在彩色中,任何一种纯度都有着自己的明度物特征。例如:黄色为明度最高的色,紫色为明度最低的色。明度在三要素中具有较强的独立性,它可以不带任何色相的特征而通过黑白灰的关系单独呈现出来。色相与
7、纯度则必须依赖一定的明暗才能显现,色彩一旦发生,明暗关系就会出现。我们可以把这种抽象出来的明度关系看作色彩的骨骼,它是色彩结构的关键。(3)饱和度)饱和度 饱和度是指色彩的鲜艳程度,也称色彩的纯度,如图所示。饱和度 饱和度指的是色彩的鲜浊程度。混入白色,鲜艳度降低,明度提高;混入黑色,鲜艳度降低,明度变暗;混入明度相同的中性灰时,纯度降低,明度没有改变。不同的色相不但明度不等,纯度也不相等。纯度最高为红色,黄色纯度也较高,绿色纯度为红色的一半左右。纯度体现了色彩内向的品格。同一色相,即使纯度发生了细微的变化,也会立即带来色彩性格的变化。2.色彩的表情色彩的表情 色彩的情感是因为人们长期生活在色
8、彩的世界中,积累了许多视觉经验,视觉经验与外来色彩剌激产生呼应时,就会在心理上引出某种情绪。颜色可以左右用户的情绪,也可以影响用户判断。因此设计师必须学会善用色彩,在设计的时候,用色彩去正确传达本质和内涵。当色彩被正确传达后,便能与用户产生心灵共鸣。(1)红色:)红色:活力、速度、紧迫感、热情,是强有力的色彩,是热烈、冲动的色彩,高度的庄严肃穆。在深红的底子上,红色平静下来,热度在熄灭着;在蓝色的底上,红色就像炽烈燃烧的火焰;在黄绿色的底上,红色变成一簇冒失的、鲁莽的闯入者,激烈而又寻常;在橙色的底上,红色似乎被郁积着,暗淡而无生命,好像焦干了似的。(2)粉色:)粉色:浪漫、女性化。(3)橙色
9、:)橙色:积极、进取、活力、轻快、时尚,是十分欢快活泼的光辉色彩,是暖色系中最温暖的色。常用于唤起行动,如button的颜色也常用橙色。橙色稍稍混入黑或白色,会成为一种稳重、含蓄又明快的暖色,但混入较多黑色,就会成为一种烧焦的色;橙色中加入较多的白色会带有一种甜腻的味道。橙色与蓝色搭配,构成了最响亮、最欢快的色彩。(4)黄色:)黄色:青春、乐观、豁达,明度高,是亮度最高的色,在高明度下能保持很强的纯度。常被作为点睛之笔。黄色的灿烂、辉煌有着太阳般的光辉,因此象征着照亮黑暗的智慧之光;黄色有金色的光芒,因此又象征财富和权力,是骄傲的色彩。黑或紫色的衬托可以使黄色达到力量无限扩大的强度。2.色彩的
10、表情色彩的表情 白色是吞没黄色的色彩,淡淡的粉红色也可以像美丽的少女一样将黄色这骄傲的王子征服。黄色最不能承受黑色或白色的侵蚀,稍微渗入,黄色即刻会失去光辉。(5)绿色:宁静、希望、生命力、轻松、天然、无污染。鲜艳的绿色非常美丽,优雅,很宽容、大度,无论蓝色或黄色渗入,仍旧十分美丽。黄绿色单纯,年青;蓝绿色清秀、豁达。含灰的绿色也仍是一种宁静、平和的色彩。(6)蓝色:凉爽、清新、专业、信任、安全、有底蕴;是博大的色彩,是永恒的象征。蓝色是最冷的色,在纯净的情况下并不代表感情上的冷漠,只不过表现出一种平静、理智与纯净而已。真正令人情感冷酷悲哀的色,是被弄混浊的蓝色。(7)紫色:安抚、冷静、神秘、
11、是非知觉的色,神秘,给人印象深刻,有时给人以压迫感,并且因对比不同,时而富有威胁性,时而又富有鼓舞性。当紫色以色域出现时便可能明显产生恐怖感,在倾向于紫红色时更是如此。紫色是象征虔诚的色相,当紫色深化暗化时又是蒙昧迷信的象征。一旦紫色被淡化,当光明与理解照亮蒙昧的虔诚之色时,优美可爱的晕色就会使我们心醉。2.色彩的表情色彩的表情 用紫色表现混乱、死亡和兴奋,用蓝紫色表现孤独与献身,用红紫色表现神圣和爱和精神的统辖领域简而言之,这就是紫色色带的一些表现价值。(8)黑、白、灰色:无彩色在心理上与有彩色具有同样价值。黑和白是对色彩的最后抽象,代表色彩的阴极和阳极。黑白两色是极端对立的色,然而有时又令
12、人感到它们之间有难以言状的共性。它们所具有的抽象表现力以及神秘感,似乎能超越任何色彩的深度。它们都可以表达对死亡的恐惧和悲哀,都具有不可超越的虚幻。康丁斯基认为,黑色意味空无,像太阳的毁灭,像永恒的沉默,没有未来,失去希望。而白色的沉默不是死亡,而是有无尽的可能性。白色:洁白,纯真黑色:深沉、影响力、时髦、严肃。灰色:中庸3.色彩与心理色彩与心理 物体通过表面色彩可以给人们或温暖或寒冷或凉爽的感觉。一般说来,温度感觉是通过感觉器官触于物体而来与色彩风马牛不相及。事实上,各类物体借助五彩缤纷的色彩给人一定的温度感觉。(1)暖色)暖色 暖色由红色调组成。比如红色、橙色和黄色。它们给选择的颜色赋予温
13、暖、舒适和活力,也产生了一种色彩向浏览者显示或移动,并从页面中突出出来的可视化效果。同时也使人想到阳光、烈火如图所示燃烧的森林。暖色调会让人产生的心理效应包括:温度感:暖色会让人觉得温度较高。空间感:暖色会产生膨胀效应,会有向外突出的感觉。暖色更容易唤起食欲。暖色在较为饱和时,会给人刺激的感觉,有提神的作用,但是如果较为柔和,反而会具有让人感觉安心的作用。燃烧的森林3.色彩与心理色彩与心理(2)冷色)冷色 冷色来自于蓝色色调。比如蓝色、青色和绿色。它们与黑夜、寒冷相联,如图所示夜晚被灯光照亮的宾馆大厦,感觉冷冷的。冷色调会让人产生的心理效应包括:温度感:冷色会让人觉得温度较低,较为凉爽。空间感
14、:冷色会产生收缩效应,会有后退的感觉。冷色会让人更冷静,身心放松,具有催眠的效应。夜晚被灯光照亮的宾馆大厦3.色彩与心理色彩与心理(3)色彩的物质性心理错觉)色彩的物质性心理错觉 冷色与暖色是依据心理错觉对色彩的物理性分类,对于颜色的物质性印象,大致由冷暖两个色系产生。红光和橙、黄色光本身有暖和感,照射任何色都会产生暖和感。相反,紫色光、蓝色光、绿色光有寒冷的感觉。冷色和暖色除去温度不同的感觉外,还会有其它感受,如重量感、湿度感等。暖色偏重,冷色偏轻;暖色密度强,冷色稀薄;冷色透明感强,暖色透明感较弱;冷色显得湿润,暖色显得干燥;冷色在退远感,暖色有迫近感。色彩的明度与纯度也会引起对色彩物理印
15、象的错觉。颜色的重量感主要取决于色彩的明度,暗色重,明色轻。纯度与明度的变化还会给人色彩软硬的印象,淡的亮色使人觉得柔软,暗的纯色则有强硬的感觉。4.色彩构成三原理色彩构成三原理 配色有三类要素:光学要素(明度、色相、纯度),存在条件(面积、形状、肌理、位置),心理因素(冷暖、进退、轻重、软硬、朴素华丽)。设计的时候运用逻辑思维选择合适的色彩搭配,产生恰当的色彩构成。(1)色彩的印象方面)色彩的印象方面 指从自然界的色彩效果入手去发现色彩的规律,对我们的视觉造成心理的反应。有色彩表现温度感肌理效果。体现喜怒哀乐。用色彩表现抽象效果。色的表现方式:属于色彩心理表达各种色彩对人的心理有不同的感受。
展开阅读全文