游戏UI设计精品教程之中国风界面设计技法

游戏UI设计精品教程之中国风界面设计技法

游戏UI
讲师 : 番茄炒蛋 1353人在学

收藏

¥219.00 1年学习使用权
VIP价:¥ 0.00

开通VIP会员,全站自学课免费学 >>

免费试听
立即购买
  • 课程介绍
  • 课程目录
.insert-container { width: 1220px; margin: 0 auto; background: #fff; font-weight: bold; .insert-title { text-align: center; font-size: 40px; color: #539df1; letter-spacing: 5px; } .title-course { margin-top: 100px; margin-bottom: 60px; } /*课程概要*/ .profile { padding: 0 60px; max-width: 1220px; font-size: 24px; color: #313131; margin-bottom: 80px; line-height: 45px; letter-spacing: 2px; font-weight: bold; } /*讲师介绍*/ .port { width: 365px; height: 365px; float: left; margin-left: 60px; margin-top: 60px; margin: 60px 0 60px 60px; a { display: block; width: 310px; height: 310px; border: 1px solid #539df1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; img { width: 310px; height: 310px; padding: 15px; box-sizing: border-box; border-radius: 50%; transition: 1s 1s height ease; -webkit-user-drag: none; max-width: 100%; border: 0; vertical-align: middle; } } } .port:hover { a { img { padding: 4px; } } } .lecturer .teacher { margin-left: 100px; float: left; max-width: 640px; margin-top: 60px; .teachername { font-size: 32px; color: #333333; letter-spacing: 4px; } span { color: #333; font-size: 24px; margin: 0 0 0 30px; line-height: 50px; font-weight: bold; } p { font-size: 22px; color: #727272; line-height: 40px; letter-spacing: 2px; margin-bottom: 80px; } } .lecturer .product { width: 1220px; text-align: center; img { } display: block; padding-top: 100px; height: auto; padding: 0 50px; } .explain { padding: 0 100px; text-align: center; font-size: 28px; color: #333; margin: 80px 0 40px; line-height: 50px; } .btn { cursor: pointer; width: 570px; height: 80px; background: #549ef3; display: block; font-size: 32px; line-height: 80px; color: #ffffff; text-align: center; margin: 0 auto; letter-spacing: 3px; } .btn { a { color: #ffffff; } } /*课程截图*/ .course { padding: 50px; margin-bottom: 60px; zoom: 1; &:after { content: ''; display: block; clear: both; } .insert-title { margin-top: 80px; margin-bottom: 60px; } } .course-box { width: 25%; height: 245px; float: left; padding: 0 0 0 10px; overflow: hidden; img { width: 265px; height: 177px; border: 2px solid #c9c9c9; border-radius: 5px; } } .course .course-box p { display: block; width: 265px; height: 60px; color: #333333; font-weight: normal; font-size: 14px; letter-spacing: 2px; line-height: 25px; padding: 10px 31px 36px 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } }
课程概要

本节课程核心内容是中国风界面设计技法。从中国风UI界面的特点、角色界面制作,角色界面设计,系统切换面板细化等多方面进行讲解,然后演示中国风界面全流程的绘制,大家通过这节课程,将会对中国风界面的绘制有一个全面的了解。

讲师介绍
番茄炒蛋

番茄炒蛋,目前就职于北京蓝港互动,担任原画组长,负责游戏宣传、人物 、套装、武器、UI图标等设计,从业七年并参与过《西游记》《三国演义》《王者之剑》《口袋海贼王》《口袋忍者》《死神》《街机海贼王》《魔法王座》《军事联盟》等项目。拥有十分丰富的一线项目经验,市场中各种美术风格都相当娴熟,他的课你一定不能错过!

没有绘画基础?想要快速提升接单赚钱?你很懒需要老师鞭策?自学能力太差?需要老师推荐最适合你的课程?

我要量身推荐课程 >

课程截图

游戏UI界面的重要性以及与用户之间的交互性讲解

游戏UI设计师的工资待遇以及公司是如何制定设计师工资标准

游戏UI设计师需要具备哪些技能才能达到公司的标准

游戏UI设计师在项目中的工作职能以及部门配合关系

项目制作具体流程以及项目都需要哪些工种

游戏UI界面在项目中如何定制风格(先从哪些界面开始制作,如何延伸下去)

中国风UI界面的特点是什么,以及如何去把握住他的特点 (如何结合策划文档)

角色界面制作,草图绘制设计

角色界面设计,返回按钮以及购买信息设计

角色界面设计,属性面板设计

角色界面设计,属性面板细化以及字体内容排版

角色界面设计,属性按钮设计

角色界面设计,系统切换面板设计

角色界面设计,系统切换面板细化

角色界面设计,系统按钮设计

角色界面设计,UI界面整体效果处理

主界面功能与布局讲解—草图绘制与设计思路、构图确定

主界面设计,人物头像边框跟血条设计

主界面设计,任务功能设计, 操作杆设计

主界面设计,聊天跟语音功能设计

主界面设计,地图设计

游戏UI主界面与技能框设计

福利界面设计-草图绘制与设计思路、构图确定

福利界面设计,奖励按钮设计

福利界面设计,内容字体排版

福利界面设计,宣传图片设计

福利界面设计,面板上色添加装饰品

福利界面设计,面板细化然后调整整体效果

VIP特权

VIP专区课程全部免费学 拥有专属VIP学习计划表

入驻专属VIP学习交流群 报名特训班专享VIP折扣

点击开通VIP

VIP专区全部课程免费随心学

100+套课程 各种风格都能随意学

VIP学员专属学习交流群
——与同学们一起疯狂噜画——

专属轻微课APP   离线下载课程
随时随地都能学

坐地铁 上厕所 等公交 排队 睡前 不浪费每一分钟

扫描二维码 下载APP

我的红包
咨询客服
下载APP
微信公众号
返回顶部