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

重庆天琥设计培训学校

欢迎您!

分享

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

黔江区UI学校

  • 课程介绍

  • 学习资料

  • 2019-05-09
天琥ui培训

UI设计是移动时代下的新型设计专业,创意性、应用技巧、跨界能力远超传统设计行业,好玩又时尚的UI设计,年轻的行业,广博的发展前景,乃是有志从事设计领域的年轻设计师的新首选。


—— 为什么越来越多人学习UI——

现在适合年轻人的高薪行业本就不多,比如销售,待遇不稳定,需要多年经验积累人脉,对于刚毕业的大学生来说,UI设计行业来的更快。这样近乎完美的行业特征,一线城市UI设计平均薪资过万,全都集合在了UI设计行业之上,或许这就是为何越来越多人选择UI设计的原因。

 

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

  • 成长记录

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

  • 随时答疑解惑

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

  • 免费公开课

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

  • 作品双重点评

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



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

UI设计大咖面对面教学

  • 天琥设计 权老师
    天琥设计 权老师 icon

    UI高级讲师,4年设计工作经验
    设计经验:曾就职宏智君诚(北京)科技有限公司和北京起行科技有限公司,担任UI设计师,擅长界面设计、产品原型设计和APP设计,负责公司官方网站设计。曾参与《好手帮》APP等设计项目。教学理念:你是设计师,也是老师,需要待学生亲和。

  • 天琥设计 王老师
    天琥设计 王老师 icon

    UI高级讲师,4年设计工作经验
    设计经验:拥有UI高级设计师及平面高级设计师证书。先后任精锐科技公司研发负责人和汽车百事通UI设计师,曾负责闪电金融、kc100、泰力智能、汽车百事通等设计项目。教学理念:各用的精力涉足十门设计学科,不如用的精力涉足于一门学科。



黔江区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年连锁机构

    全国48所校区,无论你在哪,我们的课堂就在你身边

  • 分期付款分期付款

    先学习,后分期付款。资金不足?学完ui设计挑战月薪8k+

  • 深圳天琥教育
     

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

现如今,我们的日常生活和各种各样的APP密不可分。常用的诸如日历、计算器、待办事项列表辅助我们管理生活中的各种事物,不同的细分领域和不同的需求则可以使用各式各样的APP来应对。其实就和GTD一样,使用APP来作为自己的辅助工具来进行管理,无需过多占用自己的精力。

而今天的设计实战案例,则是一款针对细分功能的iOS平台的APP,它是一款帮助用户管理植物浇水频率的创意应用。

项目简述

这款iOS 平台的应用将会跟踪植物生长过程,提醒用户及时浇水,设计师需要为这款应用设计用户界面和交互。

预处理

日常生活中需要处理的事情太多了,因此忘记给自己所养的绿植浇水是非常常见的事情。为了让自己所养的植物能够茁壮成长,不会因为浇水施肥不及时而出状况,设计一款能够帮助用户管理这一任务的APP。这款APP能够帮助用户有效地管理家中或者办公室中的植物,通过提醒,让用户在合适的时候浇水,并保存相应的数据。

正如同在之前的诸多UX设计的文章中所提到的,高质量的用户界面通常应该足够和谐,并且满足下面4种基本的要求:

可用性:APP 应该便捷,清晰,合理,易于使用

实用性:APP 应该为用户提供有用的内容,并且帮助用户解决实际问题

可访问性:APP 能够适用于不同的场合,应对不同类型用户的需求

可欲性:APP 应该应该有吸引力,能够解决问题,能够留住用户,创造让他们想要不断回来的积极的用户体验

在这些要求之下,Tubik Studio 选择让设计师 Anton Morozov 在艺术总监 Ernest Asanov 的指导下来设计这款APP。为植物浇水进行管理和规划是一个相对小众的需求,但是在对生活品质有所要求的用户群体当中,它的市场并不小。相应的,这款APP 应该有着引人瞩目的视觉设计,因为它在日常生活中使用频率不会太低。所以,设计师应该让它看起来足够优雅,使用体验上要给人一种成熟老道的感觉,满足用户对于品质和审美的需求。

