您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > UI设计 > UI-游戏下载APP界面设计

UI-游戏下载APP界面设计

手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 19大分类,畅享43000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

UI-游戏下载APP界面设计

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
目录信息笔记
图文教程学员评价 (17条评论)视频字幕查看优秀作品>

干货文章板块有海量文章,去看看~

图文教程在紧急制作中。。。

课程综合评分:9.8
课程难易程度:太简单(0)简单(2)适中(11)有点难(3)太难了(0)
您需要学习后才可以评价,立即学习
课程综合评分:9.8
课程难易程度:太简单(0)简单(2)适中(11)有点难(3)太难了(0)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

大家好 ,欢迎来到虎课网 ,我是艾伦 ,本次课程是游戏类APP的UI设计 ,那今天的课程主要涉及的内容是首页部分的设计 ,好 我们来看一下大概的课程内容有哪些 ,色彩运用 ,版块的划分 ,素材的选择以及 ,还会提一下IOS11基本的设计规范 ,一 色彩的运用 ,因为我们的这个APP是游戏类的APP嘛 ,所以我用的色彩可能会多一些 ,然后丰富一些 ,其目的是 ,注重视觉引导 ,以及吸引用户的作用 ,二 版块的划分 ,整理出游戏的种类 ,归纳出菜单和栏目类别 ,那么我们来看一下版块的划分情况 ,一 头部区 ,重点宣传广告投放区 ,以色彩鲜艳的图片或广告做支撑 ,并采用轮播的形式进行展示 ,这样的设计形式其实APP当中经常会用得到 ,第二部分 快捷菜单区域 ,APP中所有的游戏种类都放在这块儿 ,那他是用横向滑动的操作方式展示 ,那这里的游戏种类我只放了六种 对吧 ,那以后可以添加更多的 ,三 推荐版块 ,这儿呢 放置一些要推广 要推荐的游戏 ,那比如说实际项目中 ,这块地方可能是给运营部门或者市场部门预留的 ,跟第三方合作的一些游戏厂商做推广用的 ,四 专题版块 ,那这边就放置一些游戏简介啊、小说啊、活动专题啊 ,那目的呢——还是围绕着游戏的周边、花絮的相关信息 ,能够再做二次营销 ,如:最新的板块区域 ,顾名思义 这边就是放一些最新上线的新游戏、新版本 对吧 ,布局可能比较简单 比较常见 ,那这边的大图 我选的是游戏的logo ,或者游戏的场景都可以 ,

最后一部分是底部的标签栏 ,分别是四个块 ,首页 发现 ,社区和我的 四个栏目 ,当选中的时候 也就是当前状态 ,它的图标跟别的不一样 ,这种设计方法可能同学们见的少一些 ,那右边这样的就是很常见了 对吧 图标加文字 ,第一种方法可能有一些弊端 ,我们在实操的部分去具体的讲解 ,三 素材的选择 ,我在选素材的时候我都会将游戏的logo啊 ,人物的角色或者游戏场景作为第一素材 ,这样的素材让我在进行二次设计的时候我更好地把控整体 ,四 IOS11的基本设计规范 ,我们采用iPhone10的尺寸进行设计 ,也就是一倍图375×812进行设计 ,在开始中基本上都用这个尺寸 ,在photoshop中 一般用二图进行设计 尺寸是750×1624 ,这两个区域是固定的 ,苹果官方也不希望我们去做设计 ,还有就是两边的边距 ,安全区域不能低于16pt ,避免跟其他手势冲突 ,我这个界面边距留的是20pt ,是为了和我UI中的间距保持一致 所以我就用了20pt ,那么它整体的区域是比我们熟悉的375×667多出145pt 是吧 ,这些基本的规范 我们在做之前需要了解一下 ,好 那我们正式进入实际操作部分 ,快捷键A ,新建一个iphone10 375×812的画板 ,然后矩形工具画一个背景 ,快捷键是Ctrl+R ,颜色填充是f8 ,

再画出一个矩形作为头部背景 ,尺寸是375×205 ,我们给这个背景图加一个界面 ,完了 把iphone10的专属状态栏调出来 ,高度是44 ,这个跟之前的iPhone7 iPhone8的那些设计尺寸是不一样的 对吧 ,好 头部的冷波我们做一些设计 ,快捷键O画出一个圆形 ,我这里圆的配色可能会多一些 ,大家在设计的过程当中可以不断的尝试新的颜色和图形的组合 ,

下面是搜索框 ,尺寸是335×54 ,把它覆盖在冷波图上 ,这也是一种常见的设计方法 ,嗯 上面还差点什么呢 ,哦 把文字打上 ,字号我们用24 ,

粗体就可以了 ,好 回到搜索框的设计上 ,把投影的效果也加上 ,让整个画面有层次感 ,不至于太平面 ,然后把icon和文字都加上 ,这个搜索的icon 如果不想自己设计可以在网上下载图片 ,

文字的颜色调淡一些 ,能够看清楚就行 ,字号给个15pt ,接下来我们设计快捷菜单 ,尺寸是80×110 ,圆角是12 ,这个APP设计中所有圆角都用12pt ,没用那个16pt啊 因为我觉得16的话不太精致 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
客户端
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
我的排行
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:021-80344319工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
登录注册
使用手机号码登录
使用手机号码登录
手机号码格式错误
换一个
图形验证码错误,请重新输入
验证码错误,请重新输入
登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到