武汉人气排名好的ui设计专业机构

　　武汉人气排名好的ui设计专业机构——到武汉天琥设计培训学校，ui设计培训班学校,天琥Ul培训从设计基础入UI入门到UI设计,层层进阶，掌握职场所需技能.

　　天琥教育的UI课程致力于更扎实的软件技术基础，更全面的职位通行能力，更深入的视觉美学理论知识，更锋利的UE企划交互能力。

　　此阶段完成学员能力指标：可独立完成各种类型图像后期处理，可独立完成各种矢量图形制作，掌握LOGO、UI图标设计理论知识，通过详解，全面掌握设计方法，并独立完成构思过程，且能够设计出成熟的logo作品等

　　此阶段完成学员能力指标：掌握UI创意设计的基础方法，了解整个平媒UI设计的标准流程，掌握平面设计的专业理论知识并付诸实践，具备独立美学鉴赏和平面创意构思能力

　　此阶段完成学员能力指标：掌握UI动效设计相关，UI动效作为UI设计中的展示环节，可以独立制作完整网页的动效，可以制作有主题的完整图形动画短片，掌握高保真效果图设计与交互动效设计的标准、流程和方法，掌握UI产品项目经理的整套工作流程。

　　ui设计知识—切图输出类型

　　1.桌面图标切图输出

　　app的桌面图标会被运用在很多不同的地方展示，比如手机桌面、APP store、手机的设置列表，所以app桌面图标需要很多个不同尺寸的切图输出。两个平台对相应桌面图标设计输出尺寸也不尽相同，在输出的时候要把双平台的这些尺寸全部输出切图。桌面图标切图只需要提供直角的图标切图即可，手机系统会自动生成圆角效果。

　　2.系统图标切图输出

　　一套图适配双平台：

　　ios平台(iphone 6plus版本除外)和安卓平台公用44*44px切图素材，即可实现一套切图适配两个平台的开发。

　　适配大屏幕：

　　为了适配iphone 6plus、iphone 7plus单独切一套比原有44*44px切图大1.5倍的切图，即66*66px大小的切图。(UI设计的适配问题会在后边单独的文章中详细讲解)

　　3.图片类切图输出

　　图片类切图主要是指启动页、新手引导页、默认提示、广告图等需要完整切图的图片。同一类型的图片切图一般要保持同样的大小尺寸以便于工程师开发使用。另外一般这些切图的文件较大在切图过程中需要控制切图文件的大小。(后边文章会详细讲解如何压缩切图大小的方法)

　　4.动效元素切图输出

　　动效元素切图一般是指在app中加载动效所需要的切图元素，比如qq的下拉加载动效就是由若干张切图连续播放形成的动画效果。这些图片按照序号排序播放我们页把他们叫做序列切图。序列切图是在做UI设计的过程中必然会遇到的问题，这种切图要求要增加动效播放时的流畅自然，是需要设计师仔细斟酌的。

　　5.可拉伸元素切图输出

　　可拉伸元素一般是指按钮、输入框等切图过程中可以对切图进行瘦身压缩的元素。这些元素通过瘦身压缩可以极大地见效图片的大小提升用户在使用app中的加载速度。在ios中这种切图方式叫做平铺切图，在安卓中这种切图方式叫做点九切图法。

　　6.无需切图的部分

　　再设计切图输出中很多元素是不需要输出的，直接使用系统原生的设计元素修改参数即可。作为设计师需要知道哪些元素是需要切图，哪些元素是使用系统自带的避免不必要的切图。比如文字、卡片背景、线条和一些标准的集合图形是不需要提供切图的。例如搜索框只需要在标注中表明尺寸大小、圆角大小、描边粗细、色值即可，工程师会根据设计效果通过代码实现这种效果。

　　降低切图大小的方法

　　1.点九切图法

　　点九切图是安卓平台独有的图片处理方式，因为文件扩展名问.png所以被称为点九切图法。点九切图的作用主要是为了适配安卓多种多样的手机机型适配，这种方法可以将图片进行横向和竖向的随意拉伸，并且不会损坏图片效果。另一个重要的作用就是可以减少不必要的图片文件大小，极大提升页面加载速度。是安卓平台重要的切图方法。

　　制作点九的软件是“DRAW9PATCH”可以很方便的制作点九图并且可以预览切图后的开发效果十分方便。设计师的话也可以在Ps中用铅笔工具绘制点就图。

　　2.在线压缩图片工具“Tinypng”

　　利用“Tinypng”智能png和jpg在线压缩工具，将较大的图片切图在不影响图片质量的情况下压缩。Tinypng在线压缩工具可以在图片质量和文件大小上找到一个的平衡，基本不会降低图片视觉质量但却会极大的压缩图片切图大小。Tinypng是非常值得推荐的图片压缩利器，也是现在被运用较广广泛的在线压缩工具。

　　压缩图片效果范例：

　　一张透明png图片原大小57kb在经过压缩后变为15kb，图片大小直接减少74%，但是图片效果用肉眼基本分辨不出区别。不得不说Tinypng的智能压缩效果是如此神奇。

　　使用方法简述：

　　1.在红色框内点击去本地选择你想要压缩的图片文件，每次较多上传20张图片，每张图片总大小不超过5mb

　　2.点击红框内的下载按钮下载单个已经压缩过的图片，如果你有上传多张图片你可以选择点击全部下载按钮一次性下载所有压缩的图片。在下方现实的是本次压缩的大小占比，你就可以很明确的知道它的作用了。

　　3.恭喜你你已经完成压缩了

　　切图神器Cutterman介绍

　　Cutterman是现在较主流的设计师切图利器，能够自动将你需要的切图进行输出。极大的减轻了设计师的工作量，提升了切图效率。它支持各种图片格式，尺寸，形态输出， 兼容安卓，iOS,WEB各种系统的一键输出。