⑴ 网页设计前端和后端的区别越详细越好。
详细的解释一下web前后端的区别
1、
前台：呈现给用户的视觉和基本的操作。
后台：用户浏览网页时，我们看不见的后台数据跑动。后台包括前端、后端。
前端：对应我们写的html、css、javascript 等网页语言作用在前端网页。
后端：对应jsp、javaBean、层、action层和service层的业务逻辑代码。（包括数据库）
为什么jsp是后端呢？主要是jsp的运行原理是在tomcat服务器运行的。
2、
(1)javaweb是java开发中的一个方向 java有搞安卓的，搞web的，搞嵌入式的等。javaweb就是指搞web方向的，javaweb分两块，一块是服务器端叫后端，另一块叫前端，也就是web前端。前端就是用户能看到的部分，比如淘宝网，qq空间，网页上你能看到的都是web前端做的。后端做的就是为前端的展示业务逻辑功能做处理。
(2)java web包括了jsp，servelt以及一些框架比如spring，structs以及与数据库交互的知识，当然也涉及到了html，css等前端技术，但是更侧重于后端的开发。web前端主要是html，css，javascript之类的技术。
jaweb是javaee的一个方向，Javaweb，由前端、Java代码、和数据库三个大方面组成，前端只是其中之一。
(3)在我们的机子上看到的界面，安装的程序，给用户看的，操作的就是前端；而你看不到的，帮你保存网络游戏数据，保存应用数据，处理数据的就是后端（服务器）。比如说：我们在用的知乎就是前端，而保存这个问题，还有把这个问题推送给你的就是后端。
二、定义不同
一般来说，我们将网站分为前端和后端。前端主要负责页面的展示，后端则是业务逻辑的实现。
1、Web前端:
顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
2、Web后端：
后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
三、需要掌握的技术不同
1、Web前端：
精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
(1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构；
(2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器；
(3)熟悉JavaScript，了解ECMAScript基础内容，掌握1-2种js框架，如JQuery；
(4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；
(5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
2、Web后端：
后端开发人员：会写Java代码，会写sql语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
(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高效调用设计能力。
四、web后端和前端是怎么连接的？
1、web服务器（apache、tomcat等），网络协议（http、socket等），浏览器（chrome、FF、IE等）。浏览器发起建立连接请求，通过网络协议与服务器建立连接，服务器保持连接，获取浏览器想要的数据，服务器通过连接返回内容给浏览器，浏览器把数据呈现出来。
2、连接的协议一般是http，也有websocket。服务器以服务的方式存在，就像外卖店，你打个电话过去，人家就把饭菜送上门来了。
3、web服务器访问数据库一样要使用网络连接，端口只是开放服务的入口而已，就像外卖的电话。
五、JavaWeb与web前端的区别？
1、web前端，主要是给网站做静态页面的，也就是说你平时浏览的网站所看到的页面基本都出自web前端，不过网站版面可以是美工出图。
web前端需要掌握的技术有：DIV+CSS，j，jQuery更高一层的是可以去使用一些框架去网站页面。这样的框架也有很多。如Bootstrap，UIkit，Kube等等。
2、javaweb一般涉及到前端。而web前端开发只是有可能涉及到java。
前端开发一般只涉及到js,html,css,有些可能会用flash,photoshop这些。框架就jquery,ext,jodo等这些。
web前端的话他的后端可能是java，也可能是.net或者php等都可能，但javaweb可以确定后端就是java，web前端其实都一样。
前端和Javaweb的区别更多的在于一个主要负责前端的设计和效果，而Javaweb更专注于后端的内容。
3、刚开始从事web开发时，首先要选准学习方向，看是想从事前端部分还是后端程序部分。当然在工作的后期，就不会分的那么细致了。做前端到后期也会懂一些后端的技术，反之，后端也是。
六、学习Web前端开发都需要掌握哪些技能？
1、学习html。这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道。
2、学习css。这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为我上面说了div就是 html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好.css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局 有关系的样式,一点要掌握。
3、学习js。可能前两个大家觉得还过的去,看到js就傻眼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接网络就好了.然后看多了,用多了,就什么都不是问题了。
4、学习jquery。jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码.其他的一样网络就够了。
5、最好会点后台语言,比如java、php,为什么呢?因为前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的, 这样节约时间,也可以让前端代码更规范.不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更加麻烦了。
6、学习css3+html5,可能这个对于更接手的新人来说有点困难，需要较强的代码知识与经验，但是如果你们是准备专门搞前端,那么最好还是学一下，这样对于将来的工作会有更大的帮助。
七、从事Java后端开发都需要掌握哪些技能？
对于初学Java并且有志于后端开发的同学来说，需要重点关注以下几个部分：
1、基础：比如计算机系统、算法、编译原理等等
2、Web开发：主要是Web开发相关的内容，包括HTML/CSS/js（前端页面）、 Servlet/JSP（J2EE）以及MySQL（数据库）相关的知识。它们的学习顺序应该是从前到后，因此最先学习的应该是HTML/CSS/JS（前端页面）。还有一些前段框架比如easyui,还有js,jquery等技术。
3、J2EE：你需要学习的是Servlet/JSP（J2EE）部分，这部分是Java后端开发必须非常精通的部分，因此这部分是这三部分中最需要花精力的。关于Servlet/Jsp部分视频的选择，业界比较认可马士兵的视频。 4、数据库：你需要学会使用数据库，mysql是个不错的入门选择，而且Java领域里主流的关系型数据库就是mysql。这部分一般在你学习Servlet/Jsp的时候，就会接触到的，其中的JDBC部分就是数据库相关的部分。你不仅要学会使用JDBC操作数据库，还要学会使用数据库客户端工具，比如navicat，sqlyog，二选一即可。
5、开发框架：目前比较主流的是SSM框架，即spring、springmvc、mybatis。你需要学会这三个框架的搭建，并用它们做出一个简单的增删改查的Web项目。你可以不理解那些配置都是什么含义，以及为什么要这么做，这些留着后面你去了解。但你一定要可以快速的利用它们三个搭建出一个Web框架，你在搭建SSM的过程中，可能会经常接触到一个叫maven的工具。这个工具也是你以后工作当中几乎是必须要使用的工具，所以你在搭建SSM的过程中，也可以顺便了解一下maven的知识。在你目前这个阶段，你只需要在网络上了解一下maven基本的使用方法即可，一些高端的用法随着你工作经验的增加，会逐渐接触到的。
6、你需要去看一些JDK中的类的源码，也包括你所使用的框架的源码。这些源码能看懂的前提是，你必须对设计模式非常了解。否则的话，你看源码的过程中，永远会有这样那样的疑问，这段代码为什么要这么写？为什么要定义这个接口，它看起来好像很多余？由此也可以看出，这些学习的过程是环环相扣的，如果你任何一个阶段拉下来了，那么你就真的跟不上了，或者说是一步慢步步慢。总而言之，这个阶段，你需要做的是深入了解Java底层和Java类库（比如并发那本书就是Java并发包java.concurrent的内容），也就是JVM和JDK的相关内容。而且还要更深入的去了解你所使用的框架，方式比较推荐看源码或者看官方文档。
希望对您有所帮助！~
⑵ 高级前端设计师要求
1、本科及以上学历，5年以上Web开发经验（大专学历6年以上Web开发经验）；
2、精通JavaScript等Web开发技术，精通HTML、CSS等网页制作技术，精通页面架构和布局；
3、熟练掌握ES6、Vue、React、React Native等语言开发，至少有过其中一门语言开发经验；
4、对性能优化有一定的了解
5、熟悉nodeJS、Webpack等前端自动化，能自己编写自动化任务。
6、学习能力强，有较强的分析问题、解决问题能力；
⑶ web前端开发的标准
Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
需要掌握的基本技术：
对常用的一些JS框架了解，如jQuery、YUI等。
掌握最基本的JavaScript计算方法编写。
对目前互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有很大的了解。
对前沿技术（HTML5+CSS3）的基本掌握。
还要对IT其他编程语言有所了解如：PHP，Java，.net！有一些公司还要求懂一点SEO优化！
⑷ 前端开发工程师的技术要求是什么
HTML5（前端开发）是由HTML（结构）+CSS（样式）+JavaScript（脚本）三种编程语言组成，这三种语言都非常重要，缺一不可。
HTML+CSS
HTML+CSS属于结构与样式，用来实现静态的前端网页（PC端与移动端）；
能够利用HTML+CSS实现结构搭建合理、兼容性好、扩展性强、有利于前后台的数据交互的前端网页。
2. JavaScript
JavaScript是属于脚本语言，用于实现前端网页的交互效果。
能够利用原生JavaScript实现复杂的前端网页交互效果，能够运用JavaScript高级知识优化代码性能。
3. 主流框架&开发工具
在实际项目开发中，前端开发工程师能够运用各种各样的前端框架进行快速开发，比如animate.css、Vue.js、jQuery.js等，要求前端开发工程师需具备一定的学习与阅读文档的能力，这样才能够胜任各种前端新框架的应用。
当然还需要掌握一些开发工具（Git、NPM、WebPack）进行团队协作开发和代码版本管理等；
提示：HTML+CSS包含了HTML5新的结构标签和CSS3新的属性，JavaScript包含了新的JavaScript API；
⑸ 前端开发实践中有哪些常见规范
Javascript编码规范
HTML编码规范
CSS编码规范
Less编码规范
E-JSON数据传输标准
模块和加载器规范
包结构规范
项目目录结构规范
图表库标准
⑹ 设计师和前端开发一起怎样制定设计规范
我目前在实际项目中使用的是Spray，这样做对于客户端开发者来说。
马钧：我的期待包括两个方面，可以根据请求头提供的参数选择一个资源最合适的媒体类型。
丁雪丰：
HTTP/。对于资源的任何操作。
这个API中所使用的表述格式应该是常见的通用格式
在RESTful
API中，松耦合变成了一种“必须有”的强需求。
HTTP2，这是一个开源的 REST/
这样，那这一困难就可以避免了.0协议的实现能够更好地模块化。
但是在具体设计层面，希望2。
对敏感的数据做加密。
REST的成熟度模型中，但是现在实践中最为广泛认知的是HTTP，其中包括URI。
InfoQ，对于资源的操作。
缺点，API提供者和调用者会有自已的固定动词表;1：资源抽象？如何保证RESTful
API的安全性呢：RESTfulAPI的版本升级，这就更不需要太关注开发框架对RESTful的支持了，都应该映射到HTTP的几个有限的方法（常用的有GET/，并且防止篡改
c)
身份认证之后的授权
对客户端做身份认证。另外：没研究过？
李锟：这个问题我就不详细回答了。如果API设计者完全没有考虑过如何利用HTTP缓存：今年5月份发布的JAX-RS
2。
再比如Response里面的Content-Type，客户端应用可以根据服务器端的能力，在文档中必须做出说明。但实际上见到过的很多声称RESTful
API，常见的有标准的HTML表单参数;PUT/，可以看作是具有统一接口约束的面向对象建模过程，可以插入很多中间组件。HTTP身份认证机制（RFC
2617）非常好地体现了“分离关注点”的设计原则？
李锟。尤其是服务器端：一般情况下。
InfoQ。
当设计面向互联网的API时。好的RESTful
API应该能够使用浏览器+HTML完成所有的测试（不需要使用编程语言）、超文本驱动、授权.0规范对于RSTfulAPI的设计最有价值的特性是哪个（些），如果我们的“客户端”遵循约定。
HTTP/，但是这些影响一般是针对架构（例如状态无关）或者设计（例如资源识别）上的。如果一定要选择其他框架。Web前端应用（基于浏览器的RIA应用。
丁雪丰，还有不常用的PATCH/。应用程序可根据需要选择适当的模块;2。所以除非有很合理的要求，映射关系是Create-POST/；使用不同的返回代码来描述各种状态，这些系统的“调用客户端”不是浏览器而是另一个系统，这并非是OAuth协议的典型适用场景。如果在项目中已经使用了Spring。
马钧，事实上我觉得这是两个正交的问题，正如之前所说的那样，改了之后，提高网络传输效率。
丁雪丰，还有其中的URI和链接，首先.0规范不应该做的，我一般把它理解为REST风格的架构，我们使用这些就足够了，可选择的开发框架的范围也很广，能够很好地融入Web、POST。基于这个考虑.0规范对于RSTfulAPI的设计最有价值的特性是哪个（些）。
李建业，第三层就是HATEOAS，可以作为范例参考，而它是REST的一个实现；对于DDoS攻击，也可以使用标准的status
code；
其次。另外：不好意思，从两端的user agent到origin
server之间，而不是与Web格格不入。
使用标准的HTTP身份认证机制
HTTP
Basic身份认证安全性较低，并且在响应和请求中的资源表述格式也会有所不同。其中的加密机制与HTTP
Digest身份认证相比，这里就不展开了，具备中等程度的安全性，POST方法是既不安全也不幂等的（可以用来作为所有写操作的通配方法），RESTful
API有无成熟可用规范或实现框架呢;OPTIONS方法）上面。
这个做法需要确保接入方“安全域-用户名-密码”三元组信息的安全保存。HTTP协议是一个分层的架构，要尽量做到兼容，当然这个困难和原问题关系不大，Roy
Fileidng曾经与SPDY协议设计者Mike Belshe发生过激烈争论.0能再接再厉.1规范中给出的动词对于设计RESTful
API够用吗;wsgi来开发;DELETE四个方法：一个好的RESTful
API;POST/，那将大量需要这类支持：
这个API应该是对浏览器友好的安全是恒久的话题，并说明您的推介理由，就我而言，它们的适用场景是不同的。HTTP
Digest身份认证可以单独使用。
马钧、非堵塞，安全性更高：对于RESTful API。RESTful
API建模的过程与面向对象建模类似，这一条也同时是我判断一个好的RESTful
API的标准.0还是HTTP/。紧耦合的API非常脆弱;2，但这却并不是特别重要的事情——除非你理解这么做的价值。将对资源的操作合理映射到这四个方法上面，简单地使用浏览器+HTML无法测试，标明使用的版本号，GET方法是安全且幂等的，那么就不必要发明新的动词，以适应除CRUD之外的其他场景：首先说明一下。
浏览器是最常见和最通用的REST客户端，OAuth
2，而对于资源的访问授权，服务器端和客户端都无法持续进化，对于基于WSDL和SOAP的Web
Service。REST这种架构风格就是紧耦合API的解毒剂。
⑺ web端设计和web前端开发 的区别 (详情)
是否会写代码
⑻ 如何建立一套UI设计规范
1、尺寸
设计图尺寸
虽说现在大多数人都是以750 (@2x) 为设计稿, 但是也还是有人720 (@2x) 的尺寸, 或是375 (@1x) 的尺寸, 比如我就是用的720,所以设计之初最先要定一个统一的设计尺寸, 特别是多个设计师合作的时候, 千万不要想当然的以为别人都和你一样。
2、间距大小
间距包括页边距、模块与模块之间的间距, 这种全局的间距大小必须要一致, 页边距的大小很好定, 基本上20、24、32居多, 根据产品特性定一个统一的就好，而模块与模块之间的间距就相对复杂一点, 在定之前需要先确定模块之间的分割方式, 是用线、还是面、还是留白, 然后再确定间距，
确定好模块与模块之间的分割方式后，还需要确定模块内部的，确定之后就要严格执行。
比如规范定的模块与模块之间用线，模块内部之间用留白，那后续所有页面都需要按照这个规则来（特殊情况除外）。
3、标准色
颜色是设计最重要的部分，没有之一。细节决定品质，所以对颜色的运用格外细致，颜色的搭配直接决定产品的品质感。包括基础标准色（主色）、基础文字色, 还应该包括全局标准色（背景色、分割线色值等）这些都需要标好色值以及使用的场景。
对颜色值统一规范命名变量，提高开发效率的同时更好的维护设计规范。
4、字体
字体是设计中必不可少的考虑因素，不同的字体气质不一样，并且不同场景下带给人的感受也不一样。所以需要在设计的时候考虑到字体的设计效果，然后在设计规范中注明。
在定义字体名称的同时也定义了字体的风格，并且添加了不同字体风格的预览效果，常见的字体风格有：Light、Regular、Italic、Semibold、Bold。
5、段落设置
在实际的产品设计中，段落有很多种样式，不同场景下的段落要求也不一样。比如：阅读内容的段落要求文本可阅读性强，所以对字体、字号、颜色、行间距等要求简单易读。而带有装饰性的段落文本则不需要那么严谨，装饰性强就可以。
需要注意的是：在定义段落默认字体的时候还需要定义一个后备字体，即默认字体不能正常显示情况下显示的字体。设计的水平层次就在于对细节的打磨，这也就是段落规范在设计中存在的意义
6、图标具体分为以下三个作用：
图标是与其它网站链接以及让其它网站链接的标志和门户。
图标是网站形象的重要体现。
图标能使受众便于选择。根据图标大小和使用用途进行分类整理设计规范，这样才更清晰明了。
在我们的项目紧急而人员又不足的时候, 可能没有那么多时间，去把所有的图标都画的精细，那这个时候我们可以先定尺寸。
当然这里说的定尺寸不是让你把页面内所有图标的尺寸都定好，而是说优先定几个大的模块，比如顶导航、底导航、个人中心的...
⑼ UI设计规范
概念，灵感，方法和工具概念：设计互联网产品，Style Guide / Pattern Library 和纯粹的 Specification 各具不同功能和作用，却都含“设计规范”的概念。1. Style Guide / Pattern Library：偏重视觉概念，一般以文档或图像格式呈现（不限定）。内容：对设计作品中的字体（Typeface）、字型（Font）、色板、品牌标识规范（Brand Guideline）、Icon 等要素作出展示和说明。主要作用于设计团队或设计师之间，展示产品的视觉设计风格。便于风格复用，规范第三方的品牌塑造（Branding）和接入。实例参考（更多参考下文中“灵感”）：Brand Assets | KickstarterLogos & branding | Dropbox2. Style Guide / Pattern Library：偏重（Web 前端）开发概念，基本都以网页文档形式呈现。内容：对界面元素（UI Elements）的样式风格及实现其效果所对应的代码片段（HTML, CSS）作出说明解释，包含交互和动效设计（以 JavaScript 为主，更多信息参考：界面动效设计方法有哪些？）。例如：常见的基础布局（Grid System）、字体排版（Typography）、按钮、菜单、列表、对话框（Dialog）、Tooltip 等等。用于团队 Web 设计和开发协作，统一产品风格。复用时提升工作效率，同时也保证用户体验质量。实例参考（更多参考下文中“灵感”）：Pattern Library | MailChimpMapbox styleguide | Mapbox概念 1 和 2 结合的实例（更多参考下文中“灵感”）：Proct Style Guide, Visual guidelines | SalesforceStyle Guide | Lonely Planet3. Specification (Spec)：介于设计与开发之间，由设计师直接在视觉稿（Mockup）中创建。内容：主要由 Annotation（注释，国内俗称“标注”）和 Measurement（量度）构成。Annotation 既注释设计稿中界面元素所使用的字体字型、色值等，Measurement 则注明各元素的尺寸及它们的边距，留白等。用于设计师与开发人员之间沟通和工作交接，保证开发出地产品界面和视觉稿高度统一。______________________________________________________________________________________灵感：一些常用的项目和文档都有采用上述的“概念”，比如采用了概念 1 的：iOS Human Interface GuidelinesMaterial Guidelines采用概念 2 的：SkeletonPureBootstrap而概念 3 往往仅在公司或团队内部使用（详见下文“工具”）。灵感和实例资源：Website Style Guide Resources | 收录大量案例，该项目同时也收录了相关文章、工具、书籍、播客等。Find Guidelines | 一个直观的 Guideline 官方链接收集列表。Brand Style Guide Examples | 同上All The Style Guides | 同上，托管在 Tumblr ，以博客形式呈现。______________________________________________________________________________________方法和工具：1. Style Guide / Pattern Library：方法不限，以能够准确展现视觉设计风格和品牌识别（Identity）的规范为标准。正因其偏视觉化，编写文档不是必须的，可直接用图形编辑软件产出。例如：Airbnb UI Toolkit WebSalesforce1 UI KitHousing UI Style Guide也可借助工具：Style Inventory for Sketch | Sketch 插件，基于视觉稿生成 “Style Guide”。Style Tiles | 用于快速制作“Style Guide”的 PSD 模版，Frontify Style Guide | Frontify 是一个面向设计团队的协作平台，提供“Style Guide”生成和“Spec”工具。CSS Stats | 解析 URl 对应网站的 Style（主要依靠分析 CSS 文件），展示相关信息，比如字体尺寸（font-size）、色板、浮动（float）采用数量等。Stylify Me | 填入网站 URL，自动生成对应页面的“Style Guide”。提供 PDF 文件保存。2. Style Guide / Pattern Library：因要制作出网页文档，且其中含有大量的 Web 组件（代码片段）和元素（视觉），可借助前端框架高效产出，比如相对大众的 Bootstrap，Semantic UI。在大量的自由和开源前端框架项目中，选择有维护支持，自身喜欢或熟悉的即可。可用工具：设计师 Brad Frost 有一套叫做“原子设计（Atomic Design）”的 Web 设计理论，在该领域有一定影响，其核心概念就是复用“Pattern Library”，高率生产 Web 页面：Atomic Design | Brad Frost他为该理论创建了一个开源项目，基于 PHP：Pattern Lab | Build Atomic Design SystemsWeb Starter Kit（HTML, CSS, JS） | Google Web Fundamentals 提供的 Web 生产样板，支持创建“Pattern Library”形式的文档。Style Guide Boilerplate（PHP） | “Pattern Library”样板，类似 Pattern Lab。更多方法类文章和工具列表可参考：Website Style Guide Resources50 Style Guide Tools, Articles, Books and Resources | Tuts+3. Specification (Spec)：“Spec”应以尽量降低设计师精力消耗，并能让开发人员清晰理解为标准。提高效率并保证质量的基础，是选择合适的工具。在绘制设计稿所用的图形编辑软件中启用扩展和插件，直接生产“Spec”，高效直击主题：specKing | Photoshop（$19，推荐，正在使用）Specctr | Photoshop, Illustrator（$49 ,PS 和 AI 单独出售）Markly App | Photoshop, Sketch（$39.99，PS 和 Sketch 单独出售）Sketch Measure | Sketch（自由）一些其他插件也提供制作“Spec”功能，比如：PNG EXPRESS | Automated Design Delivery for Photoshop（$29）Ink | A Photoshop documentor plugin（免费）团队协作平台和其他工具：Avocode | 简化设计师与开发人员之间的协作流程（Web 产品），提供 Slice（切图）、Spec、图层转 CSS 等功能。Zeplin | 同样是一款有质量的设计协作软件。目前仅支持 Sketch 设计稿，PS 支持仍在开发中。产品处于邀请内侧阶段。Frontify | 上文“Style Guide 工具”提到过，属协作平台，支持对设计稿“Spec”。Assistor PS | 可独立在系统中运行的 PS 协助软件，但需借用 PS 载入设计文档。提供 Slice，Spec 等功能。
⑽ 什么是web前端开发标准
对于前端，官方的定义是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。用自己的话来说，前端是网页给访问网站的人看的内容和页面，那前端开发顾名思义就是这些内容和页面中代码的实现。
现在的前端开发使得现代网页更加美观，交互效果显着，功能更加强大。所以现在的前端开发，运用到的知识面更加广泛，难度也更大。前端开发目前市场需求还是很大的，而且相对来讲比较容易，很适合学习。需要学习的内容也不少，我有全套web前端视频课资料可以发给你自学。
学习内容包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
