Q版二次元风格手机游戏UI界面设计教程

Q版二次元风格手机游戏UI界面设计教程

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

收藏

¥269.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图标等设计,从业七年并参与过《西游记》《三国演义》《王者之剑》《口袋海贼王》《口袋忍者》《死神》《街机海贼王》《魔法王座》《军事联盟》等项目。拥有十分丰富的一线项目经验,市场中各种美术风格都相当娴熟,他的课你一定不能错过!

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

我要量身推荐课程 >

课程截图

Q版UI界面的特点以及与写实界面的区别

Q版UI界面,界面布局设计

Q版UI界面,叶子装饰线稿以及铺色

Q版UI界面,叶子装饰细化

Q版UI界面,按钮设计

Q版UI界面,内容排版设计

Q版UI界面,组队框设计

游戏宣传图,背景设计

游戏宣传图,雪景绘制

游戏宣传图,宣传语设计

游戏宣传图,宠物排版设计

二次元游戏如何定义

二次元UI界面的特点以及配色讲

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

角色界面设计,主功能按钮设计

字体设计讲解

色彩的运用即细节的掌握

角色界面设计,主功能按钮图标设计

角色界面设计,头像边框布局设计

图1 色彩的运用即细节的掌握

系统切换按钮设计

角色界面设计,人物信息排版设计

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

强化界面设计,背景处理方式讲解

强化界面设计,内容布局设计

强化界面设计,按钮设计

化界面设计,人物卡片设计

强化界面设计,人物卡片排版以及整体效果调整

VIP特权

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

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

点击开通VIP

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

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

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

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

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

扫描二维码 下载APP

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