恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI设计之设计规范——布尔运算
0.0°
2017-09-09 原创文章 教程 举报 2439 8 8 0

很多初学UI设计的或者刚工作不久的伙伴,可能还不知道布尔运算对于一个UI设计师的重要性,那么今天我在这里给大家讲解一下布尔运算以及布尔运算的作用。希望这一小节的分享对大家的设计有所帮助。

那么我们从布尔运算的原理开始来学习,布尔有四个运算法则,即加法、减法、相交、排除重叠形状。相信学过数学的朋友们应该都能理解一些,但是我还是要在PS软件中跟大家解释一下这个原理。

在学习布尔运算时我们必须要知道做布尔预算之前几个需注意的点:

1、做布尔运算的内容必须是在一个图层里面

2、一个图层只允许一种颜色

3、必须选中路径选择工具

4、必须选中你正确的对象


比如这两个圆,我们要给它合并图层,按住Shift键选中两个圆的图层,然后按住Ctrl+E合并图层,如下图



合并之后,伙伴们会发现两个圆都变成了青(根据你最上面的图层的颜色而定)


然后选择一个路径,选中你所要的对象才会出现你的布尔运算面板。

这些就是我们做布尔运算的准备,接下来我们实操来理解布尔运算。

第一个:加法

其实我们按住Ctrl+E合并图层的时候就是做了加法,这个很好理解。就不在多说。


第二个:减法

这里我分别选中两个图层,做一个减法,大家看看效果差别



从上面两个图片看,对象不同,你所做出来的效果不同,怎么理解?我们来分析一下,第一个图,在我们画圆的时候下方大圆是在上方的小圆之上的,虽然我们合并了图层,但是他们之间的层次关系还是存在的,也就是说合并之后下方大圆还是在上方小圆之上的。所以第一张我们选中大圆的时候,做减去顶层形状,下方有个小圆,所以在小圆上方的大圆就被减去(记住一个点,那个对象被选中,哪个就被处理),当我们选中上方小圆时,下方没有形状,只有一个背景,在没有做减去顶层形状之前,有三个层(下方大圆第一层,上方小圆是第二层,背景是第三个层),做了减去顶层形状之后就变成两个层(下方大圆第一层,背景第二层,小圆已被减去不存在了)所以周围的颜色区域是和下方大圆一个层次,所以它会变成青色。

第三个:相交

相信大家在读完这两个字之后就明白它的意思。我们实操一下,依旧两个对象都做一次。




伙伴们会发现,第一张是正常的,而第二张没有效果,什么原因?我们分析一下,依旧和我们上述原理差不多,因为第二张的小圆下面一层只有背景,并没有其它的对象,所以做出来就没有什么效果。这里也再次强调了一下选择正确的对象的重要性。

第四个:排除重叠形状

我们依旧两个对象都做一次。



这里不再解释,理解同上。最后一次强调一次,选择正确的对象的重要性。



最后解释一下合并形状组件的作用,做了布尔运算后,不做这个操作时,两个圆的路径是独立的,当做了合并形状组件之后,两个圆的路径就成了一个了,不可分开,一般不怎么使用这个功能,只做一个理解。


作用:我们可以用布尔运算来绘制规范精致的图标,这期到这里,下期我们来更新用布尔预算绘制一些规范化图标。想跟着一起学的伙伴们,随手点一下关注,或者点三下也可以,谢谢支持。


                     

更新:2017-09-09

收藏

8人已收藏

走在设计路上

想学设计的同学,可以加我QQ1829676101

  • 2

    作品

  • 15

    粉丝

  • 1

    关注

  • 布尔运算实操——网易云音乐LOGO

    猜你喜欢

      2017-09-09 原创文章 教程 举报 2439 8 8 0

      UI设计之设计规范——布尔运算

      0.0°

      你确定要举报UI设计之设计规范——布尔运算

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录