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

重庆天琥设计培训学校

欢迎您!

分享

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

巴南区哪里有UI设计培训学校

  • 课程介绍

  • 学习资料

  • 2019-05-09
天琥ui培训

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


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

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

 

天琥学员可享免费线上服务
  • 从0到1的成长记录 icon

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

  • 随时答疑解惑 icon

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

  • 每周免费公开 icon

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

  • 作品获双重点评 icon

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


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 咨询电话:

编者按:今天这篇干货聊的是人们最讨厌的两个状态 —— 软件报错和加载缓慢。如何提高这两个糟心状态的用户体验呢?作者从不少交互上的细节做了考量推敲,附上大神的意见和实战案例,特别有现实参考价值。

报错状态

顾名思义,这个界面是为出错时的状况所准备的。错误不单行,总是以意想不到的方式组合出现,因此,光一个界面是不够的。出错状况千变万化——数据无效或缺失;应用无法连接到服务器;在上传尚未成功时进行下一步操作;在信息尚未提交时离开界面,等等。

报错状态应起到安抚人心的作用,让用户知道你的产品会保证他们的信息安全,不会撤销、损坏或删除用户在出错时所输入或上传的信息。

在此处引用 Jef Raskin 的话再合适不过了,Jef Raskin 是原始苹果机的创造者,“人性化界面”一书的作者,他这样写道:“系统应以神圣的态度来面对用户输入的信息,以阿西莫夫的机器人第一定律来理解,便是’机器人不应伤害人类,或因其未采取任何行动而致使人类受到伤害。’界面设计的第一定律应该是:计算机不应伤害你的操作内容,或因其未采取任何行动而致使你的工作内容受到伤害。”

未能遵守这一规则的一大人选要属航空公司网站了。例如,仅仅因为漏填了信用卡的安全码,在系统刷新页面后,不但用刺眼的红色标出漏填的信息,并且把你小心翼翼填写的所有内容都清空了。

再也不会用你了,拜拜~

错!对!也许?

好了,终于有这么一款善解人意的报错信息了。优点:还不乏那么点儿幽默感,让人感到更人性化了。

理想的报错状态是不会损坏用户所输入的任何信息的。如果出错后必须要刷新页面,请务必,一定一定保存所有数据,即使填写有误,也请保留。通常,用页面刷新的方式来检测错误其实是一种懒惰的做法。尽可能站在用户的角度去考虑问题,和开发人员一起,多花一点功夫,用优雅友善的方式来呈现吧。

另外,报错状态不应过于戏剧化,也不应表达得太模糊。还记得“蓝屏死机”么?或者苹果唬人的内核报错?如果你是计算机老手,那一定不会对“中止,重试以及失败”命令感到陌生。所有这些报错状态都是因为系统出现重大错误而要求重启或重试,而我们至今对这些界面仍记忆犹新,正是因为它们惊吓到所有用户,令其不知所措。

微软的死机蓝屏如此声名狼籍,正是因为它吓到了所有人。虽然蓝屏比红屏要好些,但是它的出现总是毫无征兆,如此唐突,还伴有恐怖的特定声效。即使这些都有效地达到了调试的目的,但还是很难让人接受。

报错状态必须传达简明友善的指导信息,让用户知道下一步该做什么。难懂的错误代码,十六进制数字,再加上难以理解的进一步操作信息,都只能吓到用户,令其不知所措。

当然,你的目标用户群可能是火箭科学家或计算机工程师,在这样的情况下,这些高科技报错信息也许适用。然而,大部分应用是供人们在日常生活中使用的,这类报错信息就显得越来越不合适。

其实原则很简单,尽可能把报错信息呈现得人性化,而非技术性,这样更适合受众。试想一下,如果遇到出错的情况,你想要得到些什么信息?

报错状态是十分普遍多见的,也是设计师们最不愿意设计的界面。不过,我向你保证,如果在设计这个状态的时候,你也用与前两个状态相同的重视度来对待,你的产品将拥有愉悦使用体验。更重要的是,你会预见用户可能会遇到的问题,并提前准备解决方案。

局部状态

报错状态和理想状态之间的差别是黑白分明的,那么如果界面中只有一行数据,几张照片,完成了一半的个人资料,它又该是怎样的视觉效果呢?局部状态是指界面不再全空,已有着少量内容的情况。这一步的工作就是要防止用户失去兴趣,从而放弃使用产品。