设计过程

在绘制UX线框图的时候,设计师为这款APP 规划了如下的基本功能:

在APP 内添加新的植物

为用户推送通知,提醒他们为植物浇水

对于特定的植物,为用户提供特定的养护信息和建议

为用户提供未来一周的浇水和养护的计划,并统计数据

接下来,我们看看整个应用的布局是怎么设计的,并且为了计划内的功能设计师是如何设计整个APP的交互流程的。

首先,用户在这个界面可以将自己所拥有的植物添加到目录当中。在下图当中,用户所添加的不同的植物分别在不同的选项卡中显示,标签上会显示相应的植物的名称,而在下一次需要浇水的时候,标签上会显示相应的提醒通知。标签的右上角会用水滴的图标标识出这一植物需要浇水了,而浇过水的植物的标签上,则会显示一个勾,标识出它已被浇水的状态。

这一的信息组织方式让用户可以在当前屏幕下,快速获取每一种植物的当前状态,是否需要浇水。而每个标签的背景都使用了特定植物的图片,在视觉上有了更为明显的分辨。如果用户想要添加新的植物,则只需要添加一张照片,就像在下图上所看到的那样。

进入每个植物对应的子界面之后,底部会有一个功能强大但足够件的标签栏,它包括有三个最基本的交互区域:“我的植物”(My Plants)会打开浇水追踪的目录,“新添加”(Add New)按钮则让用户可以添加新的植物,而“我的资料”(My Profile)则让用户可以查看相应的历史资料和统计数据。

添加植物只需要很短的时间。当用户使用移动端设备给植物拍照的时候,APP 会通过影像识别所拍摄的植物类型,并且通过后台的数据库调处相应的数据,包括植物的名称、专门的植物图片和植物相关的养护的条件、数据等。这当中,最主要的数据包括温度、湿度和光照率。添加植物之后,用户可以在自己的列表当中看到它的当前状态。如果APP 的数据库中没有相应植物的数据,那么用户还可以手工添加,创建一个新的项目,并且添加在APP 的数据库当中。这种设计有几个好处,首先它会增加APP 本身的拓展能力,可以让用户产出内容,另一方面,它会通知APP 的开发者,并且让他了解数据库当中要完善哪些数据,让用户可以更加顺畅地使用产品。

下面的动画展示了上述的交互过程:

接下来,我们看看 APP 跟踪用户浇水的一些细节设计。当植物需要浇水的日期到来的时候,APP 会发送通知,督促用户浇水。打开植物对应的页面,用户会看到:

用户会在屏幕的上半部分看到植物的名称和背景图片

页面的中间有标签式的交互区域,可以快速切换到其他的待浇水的植物页面

屏幕下方有对比度不那么高的标签导航,还有抽屉控件,拉开可显示植物的相关信息

在页面中间的交互区域不仅可以快速切换到其他的植物的页面,而且还可以继续展开。展开之后,会显示本周的浇水进度表,你可以看到有待完成的工作量有多少。这个模块的展示背景是黑色的,这使得信息图的展示有足够的对比度,且足够时尚。在信息图的展现上,通过结合加粗的非衬线体,使得信息的可读性非常强,对于整个布局的视觉层次也有了提升。

当用户收到提醒,并且为植物浇过水之后,只需要点击水滴图标,它的状态就会变成对勾,表示已完成操作。

设计师还加入了微妙的动画,来强化交互反馈,让整个界面的可用性有所增强。

结语

如何解决生活中的各种“简单”的问题,是设计师所需要面对的永恒的问题。为了设计真正贴合用户、足以顺畅自然解决问题的界面,从来都不是看起来那么简单的事情,它需要设计师周全地考虑全部的情况,应对不同的场景,还要让信息自然地呈现,内容高效而又足够时尚。我们总希望我们的生活能够更好一点,而这些改变通常需要设计师和开发者花费数倍的努力,来完善和实现。虽然这款应用比较小众,但是它的设计思路是值得学习和借鉴的。
  • 校区分布
  • 学校相册
  • 推荐课程
  • 相关学校
  • 相关文章

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

手机访问

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