2020-06-27 21:41发布
能把所有设计稿里出现的图形元素按照基础要求切出来交给前端工程师。
对所有切图进行优化，有针对图片输出体积的优化、有利用 CSS Sprite 减少请求的优化、也有针对减少自己后期网站改版升级时候工作量的优化。这部分已经需要很多前段方面的知识了。要让切图也「语义化」必须得和前段配合得很好。
从超出「图片」的角度思考并且实现更高阶的效果，比如现在做网页经常需要考虑桌面和移动平台的不同分辨率，使用 Responsive 的布局的话切图应该怎么切，是不是需要切两套；遇到 iPad 或者 rMBP 的高清屏怎么处理网页中的图片以及背景；是否可以应用一些新的技术比如 Web Font、Font Icon、CSS 3 里的新特性来减少网页里的图片等等。
ps切图主要用于比较长的图片分割。主要用于互联网Ui电商设计等。因为网络加载图片是需要时间的，如果图片过长过大，加载时间就会过长。所以需要切图工具进行切图处理。
图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。
切图与标注是为了能够满足开发人员对于效果图的高度还原需求，直接影响到工程师对设计效果的还原度，并且也是设计师重要的输出物之一。
切图的规范：
1、切图的尺寸必须为偶数；
2、同一模块内，切图大小应保持一致；
3、如果有背景，尽量用平铺的背景图案来设计（减少程序体积）；
4、可点击的部件要把相关状态都切图输出，比如：正常状态、点击状态、不可点击状态；
5、输出的切图应当尽可能的压缩大小，以降低 APP 的总大小，提升用户使用时的加载速度（推荐在线压缩：https://tinypng.com）；
6、所有的变形字体把它当成 icon 来切；
7、切图输出格式：png-24；
8、重复的东西只切一个。
切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。但因为开发经常需要不同平台不同尺寸的切图，如果全部由UI来做，不仅费时费力，可能还会因为细微的差距造成开发不能很好的还原设计稿。
所以可以用摹客之类的专业工具来自动切图。UI把Sketch、Adobe XD、PS的设计稿进行切图标记，上传至摹客后，开发就可以自主下载不同平台不同尺寸的切图和使用了。
切图用于完成html+css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具 把自己所需的切成一张张小图，然后前端开发用DIV+CSS完成静态页面书写，完成CSS布局。
切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，首先处理的是什么类型的页面图片型（EDM 或活动着陆页等）、图文型（门户网站或电商网站等）、界面型（Web App 等），把图片切出来这个过程是叫切片
为了便于前端开发使用
为了便于在不同的环境下使用
制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。
UI即用户界面（User Interface）的简称。泛指用户的操作界面，如手机APP、网页、电脑软件窗口等。
UI设计主要是进行界面的样式设计，确保美观程度。好的UI不仅是让软件变得有个性、有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。
如何学习UI？就是指如何成为UI设计师，即设计用户界面的人。
UI设计师绝不是打杂的美工，他能在设计中为产品注入新的价值。特别是在“网络就是一切”的今天，优秀的UI设计能为你的网站、手机应用、网络店铺带来更加丰厚的收入。
你好：关于需要学习几个月能找工作，我的理解和建议如下：1. 首先要确认自身是否有相关的专业积累？因为UI只是设计者手中的工具，它是内在设计思想有效的表达途径。学习软件很容易，但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累，那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱，然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是：用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。UE是英文User Experience的缩写，翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏，然后再继续点 点到只剩下需要的元素， 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏，把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说，更加看重的是个人的设计能力和理念，以及操作能力，和男女的性别没有太大的关系。
靠谱肯定都靠谱的，就看你自己的兴趣爱好，发展前景都很好，大前端是一种网站搭建，小程序开发等用户端口开发的技术，UI设计就是纯纯的设计师岗位，将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性，比如两个人之间的聊天沟通，带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下，这个时间大约是3天，我们会详细了解企业，对竞争对手的企业logo进行调查分析，这样可以更准确的控制方向，避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控，在预算上就一定要留下足够的余地。 此外，你的解...
一、具象表现形式： 具象表现是忠实于客观物象的自然形态，对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征，是对现实对象的浓缩与精炼、概括与简化，突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1．设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2．设计须充分考虑其实现的可行性，针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式（如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站，上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此，网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标，而且还提供EP...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 779. 的问题《UI中的“切图”是什么意思？为什么要切图？》','http://www.shouhuola.com/q-20814.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
能把所有设计稿里出现的图形元素按照基础要求切出来交给前端工程师。
对所有切图进行优化，有针对图片输出体积的优化、有利用 CSS Sprite 减少请求的优化、也有针对减少自己后期网站改版升级时候工作量的优化。这部分已经需要很多前段方面的知识了。要让切图也「语义化」必须得和前段配合得很好。
从超出「图片」的角度思考并且实现更高阶的效果，比如现在做网页经常需要考虑桌面和移动平台的不同分辨率，使用 Responsive 的布局的话切图应该怎么切，是不是需要切两套；遇到 iPad 或者 rMBP 的高清屏怎么处理网页中的图片以及背景；是否可以应用一些新的技术比如 Web Font、Font Icon、CSS 3 里的新特性来减少网页里的图片等等。
ps切图主要用于比较长的图片分割。主要用于互联网Ui电商设计等。因为网络加载图片是需要时间的，如果图片过长过大，加载时间就会过长。所以需要切图工具进行切图处理。
图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。
切图与标注是为了能够满足开发人员对于效果图的高度还原需求，直接影响到工程师对设计效果的还原度，并且也是设计师重要的输出物之一。
切图的规范：
1、切图的尺寸必须为偶数；
2、同一模块内，切图大小应保持一致；
3、如果有背景，尽量用平铺的背景图案来设计（减少程序体积）；
4、可点击的部件要把相关状态都切图输出，比如：正常状态、点击状态、不可点击状态；
5、输出的切图应当尽可能的压缩大小，以降低 APP 的总大小，提升用户使用时的加载速度（推荐在线压缩：https://tinypng.com）；
6、所有的变形字体把它当成 icon 来切；
7、切图输出格式：png-24；
8、重复的东西只切一个。
切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。但因为开发经常需要不同平台不同尺寸的切图，如果全部由UI来做，不仅费时费力，可能还会因为细微的差距造成开发不能很好的还原设计稿。
所以可以用摹客之类的专业工具来自动切图。UI把Sketch、Adobe XD、PS的设计稿进行切图标记，上传至摹客后，开发就可以自主下载不同平台不同尺寸的切图和使用了。
切图用于完成html+css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具 把自己所需的切成一张张小图，然后前端开发用DIV+CSS完成静态页面书写，完成CSS布局。
切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，首先处理的是什么类型的页面图片型（EDM 或活动着陆页等）、图文型（门户网站或电商网站等）、界面型（Web App 等），把图片切出来这个过程是叫切片
为了便于前端开发使用
为了便于在不同的环境下使用
制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。
UI即用户界面（User Interface）的简称。泛指用户的操作界面，如手机APP、网页、电脑软件窗口等。
UI设计主要是进行界面的样式设计，确保美观程度。好的UI不仅是让软件变得有个性、有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。
如何学习UI？就是指如何成为UI设计师，即设计用户界面的人。
UI设计师绝不是打杂的美工，他能在设计中为产品注入新的价值。特别是在“网络就是一切”的今天，优秀的UI设计能为你的网站、手机应用、网络店铺带来更加丰厚的收入。
相关问题推荐
你好：关于需要学习几个月能找工作，我的理解和建议如下：1. 首先要确认自身是否有相关的专业积累？因为UI只是设计者手中的工具，它是内在设计思想有效的表达途径。学习软件很容易，但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累，那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱，然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是：用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。UE是英文User Experience的缩写，翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏，然后再继续点 点到只剩下需要的元素， 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏，把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说，更加看重的是个人的设计能力和理念，以及操作能力，和男女的性别没有太大的关系。
靠谱肯定都靠谱的，就看你自己的兴趣爱好，发展前景都很好，大前端是一种网站搭建，小程序开发等用户端口开发的技术，UI设计就是纯纯的设计师岗位，将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性，比如两个人之间的聊天沟通，带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下，这个时间大约是3天，我们会详细了解企业，对竞争对手的企业logo进行调查分析，这样可以更准确的控制方向，避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控，在预算上就一定要留下足够的余地。 此外，你的解...
一、具象表现形式： 具象表现是忠实于客观物象的自然形态，对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征，是对现实对象的浓缩与精炼、概括与简化，突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1．设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2．设计须充分考虑其实现的可行性，针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式（如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站，上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此，网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标，而且还提供EP...
1、沟通收集信息 在标志设计开始之前，充分与委托方沟通交流，了解委托方对于标志设计的要求。通过与委托方的沟通，尽可能收集诸如企业文化、企业面向的用户群体、企业类型等；在与委托方的沟通交流中，我们可以得知需要通过设计解决委托方的那些需求。为...