sketch生成网页（sketch怎么生成html）

本文目录一览：

• 1、用Sketch如何做切图?
• 2、不是专业的美工,一般前端工程师设计网页的时候,要用什么设计呢?_百度...
• 3、来认识一下Sketch

用Sketch如何做切图?

实现选中想要的Group切图保留透明部分。点击：+加号。点击：刀的图标 。勾选 Export Group Contents Only 的操作。实现的切来图效果如下。实现Export如图。

sketch里面切图其实非常简单，我们常用的切图有两种，一种是单独对于某个图标，或者界面里的某些元素：另一种就是把效果图也就是每个界面单独切出来给开发们，方便他们看效果图用。

第二种 单个切图 第一步：选择Icon 选择要切的icon。将它复制粘贴到画板外空白处，这样可以保证切的图是无背景的效果。第二步：导出Icon 选择画板外的Icon，点击右下角［＋］加号，添加所需要的icon倍数。

Step1 点击顶部菜单栏的 Sketch （就在苹果图标右边）—— Preferences 或者在画板上随便选择一个设计元素，然后点击界面右下角的Make Exportable。按如下图步骤也能打开切图方案选项卡。

不是专业的美工,一般前端工程师设计网页的时候,要用什么设计呢?_百度...

1、说得直白点就是美工photoshop，交互设计，flash，js，html+css。就小规模公司而言，一个技术员都得会这几样技能，这样很锻炼人的，慢慢的你就会成为公司的主力。

2、三剑客之Adobe Fireworks 强大的像素图处理软件，因为Photoshop的光辉使它不再那么闪耀，不过熟悉网页制作的人还是蛮了解它的。

3、所谓的网页前端 就是网页设计和网页前台代码的编写。网页设计，那就学Adobe Fireworks或者Photoshop吧，纯设计软件，呵呵。所学的技术就是美工设计啦；网页前台代码，就是html语言，这你应该知道吧。现在流行的是html+css布局。

4、学习HTML。用HTML设计网站，可以控制设计的整个过程。但是，如果仅仅是网站设计的新手，应该寻找一个允许修改HTML的软件包。HomeSite4为一个很好的Web设计工具。在设计过程中，HomeSite4能帮助学习HTML。

来认识一下Sketch

1、Sketch Mirror是一个Universal App，可以方便你在iPhone或是iPad上查看自己的成果。（作者撰写这个文章的时候Sketch还没有推出官方的镜像工具，所以这一段是译者补充的）。Sketch是一个小团队，发展非常快速。

2、Sketch是专门为Mac的ios开发的一款矢量图形绘制软件，关于这款软件介绍如下：Sketch是一款界面优美，功能强大的图形绘制软件。

3、sketch的默认画布展示是矢量模式，即他的分辨率是独立的，可以无限放大。

4、SketchUp又名“草图大师”， 是一款可供用于创建、共享和展示 3D 模型的软件。不同于3dsmax，它是平面建模。