快速用 Sketch 绘制30个图标

长得好看的人都已关注操作分解:一个正方形,两个同等直径的圆形即可完成,最后旋转多选矩形 Edit 后可以一起改圆角正方形不停地裁剪一个椭圆加长方形,复制即可圆角矩形加两个不同大小的圆合成小矩形旋转角度,最后拉下 Radius 即可选中锚点删掉,调下倾斜度,复制合成添加锚点一拉一调添加左右两个锚点的时候放大比较容易处理号细节锚点的 radius合成后记得 Flatten 下,就可以选择锚点加 radius添加钢笔锚点,并且 Show Gr...

文章目录[隐藏]

长得好看的人都已关注

快速用 Sketch 绘制30个图标



操作分解:

快速用 Sketch 绘制30个图标

一个正方形,两个同等直径的圆形即可完成,最后旋转


快速用 Sketch 绘制30个图标

多选矩形 Edit 后可以一起改圆角


快速用 Sketch 绘制30个图标

正方形不停地裁剪


快速用 Sketch 绘制30个图标

一个椭圆加长方形,复制即可


快速用 Sketch 绘制30个图标

圆角矩形加两个不同大小的圆合成


快速用 Sketch 绘制30个图标

小矩形旋转角度,最后拉下 Radius 即可


快速用 Sketch 绘制30个图标

选中锚点删掉,调下倾斜度,复制合成


快速用 Sketch 绘制30个图标

添加锚点一拉一调



快速用 Sketch 绘制30个图标

添加左右两个锚点的时候放大比较容易


快速用 Sketch 绘制30个图标

处理号细节锚点的 radius


快速用 Sketch 绘制30个图标

合成后记得 Flatten 下,就可以选择锚点加 radius



快速用 Sketch 绘制30个图标

添加钢笔锚点,并且 Show Grid View 做校对


快速用 Sketch 绘制30个图标

直接用 Layer - Paths - Scissors 剪掉圆的一半


快速用 Sketch 绘制30个图标

用四分之一正方形去Layer - Paths - Close Path 背后的圆


快速用 Sketch 绘制30个图标

Lock 上半部用「圆加同等矩形合成」的方式实现


快速用 Sketch 绘制30个图标

找到合适的锚点下拉一下就可以


快速用 Sketch 绘制30个图标

Ctrl D 上面的三角形并且 Scale 放大 120%与背后的矩形相减


快速用 Sketch 绘制30个图标

添加中间的锚点,如果觉得没有对准,可以拖动锚点感受下对准时的那个「钝钝」的感觉


快速用 Sketch 绘制30个图标

底部先做全圆角(Radius 拉到底)再做 Transform


快速用 Sketch 绘制30个图标

中间镂空的白色其实只是填充了白色为了校准,最后可以和背后的部分相减掉


快速用 Sketch 绘制30个图标

合成头部,Ctrl D 再 Scale 后和上半身相减


快速用 Sketch 绘制30个图标

先用两个正方形做裁剪,然后合成后向右拉伸,这样才会严谨


快速用 Sketch 绘制30个图标

星和圆合成后就可以在右侧调多边形的边数了,最后圆角一下


快速用 Sketch 绘制30个图标

类似 iOS 系统的齿轮,不停的复制旋转


快速用 Sketch 绘制30个图标

用 Paths - Scissors 剪掉形成耳机的连接部分,最后 Group 下就行


快速用 Sketch 绘制30个图标

都是 Ctrl D 原来的图形 Scale 后与背后的图像相见减的原理



快速用 Sketch 绘制30个图标

没什么特别的,如果太细的不太好校准的,Command + 放大画布


快速用 Sketch 绘制30个图标

用两个正方形相减,然后 Edit 三个角拉 Radius 到底,其他镜像下即可


快速用 Sketch 绘制30个图标

尾翼直接 Ctrl D 了机翼,Scale 缩小了而已,最后90度旋转


快速用 Sketch 绘制30个图标

用正方形旋转取得菱形,Shirt 左右箭头键可以以 10px 单位移动,方便很多



快速用 Sketch 绘制30个图标

Show Grid 模式,以一个长方形添加对应的锚点,并且移动到适合比例的位置


快速用 Sketch 绘制30个图标

Ctrl D Scale 旋转后互相伤害,相减



快速用 Sketch 绘制30个图标

跟 Home 类似,那天晚上在打一个很长的电话:)


快速用 Sketch 绘制30个图标

选中椭圆的两边锚点,Straight 下就可以


快速用 Sketch 绘制30个图标

做类似 45度角的 Icon,可以先在水平或者垂直放向上先做,最后旋转即可


快速用 Sketch 绘制30个图标

看过去有点复杂,其实还是用 Ctrl D 再 Scale 得到最后的结果,你会了吧


快速用 Sketch 绘制30个图标

所有有关箭头 Icon 都可以在 45度方向先做出来

快速用 Sketch 绘制30个图标

快速用 Sketch 绘制30个图标

长按二维码关注我

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36360/

(0)
交互精选交互精选
上一篇 2018-04-09
下一篇 2018-04-09

