勤学教育网合作机构>重庆培训学校>

重庆天琥设计培训学校

欢迎您!

分享

全国统一学习专线 8:30-21:00
重庆天琥设计培训学校
天琥设计-全国连锁教育集团
是设计培训行业规模雄厚和品牌影响力超群的机构
15年专注设计,立足教学质量、培养精英设计人才,打造中国设计培训品牌”的发展目标
重庆天琥设计培训学校> 重庆教育培训>

巴南区哪里可以学UI设计

  • 课程介绍

  • 学习资料

  • 2019-05-09
ui设计培训课程

受互联网+时代崛起的影响,许多的行业大军也纷纷的踏入这个行业,为了加强在市场的竞争力,人才是企业背后的支柱,对高质量的UI设计师需求是越来越迫切的。


—— 为什么那么多人转行学习UI——

最重要的原因当然是UI设计的薪资高,毋庸置疑。也不必说丝丝俗气,毕竟谁不想找个高薪的职业?若是当前工作能满足自己的经济需求,又何苦转行从事另一职业,从头开始。说起UI设计师的薪资,相信很多人都有个大概的了解,UI设计师的薪资并非一开始就这么高,但是随着工作的深入、熟悉,经验的丰富,定会水涨船高,与其他行业相比,也算是人中翘楚。

 

天琥学员可享免费线上服务

  • 成长记录

    学员的每份作业都在云琥在线提交并收集,记录个人成长全过程。这是一个成长档案,也是你个人作品集。

  • 随时答疑解惑

    在设计学习中遇到各种疑难杂症都能在云琥问答区域找到你想要的答案。随问随答,更多的惊喜等你来发掘。

  • 免费公开课

    设计大咖每周分享最新的设计课程,让学员更好地提升设计技能,拓宽设计眼界。每周与你来一次视觉约会。

  • 作品双重点评

    除了授课老师的多维度点评直观明了提出修改意见;还会得到常驻在作业作品评论区的云琥点评团提出的深度点评。



UI设计核心技能,完美匹配企业需求
天琥研发团队根据企业用人需求全面升级UI课程,
杜绝边缘化, 带你掌握核心技能,直接胜任企业设计岗位,就业起薪高,发展潜力大。 核心技能

UI设计大咖面对面教学

  • UI高级讲师
    天琥设计 张老师 icon

    UI高级讲师,4年设计工作经验
    设计经验:拥有PS中级证书,先后就职北京德维互联网有限公司和海尔有助,担任产品经理,擅长Web 、APP设计,实战经验丰富,参与过燕子安家、海尔有助等设计项目。教学理念:用心观察生活,感悟生活真谛,让设计与生活互动。

  • 3年教学经验
    天琥设计 庾老师 icon

    UI高级讲师,3年设计工作经验
    设计经验:曾就职广告公司平面设计师,负责企业品牌设计和包装设计,实战经验丰富,参与过冬藤尚品、红人掌柜、百词斩、寻味海丝——海上丝绸之路书籍等品牌设计项目。教学理念:无论学习还是生活,希望让学生自己明确目标。



巴南区UI课程学习内容
 
