游 戏 UI 设 计PPT模板： 欧美风格游戏欧美风格游戏LOGO设计设计6.3.1 Q版游戏版游戏LOGO设计设计6.3.3像素游戏像素游戏LOGO设计设计目录目录026.2游戏游戏ICON设计设计016.1 对对LOGO与与ICON的介绍的介绍016.1 对对LOGO与与ICON的介绍的介绍6.1.1 黄金分割黄金分割黄金分割又称黄金律，是指事物各部分间一定的数学比例关系，即将整体一分为二，较大部分与较小部分之比等于整体与较大部分之比，其比值约为1:0.618，0.618被公认为是最具有审美意义的比例数字上述比例是最能引起人的美感的比例，因此被称为黄金分割，如图6-1、图6-2、图6-3所示图6-1黄金分割图6-2黄金分割图6-3黄金分割摄影构图中经常采用井字形黄金分割，即当主体物能存在于井字的小黄金点的位置时，整体构图会比较协调用黄金分割发做出的LOGO看起来更大气，如图6-4所示LOGO最初的设计概念稿可以随意涂鸦，排列组合，寻求更多的拟物，以表达其寓意图6-4黄金分割1.LOGO设计需要注意的事项设计需要注意的事项（1）LOGO的用色要符合企业和品牌形象，避免使用会让人感觉不舒服的颜色。
2）LOGO的造型要有寓意，可以让人联想到产品或企业品牌本身3）LOGO要具有识别性，在黑、白、灰或彩色背景下能被识别4）LOGO在不同尺寸下都要便于识别5）LOGO看起来要浑然一体，没有琐碎的元素6）LOGO如果带有中文，中文字体的风格和英文字体要成套设计7）LOGO的横向排版、纵向排版、正方形排版都要设计2.英文英文LOGO创作技巧创作技巧英文LOGO创作技巧如图6-5所示6.1.2 LOGO设计设计图6-5英文LOGO创作技巧3.中文中文LOGO创作技法创作技法中文LOGO的创作也可以借鉴英文LOGO的创作技法，但是中文LOGO需要先设计笔画，然后进行笔画重组，可以先下载一些字体，然后用AI打散后进行设计其实，LOGO会随着时间的推移而演变早期的LOGO都会比较复杂，越到后期进行优化和概括，越变得符合当代审美观，随着产品的变迁，越来越符合产品本身的定位，如图6-6所示6.1.2 LOGO设计设计图6-6中文LOGO创作技法我们认为的游戏LOGO是这样的：游戏LOGO=游戏符号+名字，它是一款游戏的名字更是一款游戏的视觉符号，如图6-7所示6.1.3 对对LOGO的简单介绍的简单介绍图6-7游戏LOGO=游戏符号+名字有别于平面logo，游戏logo最关键反映的是游戏性，通过名字与图形的视觉化让玩家记住游戏的名字和游戏的整体风格。
甚至游戏的品级，玩法，类别能够从logo中体现出来通过游戏LOGO在网站、展会、户外广告、视频等地方的应用，让LOGO这个视觉符号不断地强化玩家大脑印象，从而提供游戏的知名度影响力所以我们今天从商业角度，可用性来和大家沟通下我们是怎样制作一个游戏logo的1.沟通了解沟通了解需求需求详细的需求文档尤为重要，需求文档清晰明了，设计师就不需要去揣测需求方真正要的是什么，避免走弯路，不管后续沟通如何，着手项目第一步必须先让策划把需求文档写请清楚来，如图6-86.1.3 对对LOGO的简单介绍的简单介绍图6-8需求文档2.找资料辅助灵感找资料辅助灵感需求理解明白了，方向也清楚了，接下来就是找参考了，资料参考图友很多平台可以去采集，例如花瓣，资料采集后，把资料图片放在同一个文件夹，或者一个psd里以下是几款q版的游戏logo参考图，如图6-9所示图6-9游戏logo参考图3.概念设计概念设计概念草稿阶段意在头脑风暴，不要局限一种方向，希望在概念阶段能够有充分的方案差异性让需求方有可选性概念方案一般再4-5个左右，以黑白稿或者单色为主，参考图如6-10所示这个阶段看的是造型形式整体感，不要过早考虑色彩，材质。
6.1.3 对对LOGO的简单介绍的简单介绍图6-10概念草图根据多年积累，我们总结了出初稿的的几个方法：1电脑字体变形，如图6-11，2手绘手稿如图6-12，3.暴力拼图，如图6-13图6-11字体变形图6-12手绘手稿图6-13暴力拼图（1）头脑风暴6.1.3 对对LOGO的简单介绍的简单介绍（2）概念阶段刚才简单说了几个方法，接下来我们详细分析下字体与背景图形的表现：字体字体的识别性字体设计最忌讳是的盲目的进行变形夸张，看起来很花哨，却完全不认得字名，如图6-14所示图6-14强识别度a.字体的排版字体的排版根据字体的长度而定，字体长的特别是英文名字需要考虑到上下结构的排版设计，倾斜/圆形/弧线排版让logo更富个性与趣味性，参考如图6-15所示图6-15字体排版6.1.3 对对LOGO的简单介绍的简单介绍b.字体的辅助图形设计有些logo可以考虑加入辅助图形辅助图形可以从游戏中提取，好的辅助图形启动画龙点睛的作用，让logo更出彩，参考如图6-16所示图6-16辅助图形背景图形背景图形设计应该注意的几点:a.背景图案与字体的搭配(大小比例，排版搭配)，排版b.背景图案符合游戏主题c.背景图案不要凌乱花哨，喧宾夺主参考如图6-17所示。
图6-17字体与背景图形6.1.3 对对LOGO的简单介绍的简单介绍4.上色上色在多个黑白草稿中挑选一个方案进行细化上色上色阶段可以根据游戏的整体风格进行搭配，提取游戏中的主色系过程中不要过于刻画细节，更多的在颜色方案上进行尝试颜色是一种情感表现的一种方式，多注意颜色给玩家带来的视觉感受同样了也出4-5个方案让需求方进行选择5.质感的刻画质感的刻画游戏logo和平面logo最大的区别之一在于质感，把握好质感的设计就等于把握好了游戏logo的设计质感类别很多，有水晶质感/金属质感/石头质感/科技质感，根据游戏风格 游戏世界观，甚至游戏ui来搭配游戏logo的质感，参考如图6-18所示具体项目需求具体分析图6-18质感6.光效，光感的补充光效，光感的补充光效与光感可以让游戏logo更为细腻更为高大上需要注意的是不是所有的logo都需要加一些光效特效有些logo加上光效 反而显得多余，看是否要做加法还是减法6.1.4对对ICON的简单介绍的简单介绍关于ICON的色彩要明亮、元素要突出、设计要简单等等这类型的建议已经有许多人做过提醒，笔者在此就不多做说明，下文将盘点目前市场上存在的游戏ICON的类型，其所采用的元素，同时分析不同类型的ICON适合怎样的游戏。
1.以游戏角色为主以游戏角色为主将游戏中的某个主角的形象制作成ICON，这是目前手游市场中最常见的ICON类型，比如全民突击、神武、奇迹暖暖、我叫MT2等游戏都是采用这种设计方式，如图6-19所示这种ICON素材的选取比较适合RPG游戏，因为游戏中本身就存在比较鲜明的人物形象，而且可以说这个角色是玩家与游戏之间沟通互动的桥梁，最能代表游戏内容，也能引发玩家对游戏的认同感图6-19游戏ICON6.1.4对对ICON的简单介绍的简单介绍2.以纯文字作为游戏以纯文字作为游戏ICON在以往的许多ICON设计的文章中都或多或少会提到，要避免在图标中添加文本，因为文字在100px尺寸的框中显得很复杂，不够简练但是笔者发现，最近的许多游戏都开始用纯文字作为自己的ICON，典型的案例就是梦幻西游、真正男子汉、不良人、天龙八部3D等，如图6-20所示ICON即使设计成纯文字的，也与游戏有着强联系，还能显示出其特色图6-20游戏ICON3.以游戏中的道具或标识为主以游戏中的道具或标识为主能以游戏中的某个细节作为ICON的游戏，需要对自身游戏中的内容的知名度有一定的信心这类型的ICON设计适合卡牌策略类游戏，如炉石传说、自由之战等，如图6-21所示。
此外出现在ICON上的标识要具有一定的“不可替代性”，在设计上加一些魔幻、科技感强的效果加以突出，能增加其独特性图6-21游戏ICON6.1.4对对ICON的简单介绍的简单介绍4.以明星头像作为游戏以明星头像作为游戏ICON从去年下半年开始，游戏对明星代言的依赖越来越大，其合作的深度也逐渐加深明星效应的利用不仅体现在游戏推广上，甚至还对游戏中的角色设计、研发层面等造成了影响将明星头像作为游戏ICON，能很好地利用粉丝经济，吸引用户进行点击下载范冰冰代言的暗黑黎明、唐嫣代言的无双剑姬、杨幂代言的新征途都是采用这种方式，如图6-22所示这种ICON设计与游戏本身的关联并不是很直接，但是能利用明星形象进行游戏吸量，这点很重要图6-22游戏ICON5.将游戏的类型设计成将游戏的类型设计成ICON有些游戏在ICON的设计上更加直接简洁，如欢乐麻将的ICON是直接将“麻将”两个字放在ICON上，如图6-23所示这种方式尽管能将游戏的精髓体现在ICON中，但从设计上看，自然不是那么精美细致不过不可否认，它或许能依靠“醒目”的ICON将同类型的游戏玩家拉拢过来图6-23游戏ICON6.1.4对对ICON的简单介绍的简单介绍6.在游戏中抽象出某个图形或元素作为在游戏中抽象出某个图形或元素作为ICON游戏ICON因为要做得清晰独特，所以设计的时候总是用最简单而又最突出的素材进行整理。
而对于一些休闲益智类游戏来说，游戏中并没有特定的人物角色或出名的道具，此时可以选择将游戏中的某个元素提取出来，或抽象成几个图形，如球球大作战、投影寻真、节奏大师等，如图6-24所示不过需要注意的是，这样设计出来的ICON可能游戏感不强，更像是应用图6-24游戏ICON026.2游戏游戏ICON设计设计具体操作步骤如下具体操作步骤如下:1.在Photoshop新建一个2000*2000像素，分辨率为300的文档，如图6-25所示图6-25新建文件2.在Photoshop中，点击文件-打开-我的电脑-桌面-的文件-、狐狸图6-26打开位置具体操作步骤如下具体操作步骤如下:3.新建图层，单击【圆角矩形工具】，在画布中双击，在弹出的页面设置512*512，半径30，单击确定，如图6-27所示图6-27单击【圆角矩形工具】4.修改【圆角矩形工具】填充渐变色【#e8c6】和#【9b76】，缩放90%，设置参数如图6-28所示图6-28渐变参数具体操作步骤如下具体操作步骤如下:5.打开【圆角矩形工具】的图层样式对话框，首先添加【描边】大小为40，位置在外部，颜色为#【d68f3e】，如图6-29所示。
图6-29添加【描边】样式6.添加【投影】样式，角度为73，距离21，扩展为24，大小为131设置参数如图6-30所示，得到效果如图6-31所示图6-30添加【投影】样式图6-31效果图具体操作步骤如下具体操作步骤如下:7.新建图层，修改前景色为【#363636】，如图6-32所示，利用组合键【AlT+DEL】填充图层，然后将图层移动到【圆角矩形图层】的下方，如图6-33所示图6-32颜色参数图6-33移动图层8.新建图层，根据游戏的内容、玩法和角色进入草图绘制阶段，初步打稿，如图6-34所示图6-34草图具体操作步骤如下具体操作步骤如下:9.新建图层，在草图上进行基本铺色绘制，如图6-35所示图6-35进行基本铺色绘制10.根据光源画出基本的阴影关系，如图6-36所示图6-36进行阴影关系绘制具体操作步骤如下具体操作步骤如下:11.进一步加强体积、光影的关系绘制，如图6-37所示图6-37加强体积、光影的绘制12.进入细化绘制阶段，进行整体和部位的微调整，画出整体反光，增加体积感，效果如图6-38所示图6-38效果图具体操作步骤如下具体操作步骤如下:13.在Photoshop中，点击文件-打开-我的电脑-桌面-的文件-，将骰子放到图层中来，最终效果如图6-39所示。
图6-39效果图036.2.1像素游戏像素游戏ICON设计设计具体操作步骤如下具体操作步骤如下:1.打开AdobeillustratorCS6，选择菜单栏中的【文件】【新建】画板宽度设置为600像素，高度设置为1000像素，取向选为竖。