平台案例中心

ui切图干什么用的

ui切图干什么用的 切图严格来说并不是Ui设计师的工作，而是前端工程师的工作，指的是将设计师的设计转化为网页，是一种将设计师的“理想”转化为“现实”的工作，将psd进行切片重组利用div+css js等等前端开发代码来生成网页的一种技术，此为切图。 因为在软件或网页中，各元素的代码应该是分隔开的，有些ui中做的文字部分，对应到软件或网页中就需要写相应的文字显示代码，如果是ui中做的背景，则在软件中就只需要显示该图片。因此要将各部分分割开来，一般称为切图。 ui切图用什么软件 ui切图干什么用的_ui切图用什么软件，UI设计师的标注切图的利器： 1.手动标注：PxCook支持多种图像格式(psd,png,bmp,jpg等)的读取，并可手动创建距离、区域、颜色、文本、坐标点等标注。 2.智能标注：提供PSD文件解析与Sketch插件支持，自动识别各图层尺寸及文本样式等，标注更快捷! 3.自动吸附:标注过程中可以针对图像内突出颜色进行自动吸附。 4.软件设置：在设置面板中可以进行如：标注字号、标注自动对齐、滚轮、即数字准确度等设置。 5.定制标注样式：可以定制每个标注的颜色，标签位置等样式。 6.颜色模式设置：目前支持#Hex, argb, rgba三种颜色模式。 7.数字手动更改：在保持真实尺寸不变的情况下，可改变显示的数值。以避免因为几像素的误差重新修改设计稿。 8.自动备份： 软件会对标注定时进行自动备份，以防止意外情况的发生，你可通过设置面板查找备份的存档地址。 9.Px Dp Pt单位转换：标注单位一键转换，减轻设计师计算负担。 10.数字随便改：所有尺寸数值都可手动更改，自由度Max。 11.psd快速切图：连接PS切图，可同时输出多种设备，切图更精准! 12.切图功能：提供多种设备的切图输出，并可以对切片进行无损缩放。同时支持对图层样式的缩放。 ui切图工具 PhotoshopCC2015已经出了切图就更方便了，但是对于电脑的配置要求比较高。对于电脑配置比较低的可以这样干，作图的时候用CS6，文件在这里面做好之后，只需要启动CC2014或者CC2015进行切图操作就可以了，毕竟高配置的电脑成本比较高。 1、调出优选项Command(Ctrl)+k，勾选启用生成器，默认是不够选的。 2、文件-生成-图像资源，这个是后期的时候用的比较多的一个选项。 ui切图教程 切图要点 1、不同的模块建立不同的切图文件夹存放。 这样做的目的：一方面，方便自己以后查找;另一方面，方便咱们的开发工程师查找文件，因为有时候是分工合作，需要第一时间找到对应的文件。 2、命名规则 建议采用以下方法命名： 公式：模块_类别_功能_状态.png 3、切图文件大小必须是偶数，格式为PNG-24。 4、iPhone的3倍图怎么切? 由iPhone6和iPhone6plus的屏幕尺寸比得来的，750/1080≈1334/1920≈2/3，因为iPhone5/s与iPhone6的屏幕分辨率是一致的，都是326ppi，所以它们用的是一套图，也就是@2x图，6和6plus的屏幕宽高比是2/3，当5/6使用@2x图的时候，6plus使用的@3x的图，也就是5/6的图片资源宽高的各1.5倍，换算成百分比刚好就是150%。 6、输出 这个时候，就开始输出了，因为咱们的准备工作都已经弄完了，下面就需要用到CC2014或CC2015的图像生成器了，前面的利其器的部分的增效工具里面的启用生成器一定要打勾，然后就可以直接操作，文件>生成>图像资源，然后你会看到，切图文件的旁边多了一个文件夹，文件夹的名称一般是“文件名-assets”，里面就是你的切图文件了。 ui切图规范 1. 切图资源尺寸必须为双数 众所周知，智能手机的屏幕大小都是双数值，比如iPhone 7的屏幕分辨率是750*1334 px。切图资源尺寸必须为双数，是为了确保切图资源在工程师开发时是高清显示。因为1px是智能手机能够识别的小单位，换句话说就是1像素不能在智能手机被分为两份。 2. 图标切图输出应根据标准尺寸输出，并且考虑手机适配(主要是iPhone 6plus的适配) 在切图资源输出中，图标切图输出是至关重要的部分。在开发中由于各机型的屏幕分辨率不同，需要针对一些大屏机型进行适配。 3. 为了提升APP使用速度，尽量降低图片文件大小 在切图资源输出中，图标切图是很重要的部分，比如新手引导页、启动页面、默认图、广告图等。图片切图一般情况下文件大小都是相对较大，不利于用户在使用app过程中加载页面，因此图片切图要尽量压缩图片文件的大小。 4. 可点击部件应当注意其点击区域不小于88px 5. 可点击部件要把相关状态都切图输出，比如正常状态、点击状态。 在切图过程中，不仅要输出正常状态的切图，更要注意不要遗漏其他状态的切图。