平面设计综合阶段
PS 1、介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图/选区自由变换/保存格式/文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)
2、色彩基础知识/色阶/曲线/亮度对比度等/色彩平衡/色相饱和度/可选颜色/画布大小调整/建立快速蒙版/LAB颜色模式
3、基础抠图工具/基本形状工具/钢笔工具/文本工具/字体排版技巧/变形变换
4、抽出命令/通道抠图/调整边缘抠图/插件抠图/抠图总结
5、素描三大关系/色彩构成/透视/产品修图案例
6、软件界面/软件基本设置/导入图片/视图的基本操作/调色命令/文件导出
7、光影知识/涂抹、锐化、模糊工具/加深、减淡工具/消失点,液化滤镜、仿制源/渐变工具、吸管工具/肤色调整/色彩知识(色彩搭配训练)
8、图层混合模式/合成基础知识/合成案例
9、滤镜(下)扭曲,渲染/图层样式内阴影,斜面与浮雕,颜色,渐变,图案叠加/详情页
10、图层样式概念/图层样式分类/图层样式案例/APP界面
11、自定义形状工具/3D工具/直通车制作
12、网页设计基础/动画设计+总结
AI 1、选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
2、排列、锁定、隐藏、路径查找器(焊接、相交、修剪)、剪切蒙版
3、介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制
4、钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布
5、变形工具/封套扭曲/变换工具
6、画笔/符号/符号喷枪工具
7、其他格式:制表符、文字属性复制轮廓/简历制作
8、描边面板/对象/路径/内部填充(网格工具、实时上色)
9、混合工具(带过,CDR中详说)、透明蒙版(结合剪切蒙版使用)
10、效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理
11、图表/位图转矢量图/透明度面板(中叠加方式的使用)
12、外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)
CDR 1、均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶
2、表格处理/插入条码、OLE对象(图表)/对象管理器/页面设置、打印
3、排版需注意的事宜(字号、字体、出血、文字安全框等)
4、基础绘图(矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图)
5、移动工具、填色(内部、轮廓)/视图工具(抓手、缩放、显示性能)
6、手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具
7、排列、锁定、造形/图框准确裁剪/群组与结合、对齐和分布
8、文本格式:文字方向、字符格式、段落格式、段落文本换行(图文混排)、分栏
9、形状工具:A、直接编辑基本形状/文字;B、转换成曲线后编辑
10、涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色
11、基本操作(新建文件、设置文件大小、出血、保存、导出、再制等)
12、交互调和、轮廓
13、变形、阴影、透明
14、立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)
15、封套
16、位图处理/转换(跟踪位图)位图遮罩/滤镜效果(卷页)/效果菜单
17、软件介绍(应用领域、优势、缺点)/软件界面(调色板)
品牌视觉研修阶段
品牌电商 1、学习字体设计,掌握检查和修改自己作品的方法和技巧。
2、学习设计轮方法,系统学习设计创意逻辑,让创意设计变得简单、快捷、轻松。
3、学习设计中的对比法则,对于画面的把控能力,得心应手。
4、熟悉天猫京东首页banner广告位的设计风格与规则。
5、学习美术黑白灰三大调设计原则,掌握人像精修技巧,方便易记,快速出效果。
6、通过独创方法分析电商各类出色作品的标准,为自行创作提供有效的方法。
7、掌握图像创意合成方法,快速出效果。
8、学习电商设计中的阴影处理,熟练掌握护肤产品的设计风格与特性,使用检查标准提高页面效果。
品牌logo 1、通过天琥自创标志鉴赏十六字,检验标志对错好坏。深入解析有关logo品牌形象上抄袭和借鉴的区别。深入一层从含义、图形、文字、形态和色彩五要素进行创作,塑造出色logo案例。
2、通过中文、英文和数字阐述logo字体的设计原理,并提供五种捷径帮助学员有效快速掌握设计方法。
3、熟悉VI设计效果图制作方法,快速出效果。
4、熟悉VI手册设计规范,学习各项基础设计细节并明确了解其作用。
5、学习logo图形设计的基本原则、设计流程、思维方法和技巧要点,通过剖析多个案例提升logo图形设计实战技能。
品牌物料 1、通过多个案例学习画册的版式类型和基本原理。通过点评作品,让学员快速掌握版式设计的技巧、原则和规范。
2、掌握单张X展架的特点。包括尺寸大小、折叠打孔位置设定等设计规范,实战中快速制作出符合要求的宣传单张和展架画面设计。
3、文案思维对于设计具有指导性的意义,学习广告语,可以给各类型设计作品加分。
4、通过案例学习包装设计鉴赏、包装材料、包装纸盒结构设计以及包装印刷工艺。
5、运用品牌设计思维,实战操作整个品牌的各项设计,运用六尺评判标准,从看想写做说五种能力掌握项目设计的交付标准,让学员真正成为一名独当一面的全能型视觉创意设计师。
6、根据多个案例实战学习商业型和创意型海报设计的法则、规范与流程。
7、天琥独创研发理论,结合实操,提升对设计的认知。
8、天琥独创四大诀窍提升品牌设计文化深度,借以提升设计作品的价值和价格。
9、掌握宣传折页的特点,包括折法、尺寸、出血等设计规范,实战中快速制作出吸金无数的宣传折页。
网页电商研修阶段
DW 1、认识DW界面、工作区,熟练DW基本操作,学习表格,切片
2、下拉列表,dl、dt、dd下拉效果
3、掌握和熟悉横版网页的制作技巧和注意事项,让网站与众不同
4、html+css:项目列表与导航,常用css样式、css3样式补充,居中等
5、html+css:学习CSS三种嵌入形式、选择符、盒模型、浮动等,熟悉页面布局方法
6、熟练掌握竖版网站的制作规范和技巧,不再做网站的“小白”
7、表单,表单创建与表单样式
8、掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用,建立简单的传统网页站点
9、spry卡式、折叠式、工具提示
10、学会如何套用和调用已有的JS代码,让网站妙趣横生,引人夺目
网页设计 1、重点掌握整站设计中的不同页面元素与设计时该注意的规范重点。
2、了解网站首页的组成部分,系统学习网站设计的组成。熟练掌握WUI设计的规范。
3、学习展示型网站、信息型网站、功能型网站、品牌网站、活动网站等网站类型的设计规范。
4、了解一个网站诞生的过程。通过企业网站案例对网站设计进行梳理,了解网页设计流程。
5、了解网页的前世今生与设计趋势。分辨各种不同网站类型的设计风格。重点学习网站设计的内容布局。
6、了解整站设计与整站设计中不同功能的页面。通过实际项目案例学习了解电子商务网站。
7、了解网站与网页的关系,学习标杆管理,与设计中标杆的应用。
电商设计 1、了解品牌电商的设计思路,通过案例学习不同品牌电商的设计方法与技巧。
2、学习钻展广告位的作用及规范。了解排版原则,信息传达原则,文字排版标杆布局,色彩关系的区分。
3、学习直通车的作用及规范,重点掌握直通车广告设计方法与技巧。
4、学习淘宝页面的移动端设计转变形式。重点学习网站响应式设计。
5、重点学习阿里/天猫/淘宝开店流程、装修流程、上架流程。
6、学习店铺装修代码与淘宝代码生成平台的应用。重点掌握代码的修改与热点图。
7、学习宝贝主图的作用及规范。重点掌握宝贝主图的设计方法与详情页的设计流程和技巧。
8、了解实际工作中网页电商设计师的定位于发展趋势。指导简历的制作思路与毕业作品的设计。


