本篇目录：
- 1、ui界面原型设计工具
- 2、如何在手机中看sketch一张效果图
- 3、实用干货:三分钟教你快速设置Sketch切图方案
- 4、APP设计利器Sketch教程
- 5、为何SKETCH预置画布尺寸比真实分辨率小?
- 6、如何用sketch制作精致的APP原型
ui界面原型设计工具
Sketch在UI设计中应用比较广泛，是一款强大的界面设计工具。 专业用于用户界面与用户体验设计制作，让设计变得更简单，更高效，不过支持平台只限Mac。
Sketch，目前最火的UI设计工具。Sketch的界面非常棒，是为想要设计图标或界面的用户而特制的，支持多个文件分层；使用了最佳的文字渲染和文字样式算法；画布具有无限尺寸；而且切片工具非常棒。
UI界面设计需要用到的软件有图像处理软件photoshop、矢量图形制作illustrator、快速原型设计工具Axure RP、UI设计软件Sketch、动效设计软件After Effects、交互设计工具Principle、三维效果软件C4D及思维导图软件 X-mind等。
Sketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让界面设计变得更简单、高效，简单易用。
最常用的肯定是Photoshop了，至于其它的也有用的，比如Illustrator，或者更专业的一些设计软件，就不接触了。
Pop(PrototypingonPaper)POP是一款设计界面的原型工具，适用于iOS和Android平台。
如何在手机中看sketch一张效果图
1、把GitHub下载的SketchPreview压缩包，打开Sketch软件，选择Plugins - Reveal Plugins Folder放入压缩包。通过SketchPreview中间件，可以设置预览的倍数。@2X或者@3X 设置完成，按下+P即可在IPAD和手机上预览。
2、通过sketch本身的mirror是难以做到在真实浏览器情景下预览设计稿的，但是通过Design Play设计稿预览就可以，打开手机中的Design Play预览稿就可以了。
3、首先在你的手机里面找到下载好的sketchbook软件并点击打开。进入到sketchbook绘画和创作，选择右上角的图标。点击后就会出现一个小框，里面有一个【图库】。点击打开下拉菜单中的绘图过程，点击确定播放即可观看。
实用干货:三分钟教你快速设置Sketch切图方案
1、点击顶部菜单栏的 Sketch （就在苹果图标右边）—— Preferences 或者在画板上随便选择一个设计元素，然后点击界面右下角的Make Exportable。按如下图步骤也能打开切图方案选项卡。
2、第一种 整套切图 第一步：整理Icon 最好能将整个APP的Icon分组整理在一个文件中，这样可以帮助自己规范样式和尺寸，并直接在此文件中进行细节优化调整，减少因同一个图标在不同页面反复出现，需进行多次调整的情况。
3、在摹客官网下载插件，安装好后打开Sketch，在「Plugins(插件)」中找到摹客插件，选择并打开。在Sketch中标记切图。切图往往存在两种形式：素材填满整个切图或者素材周围带空白区域。
4、如截图所示假设需要把三个图标一起截图 先创建一个画布，英文版为artboard。
5、Sketch快捷键命令 形状的描边和填充：形状的描边快捷键是B，填充的快捷键是F，其实就是Borders和Fills首字母。直接吸取颜色：直接吸色快捷键Control+C，然后就可以吸取屏幕上任何地方的色彩。
APP设计利器Sketch教程
1、不必，sketch有丰富的素材库，我们可以直接将需要的部分拖进来即可，这节省了我们大部分的时间，使我们可以将腾出来的时间用于更加核心的产品设计思考上。
2、第三步，sketch特色，体验强大的对齐功能 我们在artboard上绘制了一些元素，这个时候，我们可能会需要让他们对齐，或居中，或居右。
3、Step1 点击顶部菜单栏的 Sketch （就在苹果图标右边）—— Preferences 或者在画板上随便选择一个设计元素，然后点击界面右下角的Make Exportable。按如下图步骤也能打开切图方案选项卡。
4、sketchbook软件基础操作技巧教程：打开SKB软件 首先这里我们讲解一下当前家装使用的软件。在下载好的效果图中将其中一个拖入到skecthbook中。
5、本教程为翻译教程，原文地址为：http：// 虽然Sketch主要是设计用户界面的软件，可是用来设计icon也同样顺手。
为何SKETCH预置画布尺寸比真实分辨率小?
1、简单来计算下，当分辨率增大，比如增大到640-960px时，在密度不变的情况下，2px=1pt，因为像素点密集了，所以需要更多的点才能充满单位物理尺寸。
2、实际上，随着屏幕分辨率的提升，字体的渲染引擎带来的差异已经在不断缩小，但是大家在进行iOS和Apple Watch设计时，最好还是应取消勾选。
3、设置图像大小的依据是：海报的实际尺寸。如海报的宽高尺寸是100厘米×150厘米，那么，图像大小的设置如下图：分辨率设置。分辨率要根据海报的成像方法：数码图像：72/英寸。打印印刷：350/英寸。
4、可以发现这两台显示器的像素分布。直观感受就是，27英寸1080p分辨率的显示器的显示效果明显逊于22英寸1080p显示器的效果，比如颗粒感严重等等。一个重要的原因就是，两台液晶面板中的“像素”颗粒大小不一。
5、Sketch为开发者提供了许多使用的功能。如多层式填充绘制，渐变绘制，噪点绘制，混合模糊绘制等视图设计中常用的操作。另外，Sketch与其他绘图软件不同的是，它还提供通过布尔运算来将多个简单形状混合更为复杂的形状。
6、设置里调。打开Sketchbook应用程序，点击右上角的设置图标，在设置菜单中，点击画布选项卡。在画布菜单中，点击分辨率选项，在分辨率菜单中，选择想要的分辨率，然后点击确定按钮。
如何用sketch制作精致的APP原型
1、Sketch不太适合制作出精致的交互原型，建议你可以在Sketch中制作好设计后，使用墨刀给Sketch设计稿做交互设计。操作办法：下载“墨刀sketch插件”并安装，在sketch里选择页面导出到墨刀项目里，可以在这里制作交互原型。
2、Food App UI Sketchapp Tutorial / Sketch4 Tutorial视频主要是介绍如何使用Sketch制作一个美食类APP 菜单栏UI设计，简单易懂。
3、按照这个思路，我们可以制作更多的图标出来，当然还可以制作一些常用控件比如按钮、appbar、搜索栏、图标占位符等等。如下图，是我在画「读读日报」原型图时制作的一个元件库： 元件库制作完成之后，然后就进入到最后一个步骤。
4、用Sketch设计一套稿可以适用 iOS 和 Android 两个版本的app： 以屏幕渲染像素(Rendered Pixels)尺寸做， iOS iPhone 6，750x1334px 开始设计。
5、Low-fi，即低保真原型图，整个APP设计阶段，设计师真正开始上手的环节。待PM制作好PRD文档和逻辑流程图之后，交互设计师开始依据已有的结论，画出Low-fi。Low-fi的作用 方便团队进行方案的讨论和统一。
到此，以上就是小编对于sketch2code的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。
微信扫一扫打赏