这是个利用微互动形式来引导用户预见理想状态的好机会,帮助他们了解产品的真正价值所在。这个方式也具有一定的暗示作用,用户花了时间来了解产品可以达到的效果,就会有继续使用的完成欲。

我们可以参考一些游戏设计的原理。当然,并不是说要像 la Clash of Clans 那样没完没了地收集水晶来晋级,而是在该状态中建立一种加速法。

在游戏设计的领域中,玩家可以预见到未来的能力,这引导他们通过完成预设的系列任务来获得这些能力。这个小技巧能够让玩家忽视枯燥的过程,从而达到产品的最大价值。

“在进入加速期时,玩家为了要晋级,是不会考虑到重复的操作有多乏味的,他们只是不停地操作,享受加速晋级的成果……还有一种可能,就是玩家在抵达了一个非常高的级别后,无法理解他们在游戏中的人物所拥有的技能。从技术层面解释,就是推算成倍增长的能力结构在超出玩家的预测范围后消失。这和传统流程有所不同,但是玩家所获得的愉悦感是十分相似的。”

下面我们一起来看看几个有意思的局部状态案例:

领英著名的“个人信息完成度”进度条,鼓励用户填写所有信息,获得100%完成度。完美主义强迫症同学可以满足了。

Dropbox 会提示用户,只差哪几项任务就能获得额外储存空间了,相信这是吸引大部分 Dropbox 用户的主要原因所在了。这些信息看似提醒用户需要完成那些步骤,而恰恰是这些步骤起到了培训用户,推广功能的作用。

载入状态

这个状态很容易被忽视,许多产品设计师会把这个状态在最后临时抱佛脚地加进去。的确,要预见到所有的状况是一个很大的负担。当你的应用正在载入数据,等待网络连接,或进入下个页面的途中,诸如此类的情况都需要好好费心思考,应当如何在接入数据的过程中,合适地展现这些界面。可以是整个页面的加载提示,仅仅加载内容板块,或是行内载入信息。检测表单中用户名是否可用时常用到行内载入。

其实载入界面也是同等重要的。设计师们经常只草草用空白界面和转动条解决,这就将所有的责任重担放在了尚未出现的内容上。这样做就好比让用户看着时针在钟表上缓缓移动,你是会选择让用户大眼瞪着不停重复的加载动画呢?还是告诉他们实际载入的百分比?

Luke Wroblewski 是一名产品设计专家,他带领团队为eBay、Yahoo!以及谷歌制作项目,他在出售了自己的移动投票应用Polar后,加入了谷歌。

Wroblewski 和他的团队发现,在每个民意投票项目都使用载入转动条后,就有用户投诉说应用变慢了,他们会说“页面的刷新和载入要等太久了,没有之前的版本快。”

Wroblewski意识到:

“使用进度提示器只能让用户感到在看着钟等待。”

“结果就不言而喻了,时间好像走得特别慢,连同我们的应用也慢了下来,那是因为我们的注意力都停留在了提示器本身。如果聚焦换作真正的进度,让用户知道离目标的距离,就没有干等着那么焦躁了。”

界面架构

在意识到那些问题后,就有了这么个被称之为“界面架构”的解决方案。这一技术已为Pinterest和脸书所用,大家可以在他们的网站以及移动应用中见到。

界面架构是对载入状态的革新,因为它已经载入,可以令焦点聚集在内容上,而不是告诉用户内容正在加载。它的表现方式是先载入页面基础架构,再逐渐下载其中缺失的部分。这一技术的一大优势就是完全摆脱了转动条,并能让用户更好地理解你的产品。

Luke Wroblewski的应用 Polar利用界面架构来载入内容。

Pinterest在使用界面架构的同时,加入了自己的独特小心思:在图片载入之前,先用它的“平均色”来作为背景色块,可谓是一种特别的预览方式。

脸书在他们的应用Paper上发明了一种类似的技术,并在网络版上也同步了。他们将这一技术结合独有的“闪光效果”——界面在展示架构的同时,会载入与内容空间相似的图形,并以闪动的方式来告诉用户内容正在加载。

以乐观的动作来拟定操作成功

“没有人乐意等待,只是不得不等待而已,”Instagram 的联合创始人 Mike Krieger 在2011年曾这样说道,当时,他也介绍了是如何在工程技术上达到应用的理想速度的。