五大特权•免费享受
 
  • 免费试学

  • 面授教学

  • 名企直招

  • 16年连锁机构

  • 分期付款



详情请进入 重庆天琥设计培训学校 已关注:5 咨询电话:

UI 和 UX 设计师的工作归根到底还是满足用户的需求,解决问题。天马行空的脑洞最终还是要落实到实用的产品上的。即使在游戏当中,UI 从来不是为了纯娱乐而设计的。之前,Tubik 的设计师为游戏 Real Multiplayer Racing 设计了其中的插画元素《设计实战!为扁平风的移动端赛车游戏定制插画》,接下来的 UI 和 UX 设计同样是由 Tubik Studio 的设计师来完成。今天的文章将会呈现整个游戏的用户界面的设计过程。

任务

为赛车游戏设计 UI 界面 。

预处理流程

在通常意义上,游戏的 UI 界面中会包含下面的元素:

玩家信息:个人信息,排行榜,教程,进度数据,奖金等。

预设界面:选择角色和设置,比如角色、游戏、武器、车辆、造型、路线等。

游戏界面:实际游戏环节的界面。

结束界面:游戏结束之后的得分和总结、成就等界面。

在设计游戏界面的时候,设计师需要找到让玩家流畅且愉悦地游戏方法。玩家们并没有准备大把的时间来面对不清晰的导航,他们希望直观的界面,希望能够直接参与到游戏过程中去,这是游戏界面设计师所必须记住的。对于移动端的游戏界面,还需要面对另一重挑战——和桌面端的游戏相比,移动端的界面更小,设计师需要更高效的利用屏幕,还要保持游戏性。

这次被分配来进行 UI 和 UX 设计的设计师是?Ludmila Shevchenko,接下来我们来看看她的设计流程。

UX 设计

整个游戏的 UI 设计是从线框图设计开始的。设计师在这个阶段会构思好基本的交互和导航的设计。在打磨外观视觉设计之前,单色的线框图框架让设计师更好地思考布局和界面之间的过渡。没有图片和动效,只有基本的图标和排版布局,这样的情况下,设计师能够更加专注于交互流程。这里你可以看到 Real Reacing 的一些基本的界面布局:

