㈠ web前端开发设计图
用coreldraw软件的“度量”工具标注：
㈡ UI中的“切图”是什么意思为什么要切图
切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。但因为开发经常需要不同平台不同尺寸的切图，如果全部由UI来做，不仅费时费力，可能还会因为细微的差距造成开发不能很好的还原设计稿。
所以可以用摹客之类的专业工具来自动切图。UI把Sketch、Adobe XD、PS的设计稿进行切图标记，上传至摹客后，开发就可以自主下载不同平台不同尺寸的切图和使用了。
(2)前端设计稿是什么样的图片扩展阅读：
切图用于完成html+css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具 把自己所需的切成一张张小图，然后前端开发用DIV+CSS完成静态页面书写，完成CSS布局。
切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，首先处理的是什么类型的页面图片型（EDM 或活动着陆页等）、图文型（门户网站或电商网站等）、界面型（Web App 等），把图片切出来这个过程是叫切片。
㈢ 前端指什么
前端指的是什么？
前端工程师是 互联网时代软件产品研发中不可缺少的一种专业研发角色。
从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。
从广义上来讲，所有用户终端产品与视觉和交互有关的 部分，都是前端工程师的专业领域。
web前端包括哪些技术？
1 基础技术
前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。
先说“骨”——HTML。HTML,翻译过来就是超文本标记语言，而不是江湖上的HOW TO ML。方向不能搞错了，我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习，div、h1-h6、p、ul-li、strong、图片、字体等，什么内容用什么框.
再说“肉”——CSS。CSS定义了HTML标签的显示外观，气质。主要掌握浮动，宽高设置、显示属性等
最后“魂”——Javascript。这是运行在浏览器上的脚本，但是现在javascript已经远远不是当年的那个js了，尤其Ecmascript6标准出来后，nodeJS 横空出世，JS暴露出一统天下的野心，JS让网页变得灵活，其实现的每一个明里暗里的交互，其实是为了触及您的灵魂，这也是其成为魂的原因。
而现在，CSS3和HTML5的发展，又将web推向下一个时代，一个更为丰富多彩的时代。
2 环境基础
设备、浏览器以及工作原理
必须指出的是，html CSS JS都是运行在浏览器的，是由浏览器负责编译和呈现的。所以必须了解浏览器的工作原理。但是浏览器千千万万，也不是每个都要去解剖，主要的有Chrome, Firefox, IE，Safari,Opera,国内的主浏浏览器基本是基于chrome内核开发，做了一些更为接地气的功能，了解下就可以了，主要有QQ浏览器，UC，网络浏览器，360浏览器，搜狗浏览器，猎豹浏览器等。
3 计算机基础
计算机网络，http协议。既然是web必不可少需要知道计算机网络的知识，这对于网页的加载和速度优化有很大的帮助，并且，我们做的不是静态的页面，而是动态的，所以必然涉及到与后台之间的数据的传输和存储，这个是要掌握的。
必须懂：Ajax，必须会的工具：fiddler
4 流行框架
流行的前端UI框架：
Bootstrap、jQuery UI、Amaze UI
流行的前端框架：
jquery mobile
angular.Js
Vue.js
React.js
5 可视化组件
Echarts
tableau(收费)
6 新应用
针对移动化以及物联网方向发展
7 锦上添花—
UI、 UX 、交互设计、 SEO（包括SEM） 、产品，更主要一个同理心。好的设计和交互才能带来的好的体验，赢得用户。
SEO则在推广层面，好的SEO让我们以最低的成本，借力搜索引擎，获得更加跟多的曝光机会，毕竟这是个酒香也怕巷子深的时代。
最后是产品，站在产品角度，融合（前后端）技术和商业，让产品产生价值，实现价值。
㈣ UI设计稿交付给前端开发应该是什么样子的
最好的肯定是同步的设计稿，不仅能真实展示UI设计稿，还能解放设计师！
一个很方便的同步设计稿方式是，在sketch里做完设计后，可以用墨刀给sketch设计稿做自动标注，分享链接给开发哥哥，他们就可以查看标注了～
操作办法：下载“墨刀sketch插件”并安装，在sketch里选择页面导出到墨刀项目里，点击“分享”获取分享链接，发给开发，他们就能在“标注”处查看标注了。
这是我自己做一个设计稿分享给前端的效果图：
㈤ 前端开发和后端开发有什么区别
前端开发和后端开发的区别在于：
一、展示方式不同
1、前端开发主要做的是用户所能看到的前端展示界面。
2、后端开发主要做的是逻辑功能等模块，是用户不可见的。
二、所用技术不同
1、前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、AngularJs等技术。
2、后端开发 以java为例 主要用到的 是包括但不限于Struts spring springmvc Hibernate Http协议 Servlet Tomcat服务器等技术。
(5)前端设计稿是什么样的图片扩展阅读：
公司对前后端人员招聘的要求：
Web前端：
1、精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构；
2、精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器；
3、熟悉JavaScript，了解ECMAScript基础内容，掌握1到2种js框架，如JQuery；
4、对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；
5、对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施；
Web后端：
1、精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解；
2、练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力；
3、熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑；
4、精通面向对象分析和设计技术，包括设计模式、UML建模等；
5、熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力；
㈥ 前端怎么看设计稿
前端开发不包含ui设计部分，主要工作在于切图、制作静态页面、制作特效、jq、ajax、与后台程序结合部分。
网页设计一般包含整站网页视觉方案，提供PSD或PNG格式的主要页面预览图，高级一点的还会给出标准配色表，风格设计指南（内含一般性风格设计规格：设计理念，留白间距，按钮样式，使用场景）等附件。大公司一般还有交互设计师，主要关注人机界面的易用性和用户友好性。
网页设计一般包含整站网页视觉方案，提供PSD或PNG格式的主要页面预览图，高级一点的还会给出标准配色表，风格设计指南（内含一般性风格设计规格：设计理念，留白间距，按钮样式，使用场景）等附件。大公司一般还有交互设计师，主要关注人机界面的易用性和用户友好性。
㈦ 网页设计好后的切图是什么意思呢
切图就是把用设计软件设置好的图片切成相应的大小，切图后再把图片上传就可以可以加快显示速度，不用等整个图片都下载以后显示。
PS切图步骤：
1、打开PS，然后点击切片工具。