UI设计师岗位典型工作任务 界面设计结合文化进行创作 UI-037界面设计结合文化进行创作.pptx

界面设计结合文化进行创作 目 录 CONTENTS 确定文化背景 根据提取元素制作UI PART 01 确定文化背景 ·确定风格背景 ·搜寻素材纹样 ·分析提取要素 假设我们要结合欧洲中世纪文化背景创作一款欧美类型的游戏UI设计，那么首先我们就需要去确定中世纪风格背景文化信息。 确定风格背景 整体的中世纪感觉，都是复古，画面颜色偏暗色，整体的氛围是阴深的感觉。 确定风格背景 整体的中世纪感觉，都是复古，画面颜色偏暗色，整体的氛围是阴深的感觉。 搜寻素材纹样 通过搜寻我们发现中世纪风格的文样式，装饰效果比较多，各类型的雕花以及造型都很多。并且会使用一些羊皮卷，牛皮纸类的物件进行记录文字信息。 搜寻素材纹样 首先需要提取的元素就是整个背景的色调风格，通过研究发现，整体的色调应该选择偏暗，偏冷的感觉。 分析提取要素 其次文字部分的内容选择颜色偏黄色，字体选择欧式复古的感觉。 分析提取要素 PART 02 根据提取元素制作UI ·实际案例 ·制作流程 实际案例 整体的外框结合内容框架形成对比，外框的破碎效果渲染中世纪风格，内部的卷纸也是同等道理。 实际案例 字体以及图标选择偏写实类的图标，还原中世纪的文化气息感觉，包括硬币，药水，盾牌等。字体颜色也使用金色，白色这种能够脱颖出背景的颜色。 实际案例 对话框的设计也是保证了整个样式的风格。 文字的排版布局也是模仿中世纪书信的格式进行排版。 制作流程 通过矩形工具以及钢笔变形，添加 图层样式制作图标框。 制作流程 添加样式 制作流程 添加样式 制作流程 添加样式 制作流程 同样的方式制作余下 按钮。 制作流程 添加整个大框背景，进行纹理添加 制作流程 覆盖一层。 制作流程 增加纸卷，以及底部纹样。 制作流程 增加各类道具框 制作流程 放入技能道具的icon以及发光效果 制作完成。 制作流程 分别制作个各部分的按钮以及光阴 质感。 制作流程 制作任务栏的各类效果以及外发光选中效果，以及文字排版。 制作流程 根据之前的做法，制作余下的内容。 最终制作完成。 制作流程 根据之前的做法，制作余下的内容。 最终制作完成。 制作流程 同样的方法制作背包外框，等各部件，最终制作完成。 制作流程 增加物品说明框，根据之前的方法制作完善。 THANK YOU