服务1223次客户
服务1987次客户
服务1534次客户
服务1123次客户
服务1563次客户
服务1223次客户
助力中小企业低成本、高效率打造品牌
企业经营过程中的全生命周期专业服务
覆盖各行各业的创意服务案例
精选品牌创建和运营相关的干货
什么是ui切图
什么是ui切图 切图严格来说并不是Ui设计师的工作,而是前端工程师的工作,指的是将设计师的设计转化为网页,是一种将设计师的“理想”转化为“现实”的工作,将psd进行切片重组 利用div+css js等等前端开发代码来生成网页的一种技术。 什么是ui切图_安卓切图命名规范,设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中,首先应该确保切图输出能够满足工程师设计效果图的高保真还原需求。其次,切图输出应该尽可能降低工程师的开发工作量,避免因切图输出而导致不必要的工作量。后,输出的切图应当尽可能的压缩大小,以降低APP的总大小,提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和压缩大小。 安卓切图命名规范 所有命名全部为小写英文字母:这一点的理由很简单,我们的目标是让开发直接拿我们的切图进行使用,不能够随意修改名称,但是我们要知道,开发的代码里只有小写的英文字母,如果你给出的命名全是中文的,那么他们是一定会更改的。所以命名全部用小写的英文字母是基本的规则。 命名格式:众所周知,一个大型项目会分很多模块,每个模块由不同的设计师来独立完成,还有人会专门管理公共的组件,如tabbar、navbar等等,这种情况下就会分为两种切图,一种是通用类型的切图,还有一种就是各个模块特有的切图。 什么是ui切图_安卓切图命名规范,通用切片命名格式: 组件_类别_功能_状态@2x.png 举例:tabbar_icon_home_default@2x.png(对应中文:标签栏_图标_主页_默认@2x.png) 模块特有切图命名规则:模块_类别_功能_状态@2x.png 举例:mail_icon_search_pressed@2x.png(对应的中文为:邮件_图标_搜索_ 默认@2x.png) 当然这两个例子都是比较基本的情况,有很多时候可能一个单词并不能清楚的描述功能,比如有两个名字相同的搜索图标,大小不一,那这种情况你就可以这样命名:mail_icon_search_big_default@2x.png,我们的原则就是清晰的表达出切片的具体内容并且没有重复的名称。 UI切图怎么切 不用在意那么多设备,不管iOS和Android手机型号有多少,只要我们了解它的屏幕分辨率之后就好办了。不同分辨率对应不同的倍率,这样的话我们适配的时候就知道怎么切图了,@2x表示两倍图,@3x表示三倍图。现在PhotoshopCC2015已经出了切图就更方便了,但是对于电脑的配置要求比较高,对于电脑配置比较低的可以这样干,作图的时候用CS6,文件在这里面做好之后,只需要启动CC2014或者CC2015进行切图操作就可以了。 1、调出优选项Command(Ctrl)+k,勾选启用生成器,默认是不够选的。 2、文件-生成-图像资源,这个是后期的时候用的比较多的一个选项。开始输出,准备工作都已经弄完,下面就需要用到CC2014或CC2015的图像生成器,前面的利其器的部分的增效工具里面的启用生成器一定要打勾,然后就可以直接操作,文件>生成>图像资源,然后你会看到,切图文件的旁边多了一个文件夹,文件夹的名称一般是“文件名-assets”,里面就是你的切图文件了。 安卓只需要把iOS的@2x的图拷贝一份,然后建个文件夹命名为android,拷贝进去,去掉命名后面的@2x就可以了。 安卓切图切几套 需要了解IPhone各个版本的手机屏幕密度: IPhone 4/4s/5/5s/5c/6 ≈320dpi 你会发现单从屏幕密度来说,IPhone可以算是超高密度了。 下面来说说这几个密度: LDPI 120dpi 低密度 不考虑这个了,消失了 MDPI 160dpi 中密度 这个目前少见 HDPI 240dpi 高密度 常见 xHDPI 320dpi 超高密度 常见 xxHDPI 480dpi 超超高密度 常见 xxxHDPI 640dpi 超超高密度 Android4.3推出了对此密度的支持,也就是平板电视的4K分辨率 你的切图会根据这几个密度来决定输出多少套。理论状态下,如果你想兼顾到目前还存在的各个机型,应该为不同的密度提供不同尺寸大小的切图。但这无疑提升了巨大的工作量,而且还可能浪费很大的资源空间,实际上,很多机型已经不占有主流市场了,所以具体输出几套需要看公司的产品需求而定。 选取大尺寸提供一套切片资源,交给工程师处理,适配到各个屏幕密度。这里要注意,这个“大尺寸”,指的并不是目前市面上Android手机出现过的大尺寸,而是指目前流行的主流机型中的大尺寸,这样可节省很大的资源控件。关于大尺寸选取多少,你需要和你们的安卓工程师沟通,每个安卓工程师对这个问题的结论并不同。 ui标注工具 网页设计师比较好能在制作完排版设计后,为图像做清楚的标注,让接手的WEB前端更快的进入制作状况,常见需要标示的状况如下所示: 1.预备使用HTML语言制作的按钮等互动组件的色彩、尺寸以及细节等; 2.版面上各组件彼此间的距离等; 3.其他常见必须标示的环节。 注意以下几点,会让你的信息传递更明确: 1.将同种类信息摆放在一起、并整齐排列,让人一目了然; 2.标注色彩清晰、勿使用会与背景难以分辨的色彩; 3.标注与图像本身间预留适当间隔,以不扰乱图像本身为原则; 4.切勿重复标注;有许 多软件开发者开发了许多好用的小工具,节省大家浪费花费的时间与精力。 首先是由 Onpixel 开发的 Specctr ,这是一个 Firework 的外挂套件、具有可沿续原本工作环境流程以及跨平台的优点,该程序提供试用以及 Lite 的免费版可以下载。 另外一个是 MarkMan(马克鳗),使用 Adobe AIR 所开发,因此也有着跨平台的特性,虽然是简体中文,但是所有的按钮都经过图形可视化,接口也相当精简明确,并不会造成使用上的困扰。
科技公司画册应该如何设计
科技公司画册应该如何设计?科技公司画册设计要简洁,突出科技感,内容需要精练,简短好记忆。因为对于大多数人来说,科技公司的产品介绍,都会使用很多专业名词,比较难懂。因此科技公司画册设计要简单有趣,让阅读者能清晰的独栋产品的特性和功能。科技公司画册还要附上企业简介、企业使命、文化理念、核心价值观等内容,让读者对企业有初步的了解。画册最主要的目的是宣传公司的产品,因此要对产品进行分类,要重点突出一些核心产品,在区别于同行的情况下还能体现出优点。
肉类包装方式有哪些?
1.托盘一般在超市销售的冷藏肉,多以普利龙(Polystyrene;聚苯乙烯)托盘,托盘底层垫放吸水纸以吸附肉汁,使得肉格外鲜红,刺激消费者的购买欲。常用的透明膜材料有以下几种:玻璃纸(Cellophane),一面涂覆硝化纤维,以此面与肉品接触则可吸收肉表面水分而呈饱和状态,进而促进氧气渗透以保持优良色泽,减少失重。但如玻璃纸两面皆涂覆硝化纤维者则不适用。聚乙烯(Polyethylene):简称PE,可分为低密度PE、中密度PE和高密度PE,对氧的通透性大,尤其是低密度PE。此外,抗酸碱、抗油性和水蒸气透过性亦佳,很适合包装鲜肉。此种材料的缺点是抗张强度和耐磨性较差。2.真空包装真空包装是指抽取包装内所有的空气并配合氧气透过率极低的包装材料,使外界的氧气无法渗透,减低了鲜肉氧化、酸败的速率,以确保鲜肉的新鲜度,抽真空包装之后,由于阻断了氧气,一般肉品都会呈暗红色,有损外观。如果拆除包装后,冷却肉遇氧气又回复成鲜红的颜色。因此真空包装一般用于贮存时间较长且要求高品质的酒店和一些大卖场等。真空包装所使用的材料除了有防氧气透过性和收缩性良好的聚偏二氯化乙烯(PVDC)外,还有聚酯、聚酰胺、尼龙、聚酯薄膜和聚乙烯多层等材料。其中聚偏二氯化乙烯的防止氧气和水蒸气透过性为各种膜料之冠,其最大的缺点是不耐热封。聚酯具有很强的张力强度、软性;尼龙的防止氧气透过率尚好,耐热、耐寒性亦佳,力学性能也很强,但水蒸气透过率大,且价格昂贵,所以多层复合的形式作为鲜肉真空包装的材料。3.气调包装气调包装也称充气包装,就是将包装袋内的空气抽取后再充入一定比例的氮气、二氧化碳气体和氧气,使氧气的渗入可能性降低至最低限度,以抑制微生物的生长繁殖,进而延长了产品的保鲜期。冷鲜肉采用气调包装还可以保持肉的颜色。4.真空热缩包装真空热缩包装与真空包装的区别主要体现在产品的应用范围上,热收缩包装主要应用于需要包膜防潮的产品上。真空包装主要应用于需要“抑制细菌繁殖、避免物品氧化、霉变和腐败”的食品上。从原理上来说,热收缩包装通过对收缩膜加热,使收缩膜紧紧地贴合在产品上,其不仅可以达到防潮的功能,还可以使产品更美观。大块肉类的包装可以采用真空热缩包装,这种包装形式的好处在于既能有效减少破袋率,又能消除抽真空包装的汁液渗出现象。真空热缩的处理既抑制了冷却肉表面需氧菌的繁殖,又能预防冷却肉的二次污染,有效延长货架期,相比气调包装,运输方便,包装费用低廉。使用热收缩包装机包装具有密封、防潮、防污染等作用,并能够保护商品免受来自外部的冲击,具有一定的缓冲性,尤其是当包装易碎品时,能够防止器皿在破碎时飞散。
获得100+荣誉与资质,成就备受认可
众多品牌的一致认可
为您提供本地优质贴身服务
电脑版请使用CTRL+D收藏到浏览器