杭州哪里有UI设计面授培训班

杭州哪里有UI设计面授培训班?UI设计是人与机器交换信息的媒介，它是将程序的功能，服务进行视觉转化的手段。网页设计是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)进行网站功能策划，然后进行页面设计美化工作。作为企业对外宣传载体的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

UI设计面授培训班

达内教育隶属于达内IT培训集团，是达内IT培训集团直属学院。学院成立旨在建立软件高级人才培养的通道，促进我国信息产业迅速发展。依托达内集团国内持平的课程体系(TTS6.0)，雄厚的师资力量，广阔的就业平台。

作为国内IT培训的实力品牌，达内集团的每一名员工都以"帮助每一个学员成就梦想"为己任，也正因为达内人的执着与努力，达内坚持为社会输送合格人才，为中国IT行业的发展做出了贡献。

UI设计学习中设计切图的原则有哪些?

设计切图的原则

设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该增加切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。较后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用户使用时的加载速度。所以切图输出应当做到切图、便与协同和压缩大小。

1、切图资源尺寸为双数

众所周知智能手机的屏幕大小都是双数值，比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了增加切图资源在工程师开发时是高清显示。因为1px是智能手机能够识别的较小单位，换句话说就是1像素不能在智能手机被分为两份。所以如果是单数切图的话手机系统就会自动拉伸切图从而导致切图元素边缘模糊，进而造成开发出来的APP界面效果与原设计效果差距甚远。

2、切图根据尺寸输出

在切图资源输出中图标切图输出是至关重要的部分。因为在开发中由于各机型的屏幕分辨率不同，需要针对一些大屏机型进行适配。为了适配大分辨率手机(例如iphone 7plus)图标在切图的时候需要输出@2x和@3x的切图，其中@2x的切图可以满足双平台大部分机型的适配要求，@3x是用来适配iphone手机的各种plus版本的手机(后边会有文章专门讲解关于适配的问题)。@3x是@2x尺寸的1.5倍，例如一个图标切图@2x尺寸是44px，那么@3x尺寸是66px。

3、尽量降低图片文件大小

在切图资源输出中图标切图输出是很重要的部分，比如新手引导页、启动页面、默认图、广告图等。图片切图一般情况下文件大小都是相对较大，不利于用户在使用app过程中加载页面。因此图片切图要尽量压缩图片文件的大小。

4、可点击部件区域不小于88px

44px的点击区域数值是在iphone 3 (320×480px)普通显示屏下制定出来的，在手机分辨率大幅提升的现在，这个数据自然要与时俱进。在iphone7 (750*1334px)的Retina 显示屏下44px点击区域就变为了88px。但无论是320*480px尺寸下的44px还是在750*1334px尺寸下的88px，换算成物理尺寸后大致是在7mm-9mm之间。早在人机工程学的研究中曾得出结论，认为人类舒适的触击范围需在7-9mm的大小。所以在ios的空间尺寸也经常出现88px的数值，比如菜单栏的高度便是88px。

5、可点击部件把相关状态都切图输出

在切图过程中不仅要输出正常状态的切图，更要注意不要遗漏其他状态的切图。这个也是设计师经常会出现的失误，比如在按钮切图的过程中可能会忽略点击切图的状态。所以设计师在做设计图是较好尽量把页面中会出现的各种状态展示出来，避免后期切图的时候遗漏状态。