勤学教育网合作机构>苏州培训学校>

上元教育

欢迎您!

分享

全国统一学习专线 8:30-21:00
上元教育

互联网思维教学

营造独特的学习环境

重塑培训行业学习体验

上元教育> 教育培训>

嘉兴上元教育学ui

  • 课程介绍

  • 学习资料

  • 2019-04-20
ui设计培训

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

你了解现在的UI设计师吗?
(以下数据来源于第三方平台)

  •  职业覆盖率高达 职业覆盖率高达

    UI设计师需求,涵盖互联网、金融、教育、通信建筑、广告媒体等企业。

  • 互联网企业 从事者占比达

    互联网企业不仅薪资高、逼格高、工作自由而且是未来20年的发展趋势。

  • 职位需求量 职位需求量

    目前UI设计师人才缺口大,随着互联网+的发展,预计人才缺口将更大。

  • UI设计薪资 平均薪资

    数据显示,UI设计平均薪资高达11640元,高于同水平其他行业薪资20%。


嘉兴上元教育锻造的UI专属课程


专属课程
 
学习内容
平面设计 学习色彩构成:学习构图与色彩学原理,培养应有的色彩构成感觉
基础素描:零基础学素描,掌握造型绘画能力,学会将创意转化为图形的技能
PS、AI:通过软件实现多种图标案例设计,目的是掌握图像处理与绘制技术、UI排版与交互布局等。
交互设计 AxureRP以及交互原型的设计:将纸质模型转换成标准的交互原型,通过项目实践理解交互设计的原理、不同平台交互的特点、用户心理等,掌握产品交互的方法。
APP原型设计:学会结合人机交互、用户体验思想设计完整的交互原型流程。
WUI的界面设计:学习网页设计规范、网页风格类型、色彩字体等。
移动端UI 图标:学习网页设计规范、网页风格类型、色彩字体等。
动效:通过学习After Effects,学会制作动态效果,完成实战案例。
毕业设计:结合所学知识,完成整套APP的商业设计。
前端实现 H5,CSS,JS:掌握网页设计工具,目的是理解web界面设计的流程及规范,具备基于html5,web页面布局和交互设计能力,完成实际案例,制作网页,学习建站流程-针对不同企业类型网站特点剖析、切图与制作。
网站界面UI设计,前端制作:通过对于网页的学习,设计出完整的网站UI界面和交互。


上元教育UI设计课程优势
真正的面授+严格考核+长期刻意练习+完整的项目实战,才能快速成长为真正的的UI设计师。

  • 线上线下都能学,学习时间自由度高,随时巩固课程。

  • 封闭式集训,更专注于学习,效果打败传统竞争机构。

  • 老师会全程跟踪学员学习情况,做到对学员了如指掌。

  • 富有经验的设计研发团队,经过数十年精心打磨而成。

  • 为了学员提供良好的服务,让学员只专注于学习本身。

  • 将所学串联融合,经老师指导打造作品,积累项目经验。



上元教育简介


上元教育旗下共有八大品牌课程,涉及会计、建筑、电脑设计等职业培训领域,每个子品牌在上元教育集团的强大实力和卓越平台保障下,以蓬勃发展之势在全国80多个城市成为所属职业培训领域知名品牌。

上元以“质量教学”为核心,以“学员所需”“企业所求”为出发点,针对不同岗位的需求和目标选用最适合岗位需要的培训课程,在办学多年教学的基础上,联手名牌大学出版社和教材开发委员会,研发发行上元专属教材与习题,在教学大纲中,纳入了老师们多年教学和工作的实际案例,毫无保留的与学员们共同分享,将最具价值和实践操作可行性的知识传递给学员,并为学员通关致胜提供强有力保障。
 
 

年轻又具有丰富经验的老师

兴元设计UI讲师
 讲师Lieco 

学员评价:特别爱笑的一位老师,超级喜欢她的课堂氛围,让人轻轻松松就融入进去。

20114-2015:雪瓣线下物料设计、雪瓣线上活动页设计、冰果教育宣传/地推。2015-2016:雪瓣APP设计、雪瓣官网设计、冰果幼儿教育网站设计、冰果幼儿教育APP设计。2016-2017:爱上租APP设计、爱上租官网 设计、知租侠ERP设计、魔猫充电宝APP设计、AR映像家居APP设计。2017-2018:一鼎金融APP设计、一鼎金融官网设计、一鼎金融周年庆大型活动页设计、米铺现金贷APP设计、小算盘APP设计。2018-至今上元教育任职UI讲师。
兴元设计UI讲师
 讲师Amy 

学员评价:短短几个月跟着老师学到了很多,在课堂上学习知识,在课下开导我们的迷茫,是老师更是朋友。