相关推荐

  • 文娱寄卖 | 京东用户体验部喊你来填调研问卷啦!

    全文字数:  1800阅读时间:   6分钟嗨,收藏大咖们你们好!我是来自京东集团电子文娱技术研发部的一名用户体验师。刚接触京东文娱寄卖业务的时候,我并不太熟悉邮币卡、书画等市场,只是经常听朋友和亲戚讨论文玩藏品。当与很多邮币卡商、书画商沟通之后,我看到的是20多年的坚守、30年不变的初衷以及因线下市场低迷导致的生活压力。顷刻间我明白了,京东文娱寄卖商城的人文情怀,这其中是对行业的挚爱以及解决用户需求痛点的执着。用户体验部钱币溯源,追忆...

    2018-04-25
  • 掌握交互设计思想,从用户视觉心理开始

    什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

    2018-04-26
  • 什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

    2018-03-20
  • “创造完美的用户体验。” 中国最当红工业设计师 —— 杨明洁

    Designer100是+86设计共享平台推出的中国高端设计师第一推广品牌,致力于设计师推广的全球巡展、设计师大奖、视频计划、沙龙论坛的社会公益项目。杨明洁YANG DESIGN及羊舍创始人福布斯中国最具影响力设计师同济大学及南京大学客座教授融合了德意志逻辑思维与中国人文精神的设计理念,也使得杨明洁成为了包括波音、奥迪、宝马、博世、飞利浦、英菲尼迪、可口可乐等众多国际顶尖品牌的合作伙伴,从眼镜箱包到飞机内舱,从消费电子到交通工具,从茶具...

    2018-02-26
  • 交互设计 ▏如何在作品集中展现自己的设计风格和思考过程?

    交互设计是对于用户产品使用行为的优化设计。它关注的是“用户场景”和“用户心理”,设计的对象是“用户行为”,达成的目标是“能用、易用、想用”。作品集其实是一个人设计风格和思考过程的折射,一个好的交互设计作品集需要在作品中展示你解决了什么问题,如何解决的,以及最终成果。今天小编给大家带来了一位学姐的交互设计研究生作品集,希望可以给大家带来一些启发啦!!!学姐的作品集中一共有3个项目,分别是项目1:Wish项目2:RT: BAGS项目3:FI...

    2018-04-22
  • 交互设计需要掌握哪些"必备"心理学知识?

    交互设计是以人为中心的设计,设计者要站在用户的角度出发,深入、全面的了解用户的需求才能够设计出具有良好用户体验的产品。而想要在作品集中向考官体现同学们对用户心理需求的把控能力,除了做好用户调研之外,也要掌握一些常用到的心理学知识。交互设计是人与其他一切事物之间的行为设计,而人的行为中包含感知和认知这两种与心理学密切相关的要素,因此,同学们在设计项目时,每一个功能设计、每一个操作流程以及UI的设计都要基于了解用户心理学的基础上开展设计。本...

    2018-04-10
  • 互联网产品经理常用工具有哪些?

    互联网产品经理的工作是复杂和多样的,PM们通常要负责产品各方面的事务,因此工作中需要用到的工具有很多,现在就跟这笔者一起来看看互联网产品经理常用工具有哪些,想走产品经理路线的同学可以提前了解一下。一、产品经理的主要工作"工欲善其事,必先利其器!"既然是"善其事",关键就是搞明白产品经理相关的工作内容,针对工作合理有效的利用软件,才能达到事半功倍的效果。要说到产品经理的职能,这是另开新篇的话题,这里我们先通俗概括一下PM的主要活动:1、参...

    2018-03-13
  • 网友吐槽,各种“小玩具”用户体验很失败!

    据说关注了「没完没了官方」很多人丁丁变大了女票更黏人了一夜3次也不累了好像前几天曼曼更新的那篇硅胶娃娃一样大家一定也经常听说各种小玩具但是真正体验过的其实很少今天曼曼总结了一些网友的用后评价(来源:某博,某宝评价,某圈)『蝴蝶』听到这个名字,应该都很陌生大概就是一种带振动摩擦感的小东西配有蓝牙功能是为了在户外制造情调用的大概就是女生提前塞进去到了户外通过蓝牙控制振动从而达到一种刺激感实际上内.裤和小妹妹之间的空隙很小根本放不了这个玩意儿...

    2018-03-14
  • 塾乐教育-进阶提高设计思路的秘籍在这里!

    一直以来,我们始终想让知识变的更实用这5年,课程前后完善了几十个方案这篇文章,请认真阅读也许,会改变你的一生01为什么学设计一定要参加系统课程学习?01- 电商设计行业升级更新太快,如果不即时学习最新的知识。单靠自己平时工作的经验是无法满足中高端市场的需求的!通过学习,让你远远超过你的同行技术水平!02- 虽然互联网上免费知识层出不穷,但绝大部分都是挂羊头卖狗肉性质的不系统招生引流课程。给你一点甜头,再收取你高额培训费用!03- 一个人...

    2018-03-03
  • 为你的App增加WiFi认证检测,让用户体验更加丝滑

    前言前段时间在上海坐地铁时连接了花生地铁WIFI,打开QQ音乐开始听歌,QQ音乐居然给了我一个"WIFI认证提醒"的弹窗,点击认证就跳转到了花生地铁WIFI的认证页,之后顺利联网成功,体验非常爽。作为一名iOS开发,不禁思考这个是怎么做到的呢?忘记WIFI重新连接后,打开手机里各个应用轮番测试一遍,发现QQ音乐、QQ、QQ空间三个应用都做了比较好的WIFI认证提示:成功提示.png而其它的大应用如微信、手淘、支付宝、钉钉、美团、点评、爱...

    2018-02-07