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

接着咱们上一节的内容继续给大家分享sketch的相关功能,顺便说说自己的一点事情,我最近一直在坚持每

那么上一节我们继续和大家分享一下sketch的相关功能。顺便说一下我自己的事情。最近一直坚持每天写关于产品经理的基础入门教程。之所以有动力这样写,是因为最近大家可以慢慢分享和收藏我写的东西了,从来没有人看到有人关注过。这是对我最大的鼓励,谢谢大家的关注。因为后期计划是做一个视频教程,现在只是给大家一个图文版的总结。我也不想误导你。希望你有时间从头看完我写的,这样至少能从整体思维上了解产品经理的基础知识。

我的头条内容摘要:https://www.toutiao.com/c/user/52315799284/# mid=156262753207297

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

上一章我们介绍了产品经理日常使用的三件套软件工具:axure、xmind、sktech、office软件。

产品经理的日常工具:浏览器调试,通讯软件,统计工具。

后台产品经理的日常工具:navicat、通信统计、计算器

产品经理系统级工具:订单交易系统、直播点播系统、cms发布系统、用户管理系统。

中后台产品经理系统工具:数据中心、crm系统、erp系统

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

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

第二章开始讲解axure和xmind的使用技巧。上一节,在讲解了素描的一些技巧之后,我也可以看到更多的人希望尽快上手产品经理。有些抽象的概念不能特别形象化,但是部分软件的解释可以马上用在你的工作中,所以越来越多的人在关注它,看它。但是我要认真的告诉你,软件技能只是你有没有花时间去学习和实践的问题,但是有些系统的概念和方法是很难理解和应用的。这往往是一个产品经理水平高低的地方,软实力是一个产品经理的核心竞争力。只有当你实际使用的时候,你才会知道这个的作用。

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

下面说说素描的技巧。上一节我介绍了如何汉化sketch,如何设置参考复制网格,如何下载element ui组件进行练习。在这一部分,我们着重于将自己的草图设计稿导出到图片中。

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

当我们设计完一个完整的素材后,需要快速输出文件。最好的方法是选中画板,然后按住ctrl选中画板中的组件或者shift选中,然后直接按ctrl c粘贴到聊天工具的一些窗口中,最后保存为图片。

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

如何用草图设计一个原型?我不建议你这样做。毕竟不能抢设计师的饭碗。如果你的公司没有设计师,你可以做你的一部分。关键是sketch和axure一样,可以生成网页版。同时,它可以通过插件生成标记好的html,前端同学可以通过你生成的完全高保真的设计稿还原的一模一样。包括切割。

出来的图标icon,图片素材都直接输出。

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

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

这个插件的名字叫:measure github的下载地址:https://github.com/utom/sketch-measure

就是用于设计师的设计稿标注和前端指导用的一个标注工具,这对于设计师来说简直就是一个解脱。要不为什么我直接就不再为大家讲解photoshop的知识,直接用sketch,一方面是因为产品经理从axure到sketch基本没有太多差异,另一方面如果用ps的话需要掌握的知识比较多,而平时用的又比较少。

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

想知道怎么安装sketch插件的同学可以先参考上一节的课程,产品经理基础知识构成之图像处理工具sketch(1)https://www.toutiao.com/i6831105097276064260/,这里我们就不重复演示了,最后我并不是要鼓励产品经理去干设计师的工作,而是希望大家能指导一下设计规范,因为很多设计师都是平面出身,而ui设计师会重点用到sketch,我们不需要去掌握类似于ps、ai、ae这样的软件,一个sketch足矣满足我们的产品设计需求,我们需要把更多精力放在产品价值上。

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

最后为了演示,我还是说说两个个axure和sketch都会用的功能:图层叠加和矢量锚点,这也基本是平面设计中常用的两个高级操作,主要是为了设计自定义的矢量图形,还有就是迅速的临摹。我们新建一个画板,譬如要设计一个圆环,操作步骤是先插入2个圆形,先敲击o快捷键,然后按着shift画一个圆形,然后ctrl+d重复一下,把复制的圆锁定比例调整尺寸大小。

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

通过排列中的水平、垂直对齐,确保两个圆成为同心圆。

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

然后选中两个圆实现排除、合并、相交等操作,如此通过图形组合出自己想要的结果。

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

另外就是锚点的控制和快速临摹的功能,我们先找一个简约的图片,例如就用github的图标,直接复制到sketch画板中,然后进行锚点临摹。

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

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

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

形状锚点编辑

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

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

按着alt键对锚点进行调整和临摹

这两个比较有用的图形绘制功能就简单介绍完了,大家可以结合之前说的知识练习设计一款手机app的icon,这个会比较有难度,而且可以用到sketch提供的icon设计模版。

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

从下一节开始,我们开始讲表达能力方面的软实力知识,这也是对我的一种挑战,需要一定的文字写作能力,让大家理解我要表达的内容,希望大家多多留言关注,给予支持和完成这个产品入门教程的动力。

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

剪辑交流

微软车库绘图应用Sketch 360上线:降低3D创作门槛

2022-6-13 20:26:00

剪辑交流

sketch创建组件,sketch怎么使用组件

2022-6-13 20:28:00

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