ui设计必须学习sketch吗

Sketch作为一个为UI设计而生的工具，全矢量、轻量级、像素级精准，非常适合做移动端应用类的界面设计和简单的扁平图标设计。轻巧、优雅、高效，三点相辅相成。出道至今已经强力地占据了一片设计师市场，以至于经常被拿来跟PS对比。

虽然Sketch优点诸多，但是对位图编辑不友好也是事实，就这一点来说完全不能与PS相提并论。但是严格来讲，Sketch的卖点本来就无关位图，其针对UI设计的 *** 作、交互模式有助于大大提高工作效率。另外使用Sketch还要考虑的问题就是还要多背一台MacBook。

已经使用了Sketch一段时间了，当然觉得非常不错。所以我觉得可以把我觉得有用的一些小技巧分享给大家，在日常使用Sketch的时候，也许能更加顺手。

通过这个技巧，我们可以快速的复制的样式到其他图层上，而不用一个个的重新设置。

在做设计的时候，会经常碰到图层需要移动的状况，用鼠标来拖动图层实在是效率太低，因此这个方法可以很好地减少不必要的 *** 作时间。

这个技巧可能大家没有太注意到，在使用Sketch的颜色选择器的时候，可以提取到屏幕里所有可见目标的颜色，而不用再麻烦的截个图，扔进Sketch，再提取颜色，简单的把Sketch往旁边拉开一点吧，然后随意的提取吧。

又是一个值得学习的技巧，Sketch支持设置不同的圆角，那如何设置呢？只需要在Radiuses里填写想要的数值即可。

顺序为： 左上角/右上角/右下角/左下角。

Sketch里有一个Symbol的概念，在做设计的时候极其方便，比如不同页面里同样的导航栏，同样的按钮。Symbol是一个可以重复使用的元素，改变一个Symbol元素的内容，其他的也跟着改变。那么如何 *** 作呢？

只需要选择打组工具，“ ⌘+G ”。再将所需原色打组后，点击“ Create Symbol ”，这时候，你就会拥有一个新的Symbol。

面对经常使用的功能，我们不应该每次都去在下拉菜单选择使用，而是应该常驻在我们的工具栏里面。

在工具栏右键选择“ Customize Toolbar ”，我们就可以拖拽想要的工具到菜单栏，也可以把菜单栏里不需要的快捷 *** 作删除。

官方其实已经提供了我们这样的工具，Mirror（￥30），支持同一WIFI下的连接，新版支持IP直连，更加稳定。

Mirror功能唯一且简单，支持各个Artboard的切换，左右滑动可快速在相邻Artboard查看设计稿，值得拥有。

这部分原作者只推荐了SketchToolBox，也是大家应该相对比较熟悉的工具。

在这我再补充推荐一个网站，一个根据使用场景来分的Sketch插件网站。名字叫Sketch Plugin Filter。

进入首页，会列出很多的插件，我们点击左侧的“ FILTER BY USE CASE ”按钮，会进入下图界面。

我们此时就可以根据自己的使用场景需求来选择最合适的插件，而不用在成千上万种插件里去大海淘针一样的去找到需要的插件。

[插件地址]

当我们给其他人展示我们的设计时，不想出现那些条条框框和格子，这时候我们就可以点击“ ⌘+ ”，进入全屏模式，去掉那些烦人且不重要的部分。

有时我们碰到了一些好的动态效果，但没法记录下来，但想保存下来，作为素材库中的素材。那么如何实现录屏功能？

首先，将iPhone或者iPad用线与电脑连接（必须），之后打开” Quicktime ”，选择 ” Moive Recording ”，在下拉菜单里选择我们的设备，iPhone或者iPad，最后的事，当然就是愉快的录屏了。

Sketch其实还有很多小技巧，原文作者只是分享了其中的一部分，而工具终究是工具，需要的还是提高我们自己。

线框图工具和App原型设计工具不断的改变着UX设计师的工作方式。作为一名设计师，很幸运市面上有丰富的原型设计工具供我们使用。我给你推荐三款主流软件供您参考，这三款软件都是可以让我们能够以较低的成本来创建我们的原型。

Sketch

兼容：只支持Mac

学习曲线：中

优势：轻量，提供大量插件