其实,Krieger 引领了产品操作应当被“乐观”表现的观念。预估一个动作被操作成功,使用速率就会得到大大提高。

我们拿“喜欢”一张图片或对其留言来打比方,这两种操作都会即刻被默认为操作成功。这时,产品的后台系统会真正完成这一操作。

乐观操作也可大大减少媒体文件的上传速度。Instagram 会在用户选定滤镜后就自动上传,而不是等他们点击“完成”按钮后才开始。虽然这并不是最佳的工程方案,因为在用户撤销操作时,数据会被扔出,但无论如何,这个方式在体验感上提升了上传的速度。多念念“反正也没有人看见这些变动”就好了,因为它至少提升了产品组建的速率。

现在你已经看过了一系列交互界面堆栈的案例,我们也对5个状态分别作了分析。接下来的问题是,他们要如何组合使用呢?如何让界面在不同状态间转换呢?这就是交互界面堆栈的力量所在了。这些状态并非真空存在,他们以垂直轴的方式相连,产品可以在任何时候调用其中之一。你应该做到不但对每个状态本身都认真思考,更要指定屏幕状态是如何转换的。

我假设了一个信息应用案例来解释这些概念。

为什么用信息应用来作例子呢?虽然,这些状态所发挥的作用在这个案例中并不那么显而易见,但是,我想向大家展示一下,在信息应用这样操作时间如此短暂的界面中也可以运用交互界面堆栈的原理。更重要的是,从这个案例可以看出我们的任重而道远,要不时思考每个屏幕状态之间需要怎样才能做到顺畅连接。

要做一个信息应用,我们应当考虑些什么呢?

我们需要想到当没有人任何信息时应当怎样展示。这便是我们的空白状态。

我们的局部状态是当一方发了一条信息后。

然后便是收到一条信息——输入指示器。这也就可以被称之为载入状态。但是,等等,载入状态还有另一个系列——当我们发出一条信息后,接下来还有成功发送确认。

发送途中也可能出错,也就是信息发送失败。

千万别忘了,我们要如何解决出错问题——尝试再次发送。如此,便再有一版载入状态。

最后,我们就来到了理想状态——当多个信息组成一个对话。

虚拟案例

假定Marty和Doc刚交换了电话号码,Marty想给Doc发一个信息,告诉他自己在Twin Pines Mall看见了什么。

因为现在界面中没有任何信息,我们有机会利用空白状态来鼓励用户以建议方式进行操作——在这个案例中,便是发一条信息。

但是,当信息发出后是什么状态呢?我们需要优雅地从空白状态转入局部状态:在这里,就是当Marty发出第一条信息的时候。

让我们来快进到Doc已经回复了的状态。他回复了一条信息,但是仍然在继续回复!因此,出现了正在输入的指示器,也就是载入状态的另一种形式。

当输入完毕,信息发出后,输入指示器便消失,取而代之的是新信息以弹入,推动其它信息的方式呈现。

那么,Marty想要回复的时候要怎么办呢?首先,我们需要创建状态意识——当输入框中有文字时,“发送”按钮就会从灰色(禁用状态)转为蓝色(激活状态)。然后,当我们发送信息时,发送进程的载入状态就出现了。此时,信息显示为暗沉的颜色,因为发送尚未成功。只有当“发送成功”的确认标记出现后,才为正式完成。

如果信息未发送成功呢?于是我们便进入了报错状态。红色的标记就取代了载入转动条,我们还会收到一条报错信息,并且信息本身也是“未发送”的灰暗状态。点击未成功发送的信息会自动重新发送。当我们幸运地发送成功后,红色的感叹号会消失,信息颜色也随之显示正常,再有一条发送成功的信息提示。

在现实世界里……

亲爱的朋友们,这就是交互界面堆栈的操作方式了。5个屏幕状态之间的无缝转换才是真正的重点。如果没有这些转换元素,用户就可能会对新状态的出现和消失感到困惑或吃惊。我们的使命可不是让用户感到不适或困惑,对吗?

最后,这些状态的执行需要设计和开发的密切合作。在这两者上都需要花足时间,只有在他们紧密结合后,才能为用户创造出最佳的全面体验。

干货大总结:

不要只关注理想状态,临时补上其它状态。你的产品是一款解决方案,好好思考每一屏是如何一步步引导用户抵达最终目标的?

  • 校区分布
  • 学校相册
  • 推荐课程
  • 相关学校
  • 相关文章

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

手机访问

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