第一屏是游戏的主界面,点击 CTA 按钮可以开始游戏,在它的下面,可以看到邀请其他朋友一起游戏的按钮。屏幕顶部显示了基本的数据:汽油量、游戏币的数量、车辆商店和通知,屏幕底部还提供了设置和排行榜的按钮。

第二屏显示了车辆选择的过程,左右滑动快速选取即可,而底部则是每辆车相应的数据。此外,用户可以定制车辆的色彩。

第三屏则显示了挑战朋友的功能,游戏的全名是 Real Multiplayer Racing 自然是可以联机一起游戏的。界面中还包含了通知各个玩家是否都准备好了的功能。

这些所有的交互都经过仔细的推敲和测试,设计师就开始继续后面的 UI 设计工作。接下来,她需要让精心设计的互动流程拥有漂亮而吸引人的视觉,具备足够强烈的情感吸引力。

UI 设计

在开始探求 UI 解决方案的过程中,设计师首先是从配色着手。为了更好地匹配客户和用户的愿景,设计师提供了两个不同的配色方案:一个是暖色调的配色方案,包括和速度感息息相关的橙色与红色这两种暖色调;另一个配色方案是冷色调的,配色是以蓝色为主,这种配色在用户中颇为受欢迎。而诸如车辆、标识、武器、障碍物等元素也在之前的基础上,为游戏进行了重设计,赋予他们更为新鲜原创的视觉。

△ 基于暖色调配色的概念设计

△ 基于冷色调配色的概念设计

客户更加倾向于冷色调的设计,不过希望在视觉中呈现出夜间比赛的感觉,因此在下一次迭代当中,基于这个方案进行了调整,适当地增强了情感吸引力,营造出夜间流光溢彩的感觉并且赋予更加时尚的视觉感受。下面是迭代修改之后的样子:

UI 界面中,每屏都有许多不同的按钮,设计师使用不同的色彩来进行着色,便于用户对它们进行区分。游戏开始的按钮是最为关键的按钮,它最为显著,优先级比其他次要按钮更高,相应的图标也被设计成和主视觉更为匹配的风格。

各种界面的背景也使用倾斜的赛道来进行装饰,不仅赋予界面以动感,而且营造出强烈的速度感和竞争的氛围。

这组界面是用户选择赛车的界面,通过左右滑动选择赛车,并且可以查看相应车型的参数和性能,选择好了车辆以后,用户也可以挑选出所需的颜色。正如你所看到的,设计师采用了色彩混搭式的背景,色彩鲜艳的车辆是白色的背景,而其余的信息则呈现在深色的背景上,这组对比是有趣的,并且让整个界面显得协调而自然。

此外,汽车的选取的过程中,设计师还加入了有趣的动效,让用户在使用的过程中还感受到足够的乐趣。

上方的三个界面,分别是多人游戏时玩家准备界面,带有赛程进度条的游戏过程界面,以及完成比赛之后的结果界面。用户在完成比赛之后可以从比赛结果界面,直接将结果分享到社交网络上,这对于游戏的传播有很好的效果。「You Win」的字体可能看起来不够有张力,这个可以在测试之后再进行调整和迭代。

排行榜的存在,让用户的比分清晰且直观地呈现出来,提高他们在玩游戏时候的动力。也促使更多玩家参与进来,挑战更高的分数。

对于 Tubik 而言,手机游戏界面是一个非常有趣的挑战,Real Multiplayer Racing 项目是 Tubik 团队历史上第一次参与游戏界面的设计,既需要考虑到娱乐性,也需要照顾到功能性,需要在风格、导航、过渡上仔细推敲,在深入的分析和测试中获得反馈,在细节和原创上尽可能做好。
  • 校区分布
  • 学校相册
  • 推荐课程
  • 相关学校
  • 相关文章

温馨提示:提交留言后老师会第一时间与您联系!热线电话:

手机访问

#tel_020#
2019全年综合资料,六合宝典资料区,关注2019全年马会资料,今晚开什么码资料2019,2019全年正版输尽光资料,2019年马会正版,今晚开什么码资料2019