农村庭院大门的最佳尺寸

农村庭院大门的最佳尺寸是4.5米宽。一般4.5米宽的大门尺寸足够汽车或其他车辆正常进出。在选择这个尺寸的时候，要考虑院子的内部空间是否足够大。大门的大小需要和房子的比例相协调，不能相差太大。在选择院门尺寸的时候，要注意日常使用习惯是怎样的。院门的尺寸根据用途不同可分为4.5米宽、3米宽、2.2米宽、1.4米宽。一般4.5米宽的大门尺寸比较好，足够汽车正常进出。在选择尺寸时，要考虑车场内部的空间，以及车辆进入后大门能否关闭。门的大小需要和房子的比例相协调。房子的门小了，气流就会受阻，强烈的空气进不去，也就意味着一切都不顺利。门大的小房子会让你泄气，泄气了会分散你的财富。在家居风水中，住宅大门的大小是象征性的，不可忽视。

历届世界杯吉祥物有哪些？

截止到2022年10月19日，世界杯已经举办了21届。2022年卡塔尔世界杯是第22届世界杯。2022卡塔尔世界杯吉祥物为：“La'eeb”，阿拉伯语的意思是“超级熟练的球员”。1、世界杯吉祥物起源于1966年英格兰世界杯，第一个世界杯吉祥物为“维利”，它是一只生动可爱会踢球的卡通狮子。2、1970年墨西哥世界杯吉祥物为“华尼托”，华尼托是一个可爱且头戴传统墨西哥草帽的小男孩形象，短衣短裤的小男孩露着肚脐眼，脚踩足球的形象，深受广大球迷喜爱。3、1974年联邦德国世界杯吉祥物为“提普和泰普”，兄弟俩身穿WM74字样的衣服，也是仅有的两个人物作为世界杯吉祥物，两人一人抱球，一人挥手欢迎大家。4、1978年阿根廷世界杯吉祥物为“高切托”，依然是小孩造型，头戴阿根廷传统的民族礼帽，身着阿根廷国家队队服，脚踩足球配合俏皮的笑容，尤其惹人喜爱，主办方也是依此来象征百废待兴的阿根廷人对美好生活的愿景。5、1982年西班牙世界杯的吉祥物为“纳兰吉托”，这是世界杯历史上首个非人物形象的吉祥物，一颗巨大的橙子，拟人化的设计让它显得超级可爱。6、1986年墨西哥世界杯的吉祥物为“皮克”，皮克是一个具有墨西哥特色，手撑足球头戴墨西哥草帽，留着大胡子的青辣椒，惟妙惟肖地凸显了墨西哥的土特产。7、1990年意大利世界杯的吉祥物为“奇奥”，奇奥是一只以积木和足球两个元素有机融合的拟人化吉祥物，融合了意大利的国旗元素。8、1994年美国世界杯的吉祥物为“射手”，美国人将国旗元素和对宠物的喜爱，融入到了一只宠物小狗身上，配上足球代表了对足球的喜爱。9、1998年法国世界杯的吉祥物为“福蒂克斯”，法国选择了公鸡作为吉祥物，寓意足球像太阳一样照耀着大地，本届赛事高卢雄鸡在自己国家成功夺的大力神杯。10、2002年韩日世界杯的吉祥物为“尼克、阿托、卡兹”，三只吉祥物都来自外太空，分别是蓝精灵尼克、黄精灵阿托和紫精灵卡兹，太空版足球宠物的设计理念象征着融洽、团结和合作。11、2006年德国世界杯的吉祥物为“格里奥六世”，一个大狮子和小足球组成的活灵活现的吉祥物，然而由于饱受争议导致并没有流行。12、2010年南非世界杯吉祥物为“扎库米”，扎库米形象非常可爱，代表了南非对全世界的欢迎。南非世界杯也是世界杯历史上第一次出现在非洲大陆，他年轻、机敏且充满活力的形象，十分惹人喜爱。13、2014年巴西世界杯的吉祥物为“犰狳”，巴西将犰狳这一濒危动物作为吉祥物，搭配上巴西世界杯的相关元素，号召人们关注对濒危动物的保护。14、2018年俄罗斯世界杯的吉祥物为“扎比瓦卡”，扎比瓦卡是一只西伯利亚狼，象征进攻，他是忠诚和勇敢的化身，这一吉祥物也被大众所熟知和喜爱。