草图(1),由产品经理基础知识组成的图像处理工具

这一节给大家介绍一下产品经理的图像处理工具sketch,我给大家截图一下sketch的界面看看ske

本节介绍产品经理的图像处理工具sketch,我来截图sketch的界面。

产品经理基础知识构成之图像处理工具sketch(1)

草图打开界面

上一节我们说过,有一定axure软件基础的产品经理在学习素描的时候会比较好用。素描更像是axure的精品版和创意版。我简单介绍一下素描的一些作用。首先,对于那些英语不是很友好的同学,我给你发一个中文包裹地址:https://github.com/cute/SketchI18N.

产品经理基础知识构成之图像处理工具sketch(1)

在github上下载插件包

产品经理基础知识构成之图像处理工具sketch(1)

在英语中,选择管理插件。

产品经理基础知识构成之图像处理工具sketch(1)

打开插件文件夹

产品经理基础知识构成之图像处理工具sketch(1)

把下载的sketchl18n放在这个文件夹里。

需要汉化的同学,按照上述步骤完成操作,然后重新打开软件即可汉化成功。

产品经理基础知识构成之图像处理工具sketch(1)

sketch提供的模板参考

我们可以选择sketch提供的模板来设计不同的器件和尺寸,也可以自己创建一个空白文档。

产品经理基础知识构成之图像处理工具sketch(1)

新建草图空白模板

开始使用:

1.画板插入:快捷键A,然后在空白画布上直接按住左键,就可以画出一个画板,相当于axure中的一个页面。

产品经理基础知识构成之图像处理工具sketch(1)

创建空白画板

首先选择画板,然后调整右侧的画板大小和尺寸。这里我们先用iphone x进行演示。

产品经理基础知识构成之图像处理工具sketch(1)

调整画板的尺寸或预设标准尺寸。

相关快捷方式如图所示:

26.toutiaoimg.com/origin/pgc-image/9de1c0058cc24c1b8fec56462776986c?from=pc” img_width=”345″ img_height=”289″ alt=”产品经理基础知识构成之图像处理工具sketch(1)” inline=”0″>

sketch的绘制快捷键,先按下字母快捷键,然后操作鼠标

2.辅助线:选择“显示”-“画布”-“显示网格,方便我们对画板的范围进行布局参考,有喜欢用显示布局的同学也可以采用布局的模式进行设计,个人比较喜欢网格。

产品经理基础知识构成之图像处理工具sketch(1)

sketch显示网格

产品经理基础知识构成之图像处理工具sketch(1)

网格显示

产品经理基础知识构成之图像处理工具sketch(1)

显示布局

3.图片复制和处理:例如你要拷贝某个图片的时候,可以直接在本地ctrl+c然后在sketch里面ctrl+v,如果是网络图片可以右键复制,如果是截图可以直接ctrl+v.

产品经理基础知识构成之图像处理工具sketch(1)

复制粘贴网络图片

4.下载element ui组件,进行设计学习。

组件下载地址:https://github.com/ElementUI/Resources

产品经理基础知识构成之图像处理工具sketch(1)

下载完成之后,就可以通过sketch直接打开文件即可,如图组件有这些:

产品经理基础知识构成之图像处理工具sketch(1)

简单的入门安装汉化准备操作就介绍到这里,下一节我们再介绍一些其他sketch的一些技巧操作,主要是图片输出和设计上的一些常用知识,学习完这些操作输出单页面的原型设计稿、icon、广告都是没问题了,剩下的是要看个人的美术设计功底,工具和技巧就这些。

剪辑交流

sketch symbol,sketch中symbol

2022-6-13 20:19:00

剪辑交流

sketch做UI设计优势,设计 sketch

2022-6-13 20:21:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索