平台案例中心

什么是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.Photoshop学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等，灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。2.PageMaker学习排版设计的基本法则、使用方法与技巧，工具箱、快捷键的使用，菜单功能及操作技巧，出版物、书籍、宣传彩页、出片输出注意事项，报纸杂志等的高级专业排版制作的方法。3.llustrator学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。4.Freehand不论是个人作品设计、公司徽标、海报制作，都可以轻松完成，应用于广告、印刷等行业。5.CorelDraw通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。平面广告设计的要求平面广告，若从空间概念界定，泛指现有的以长、宽两维形态传达视觉信息的各种广告媒体的广告;若从制作方式界定，可分为印刷类、非印刷类和光电类三种形态;若从使用场所界定，又可分为户外、户内及可携带式三种形态;若从设计的角度来看，它包含着文案、图形、线条、色彩、编排诸要素。平面广告因为传达信息简洁明了，能瞬间扣住人心，从而成为广告的主要表现手段之一。平面广告设计在创作上要求表现手段浓缩化和具有象征性，一幅优秀的平面广告设计具有充满时代意识的新奇感，并具有设计上独特的表现手法和感情。设计是有目的的策划，平面设计是利用视觉元素(文字、图片等)来传播广告项目的设想和计划，并通过视觉元素向目标客户表达。广告主的诉求点。平面设计的好坏除了灵感之外，更重要的是是否准确地将诉求点表达出来，是否符合商业的需要。广告设计的优秀与否对广告视觉传达信息的准确起着关键的作用，是广告活动中不可缺少的重要环节使广告策划的深化和视觉化表现。广告的最终目的在于追求广告效果，而广告效果的优劣，关键在于广告设计的成败。现代广告设计的任务是根据企业营销目标和广告战略的要求，通过引人入胜的艺术表现，清晰准确的传递商品或服务的信息，树立有助于销售的品牌形象与企业形象。

VI设计出来能用于任何场合吗？

适用于任何场合，确保您在商务各种场景中完美应用，并且保证使用的规范和严谨。