2015-2017:三三集团品牌策划、海报、广告设计、策划商城大型活动页面的原型和UI界面设计;易通商城商家入住平台UI界面设计、交互设计。2017-至今UI交互设计教学。

详情请进入 上元教育 已关注:17 咨询电话:

“x”图标在应用中是一个非常常见的交互暗示,可以将烦人的弹窗从内容上进行关闭。无论是模态,对话框还是弹出窗口,都是内容交互中必要的操作元素,我们只需要建立合理的退出方式就好。

视觉设计

在ux通用设计模式中“退出”(e-x-iting)是非常简单的,你们看到我在exiting这个单词中刻意突出了“x”。”x”这个符号的历史可以追溯到20世纪70年代的计算机设计语言,它第一次出现可能是在 Atari TOS(译者注:Atari TOS是雅达利电脑操作系统,在1993年就停产了)菜单中,”x”是退出的命令。

它后来被“NeXT”所使用,它为Windows的设计带来了灵感,并在1995年随着Windows全球大规模的使用而成为关闭的标准符号。讲这段历史,目的是为了说明,没有必要重新造轮子,使用全世界每个人都能懂的符号更为合适。

无障碍设计

我们应该在一些需要关闭的界面中始终提供【x】,即使用户可以通过单击背景,滑动,或者使用手机返回按钮来关闭界面。

图标和字体

设计一个图标,而不是使用一个字体,它应该被清晰的理解为是一个【x】,而不是模棱两可。我个人更喜欢夹角是90度,并且四个角长度都相等的关闭图标设计。

高对比度和低对比度

它的颜色应该保持中立,符合a11y (译者注:关于这个项目的具体细节可以自行google) 项目推荐的4:1对比度。当然,当【x】几乎做成灰白色时,对弹出框的视觉表现影响可能最小。

通过使得【x】几乎不可见,变相强制和诱导用户执行主要操作,这就是我们常说的设计阴暗面,这可能导致想关闭弹窗的用户感到受挫,对体验来说是不可取的。

带外框和不带外框

图标应该最好包含外框以暗示可以点击的目标相对大小,这样也能将可交互图标与不可交互的图标区分开,尤其是在两种图标造型非常相似的情况下。

如果图标和容器的尺寸小于最小点击区域的大小(48x48dp/pt),则需要将点击范围设置为大于按钮的视觉效果,并且不与其他交互元素重叠。

如果这个图标是在一个可交互的导航栏中,比如标题导航,那么这个位置就已经为图标创建了一个可点击的空间,就无需另外再设计了。

位置

弹窗内容不应该成为阻碍用户流程的拦路虎,关闭的操作应该足够显眼。虽然大多数windows软件一直在右上角放置关闭操作,但今天Apple和Google的一些规范都把关闭图标放在了左上角。

当涉及到模态时,这两个系统都没有太明确的方向。接下来,我会尝试逐一分析模态弹窗的最佳设计。

模态位置

除了警告弹窗之外,大多数模态内容都是非必须的,因此它们可以适当弱化。虽然一般做法都是将模态弹窗直接出现在屏幕中间,但现在有一种新趋势,通过将模态弹窗放在屏幕的底部,使他们看起来没有那么强烈。

底部 vs 中间

内部 出现在模态弹窗的内部。这样的摆放可以很清晰的与模态内容联系在一起,从版式上来说也很美观,缺点是它可能会增加模态中标题布局的复杂性。

交叠 出现在模态弹窗的边缘。在连续的边缘中间出现间断最能引起人们对“x”图标的注意,但它所具有的独特视觉风格,增加了视觉复杂性,感觉也没有那么精致。

外部 出现在模态弹窗之外。这样使得模态窗口很整洁,但是关闭图标可能会与下面的UI混淆在一起。

结束(右边) 将“x”放在右侧会比放在左侧更好,理由是对于人的右手拇指适应性更好,并且不会与左侧的示意图标相互冲突。

开始(左边) 将“x”放在左侧时应该遵循当前的导航模式,但它增加了弹窗的垂直高度,因为不能太靠近示意图标。

注:这是基于LTR语序来说的(译者注:LTR在这里可以说是从左往右的阅读语序),“开始”是用户开始阅读内容的地方,“结束”是用户停止阅读的地方。

最佳配置

现在把所有的东西都综合在一起——一个对齐在底部的弹窗,包括一个在右上角的“x”图标。

总结

我必须承认,你其实也可以尝试使用两个文字按钮,其中一个是“关闭”。这也是一个不错的选择,并且也被谷歌规范所推荐,但如果你不希望关闭那么突出,担心会发生意外点击或者遇到多语言问题,“x”按钮就会是一个很好的通用解决方案。
  • 校区分布
  • 学校相册
  • 推荐课程
  • 相关学校
  • 相关文章

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

手机访问

#tel_400#