本节介绍产品经理的图像处理工具sketch,我来截图sketch的界面。
草图打开界面
上一节我们说过,有一定axure软件基础的产品经理在学习素描的时候会比较好用。素描更像是axure的精品版和创意版。我简单介绍一下素描的一些作用。首先,对于那些英语不是很友好的同学,我给你发一个中文包裹地址:https://github.com/cute/SketchI18N.
在github上下载插件包
在英语中,选择管理插件。
打开插件文件夹
把下载的sketchl18n放在这个文件夹里。
需要汉化的同学,按照上述步骤完成操作,然后重新打开软件即可汉化成功。
sketch提供的模板参考
我们可以选择sketch提供的模板来设计不同的器件和尺寸,也可以自己创建一个空白文档。
新建草图空白模板
开始使用:
1.画板插入:快捷键A,然后在空白画布上直接按住左键,就可以画出一个画板,相当于axure中的一个页面。
创建空白画板
首先选择画板,然后调整右侧的画板大小和尺寸。这里我们先用iphone x进行演示。
调整画板的尺寸或预设标准尺寸。
相关快捷方式如图所示:
26.toutiaoimg.com/origin/pgc-image/9de1c0058cc24c1b8fec56462776986c?from=pc” img_width=”345″ img_height=”289″ alt=”产品经理基础知识构成之图像处理工具sketch(1)” inline=”0″>
sketch的绘制快捷键,先按下字母快捷键,然后操作鼠标
2.辅助线:选择“显示”-“画布”-“显示网格,方便我们对画板的范围进行布局参考,有喜欢用显示布局的同学也可以采用布局的模式进行设计,个人比较喜欢网格。
sketch显示网格
网格显示
显示布局
3.图片复制和处理:例如你要拷贝某个图片的时候,可以直接在本地ctrl+c然后在sketch里面ctrl+v,如果是网络图片可以右键复制,如果是截图可以直接ctrl+v.
复制粘贴网络图片
4.下载element ui组件,进行设计学习。
组件下载地址:https://github.com/ElementUI/Resources
下载完成之后,就可以通过sketch直接打开文件即可,如图组件有这些:
简单的入门安装汉化准备操作就介绍到这里,下一节我们再介绍一些其他sketch的一些技巧操作,主要是图片输出和设计上的一些常用知识,学习完这些操作输出单页面的原型设计稿、icon、广告都是没问题了,剩下的是要看个人的美术设计功底,工具和技巧就这些。