Sketch是一款比较受欢迎的基于矢量的app原型设计工具。自2009年推出以来，Sketch就收获了一大批粉丝。 Sketch提供了上百个插件，基本上你想要的插件都可以下载到，极大的提升了设计师的工作效率。虽然Sketch确实支持一定程度上的交互和用户流（使用插件）但它真正令人眼前一亮的是它填补了Photoshop一些功能上的空白。

Figma

兼容：Win,、Chrome、Linux、Mac

学习曲线：中

优势：多平台 *** 作（Win,、Chrome、Linux、Mac）

Figma 是一个 基于浏览器 的协作式 UI 设计工具，从推出至今越来越受到 UI 设计师的青睐，也有很多的设计团队投入了Figma 的怀抱，接下来我会带大家深入了解 Figma，以及我们为什么要使用 Figma。

Mockplus

兼容：Mac，Window，Android，IOS

学习曲线：低

优势：快速进行设计，交互和测试

Mockplus是产品经理圈子中最受欢迎的一款app原型设计工具。与Axure等复杂的app原型工具相比，Mockplus最大的优势就是快，简单，高效。非常适合做中低保真原型，采用拖拽连接点的方式就可快速的创建页面与组件的交互，并且提供了封装好的3,000个图标和200个组件，一键拖拽，即可使用。另外Mockplus有8种预览方式可以共享和测试你的原型，也可直接通过微信小程序分享给客户或者朋友查看，十分方便，这也是我非常喜欢的原因之一。另外摹客设计云设计协作平台包含了原型设计、全流程协作、设计规范等使用功能，对设计师非常友好。网页链接

本教程为翻译教程，原文地址为：

>

想从网页页面设计转手机UI设计，好转吗？页页面设计是对已开发出的网站或H5界面进行的页面设计美化工作，而手机UI设计是指对手机软件的人机交互、 *** 作逻辑、界面美观的整体设计，两者既有区别，又有共通性，只要你找准学习UI设计的方法，也十分容易。下面，我总结了一些自己从业心得和经验，希望能为你解惑，对你有所帮助。

“想从网页页面设计转手机UI设计，好转吗？”手机UI设计主要是设计APP和小程序，以及手机界面的H5界面。ipad和平板电脑也可视为手机。

想从网页设计转手机UI设计，好转吗？好转，做到多学，多看，多总结，再创新，就好转不难。

多学，就是多学设计软件。可以设计手机UI设计的软件有PS、sketch、DX、AI、AE等。PS、Sketch、DX，主要是用于界面设计。PS功能很强大，但在手机UI设计中并不会运用到PS太多功能，功能强大反而成了弊端，设计 *** 作时不太方便，效率低，做矢量图不太方便。Sketch是PS的轻量版，学习成本低，上手快，直接可以做矢量图，可以设计图标。基本上会PS就会Sketch，效率高，不仅能能配合蓝湖插件还能直接在设计图上做逻辑跳转。DX是Sketch的替代品，不太稳定。AI主要是用于设计图标。AE主要是设计交互动效，前期也可以不学AE，网上有很多现成交互动效组件，可以直接套用，后期研发人员用起也方便。

多看，就是多浏览优秀的设计稿件，推荐UI中国、站酷以及花瓣网，那上面有很多优秀的作品。通常UI设计是根据产品经理设计的原型图进行设计，如果没有产品经理那么原型图可以自己画也可以忽略这步直接做UI设计。首先要了解和满足客户的功能需求，这需要看客户需求文件。其次就是交互体验感简单舒适，这可以多下载一些知名App和小程序 *** 作体验。接着是界面逻辑要通畅，界面逻辑要严谨不能太跳跃。其次就是界面美观（这点个网页设计类似）。

手机UI设计对尺寸的要求比较规范。无论是界面的尺寸还是设计icon的尺寸，都必须遵循设计尺寸规范，值得注意的是安卓和ios的设计尺寸不同，但通常只需设计一种，后期程序猿会进行适配。以App为例，我用的是iphone8的1倍图375667像素。

以上是我针对“网页页面设计转手机UI，好转吗”做的回答，希望通过我的讲解你能对手机UI设计有个初步的认识和了解。

以上就是关于ui设计必须学习sketch吗全部的内容，包括:ui设计必须学习sketch吗、Sketch - 给设计师的10个Sketch小技巧、手机App开发之前的设计，用什么软件画原型等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！