平台案例中心

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. 可点击部件要把相关状态都切图输出，比如正常状态、点击状态。 在切图过程中，不仅要输出正常状态的切图，更要注意不要遗漏其他状态的切图。

怎么设计包装袋图案

怎么设计包装袋图案？包装袋图案设计有以下几个方法：1、颠倒法颠倒发主要体现在两种元素相互颠倒的一种方法技巧，这种方法技巧能够让整个创意包装袋设计图片变得与众不同。包装设计中的广告图形创意既是创造性的，又充分传达了产品的功能、组成、质量和品牌特征，保证了产品信息传递的准确性和品牌的文化属性，其重要性不言而喻。另一方面，广告图形在传统包装设计中的表现形式。2、大小对比大小对比是一种比较有效的创意包装袋设计图片方法技巧，其特点在于运用两种元素相互对比重点体现图片元素，而图片主要来源于两方面一是通过拍摄产品的物体或部分来真实地展示产品的全貌或局部细致的特征；二是以手绘的形式画出产品的全貌或局部特征；三是利用明星和产品代言之间的关系，通过拍照来表现市场购买指导的间接关系。3、抽象风格一种抽象的表现形式。首先，以产品造型或产品相关的事物为母体，总结、简化、提炼、抽象作为设计表现的特征形式；第二，使用写意来表达产品独立的图形造型，追求造型或感官的设计表现风格。装饰形式。一种是将真实的产品图片和装饰图形相结合来表现；另一种是用手工绘制的装饰形式来表达图形，如插图、动画造型和构图，它们可以与产品相关，也可以独立于产品。

产品包装设计要求

产品包装设计要求产品的包装设计要求有：包装的大小、形状、色彩、文字说明和图案必须协调一致;包装的构造要便于使用、保存;包装必须不断创新;包装必须和产品的广告、价格、分销渠道以及其他的营销决策一致等。①包装的大小、形状、色彩、文字说明和图案必须协调一致，支持产品的定位。漂亮的设计并不一定是好的设计，较好的设计是那些适合企业、适合产品的设计。②包装的构造要便于使用、保存。包装的发展主要基于使用的保质性、便利性。许多小食品的包装设计在这方面很典型：包装袋开启边设计成锯齿形，便于开启;包装袋内充上惰性气体，防止霉变，保持新鲜，便于保存。③作为产品的一部分的包装也必须不断创新。哪个品牌能首先创新包装，为消费者提供更好的服务，则其市场占有率必然会有显著提高，给公司带来胜过竞争者的可观利润。④包装必须和产品的广告、价格、分销渠道以及其他的营销决策一致。包装上的文字说明、图案、色彩、设计风格等必须与广告一致，这样做可以壮大企业声誉，提高可信度。⑤包装材料的选择要考虑其环保性。现在大部分产品的包装材料使用的是塑料、聚拢乙烯，这类材料难以自然分解，形成了污染环境的“白色垃圾”。如很多食品的包装，一次性快餐饭盒，大部分零售商店包装所售商品等都使用这类包装。“白色垃圾”已经形成破坏环境的严重问题，社会急需可以降解的包装替代品。包装设计要考虑什么1.包装设计要准确传递产品信息世界各国一般都对产品包装上应标识的内容有明确的规定，如生产日期、重量、保质期等，企业应如实注明。包装上的文字、图案、色彩均应与产品的特色和风格相一致。包装上的说明、彩色图片等切忌夸大产品的性能、质量，金玉其外、败絮其中的包装要严格禁止。2.包装物的价值应与产品的价值相配套例如，高级珠宝应配以高档包装，以衬托商品的名贵。如果包装物的价值超过产品本身的价值，则会引起消费者的反感，从而影响销售。3.包装设计要充分展示产品(1)用形象逼真的彩色照片展示产品。这种方式可以真实再现产品的外观，在食品包装中最为流行。(2)直接展示产品本身。全透明包装、开天窗包装在食品、纺织品、轻工产品中非常流行。4.包装设计要分析目标市场的需求进入目标市场的产品包装要考虑各个国家和地区的储运条件、分销时间的长短、气候状况、消费者偏好、风俗习惯、环境保护、收入水平及法律规定等因素。例如，在非洲和拉丁美洲的一些国家，由于道路状况不太理想，用玻璃作为包装材料则不太适用。又如，在某些国家，环境保护主义者对包装材料是否会造成环境污染十分关注。产品包装策略有哪些①再使用包装策略。使包装物不仅能包装商品，而且在商品使用后还能移做他用，给消费者以额外利益，促使消费者购买。月饼、糖果等类食品的塑料、铁制盒式包装，是比较成功的。②组合包装策略。就是按消费习惯，将多种有关联的商品组合在同一包装物中，便于配套购买商品，有利于商品的连带出售。如一套牙具、梳子、小镜子和香皂盒组合在一起，主要针对外出或旅行的消费者，便于购买和使用。礼品盒常常采用此中策略，如雀巢咖啡礼盒、茶具、酒具、婴儿用物品、地方多种特产组合等等，但必须注意包装外观要精美。③附赠品包装策略。包装内装有赠品或抽奖号码，借以鼓励消费者购买和重复购买。这种策略在家庭消费品包装方面可以使用。因为小食品的购买频率比较高，而且主要消费群体是妇女和儿童，内装一些他们感兴趣的赠品，就可以激发他们的购买欲望并且重复购买。④一致性包装策略。企业将其所生产的产品，在包装外型上(如图案、色彩、形状等)融入一致性因素，使消费者易于辨认或联想到是同一家企业的产品，可以借以提高或壮大企业的声势。特别当新产品上市时，采用这种包装策略，可以利用企业已有商品的声誉，增强消费者对新产品的信任感和认同感。采用这种包装策略，一般以企业重点产品的商标或包装印象为一致性因素。