平台案例中心

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、全息投影 全息投影能够将历史文物以360度的形式呈现在大众面前，让人们在各个方位都能够看到文物的全部，而且还可以结合实物一起展示，更加形象。 2、地面互动投影 地面互动投影能够给博物馆增添一丝乐趣，人们可以通过脚下的动作与地面进行互动，让参观者在参观的过程中能够有互动的乐趣。 3、虚拟翻书 虚拟翻书给人强大的视觉冲击，只需要挥动手臂就能够隔空翻书，而且信息储存量大，运用在博物馆中能够很好的储存一个年代的信息，从而能够更智能的展示在观众面前。 数字博物馆的优势 1、传统博物馆中所有的文物都是需要好好保护的，但是文物频繁拿出来展示会增加损耗，而数字博物馆可以让展品进行投影展示，这样不仅能够延长文物寿命，还能够减少损坏丢失的风险，一些特殊文物也能够让人们通过多媒体技术“真实”的展现在大家面前，大大提高了参观者的参观体验。 2、数字博物馆中的展示形式是多种多样的，给参观者更多的趣味性，文字、图片、视频相结合的介绍形式，生动形象的给观众介绍历史文物，让参观者更加贴切的了解历史。 3、数字博物馆突破了传统博物馆对于空间和时间的藩篱，能在更广袤的范围、任何时间、任何地点上网参观，更加方便。

插画创意设计准则有哪些？

1.明确的设计主题插画设计中的主题是指画面所需要传递的基本观点和中心思想，是插画创作中为达到某种诉求而赋予插画的主观意识。确立明确的设计主题是插画设计的创意基础和表现前提，主题确立得恰当与否成为影响插画作品格调与价值的重要因素。通常情况下，插画设计的主题设定取决于插画的类型和目的。不同的插画种类，其主题的方向或侧重点是不一样的。商业插画设计的主题通常围绕着产品或服务的卖点，如对于商品广告而言，插画设计是重点宣传商品的价格和外观，或是重点宣传商品的品牌、功能和品质。公益插画设计是以影响观者的态度及社会行为为目的，在主题传达上通常以情态表达、情态取向的巧妙运用来表明观点。设计师需要充分了解插画的设计对象和设计意图，从而清晰、准确地通过画面主题来传递某一特定信息。2.独特的创意思路在插画设计中，创意是插画创作过程中用以表现插画主题的新颖构想、思维或点子，也是插画师在创作过程中决定采用何种方式来表达设计主题、体现设计内涵的思维过程。不仅仅需要有娴熟的绘画技巧，更需要能思考、能创意。创意源于生活，很多优秀的创意其实都是设计师从一些生活细节中获取灵感而得到的。绝妙的创意往往在于采取一种独特的观察视角，或运用一种全新的表现手法和技巧来对所要表现的事物或观点做出新的描绘或诠释。当创意来源于生活，却又超越了人们以往的生活经验或常态化思维时，就会产生强烈的吸引力和认同感。3.巧妙的情感诉求人是情感的集合体，谁都不能抵抗情感在日常生活中所发挥的作用。当我们在观察事物时，情感的诱导往往会带给我们意想不到的结果。在插画设计中，巧妙的情感诉求体现在具有浓郁的感情色彩和较强的审美抒情性上，它经常用说故事的方式来表达信息与人的关系，以卓越的创意、动人的形象、诱人的情趣、变换多样的艺术处理手法表达主题内容。插画设计中的情感诉求在表现方式上通常运用比喻、联想、夸张、对比、象征、寓意、谐音、谐意等手法，创造出一种充满情趣而又耐人寻味的幽默境地，促使受众直觉地领悟到它所表达的真实概念和态度，从而产生一种会意的审美效果。4.合理的艺术表现①造型贴切。插画设计中很多创作元素的原型来源于生活，插画师在插画创作中通常会运用一些造型处理手法来有意识地对这些创作原型进行夸张变形，使其偏离正常的比例、结构，并对客观物象的一些特征进行提炼、归纳或取舍，创造出让人耳目一新的形态。②色彩得体。当进行画面色彩应用时，首先应确定好色调，色调的合理选用是为了更好地表达主题。色调一般随主题的不同而不同，或随情节的变化而变化。例如：用深暗而浑浊的色调可以表达忧郁和伤感；用明亮而鲜艳的色调可以表达欢快和喜悦。此外，插画色彩还应考虑目标读者的色彩适应度。例如：对于低龄儿童来说，过于成熟的色彩表现并不适合他们，因为儿童对色彩的辨析能力相对较弱，对比度较弱的色彩会使他们在辨认对象时混淆不清，这就是儿童插画总是以纯度和对比度较高的颜色为主的原因。