阿里双十一APP图标设计教程

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
11296 29 462 2018-11-09

2018年双十一阿里旗下的很多APP图标都悄悄的换上了十周年的统一着装,那么今天给大家分享的就是这个图标的设计教程~快来学习吧~

文末有源文件及素材下载哦~

Image title

Image title

Image title

Image title














全部评论:29

  • mmmm浩宇

    2019-12-18 19:48

    谢谢,对我帮助很大,不要在意喷子

  • 叁455811

    2019-05-24 17:37

    老师讲的算是很详细的了,不知道为什么会有人酸,如果觉得这不是教程那你就离开没人逼你们看吧?而且这些操作是需要临摹的人举一反三的,又不是教你死的,你们nb那你们做教程出来给别人学习啊?自己不会就知道瞎bb

  • 橄榄枝

    2019-02-16 13:11

    @youk: 我会学习的。谢谢

  • youk

    2018-12-28 14:59

    这叫教程??最厉害最nb 最6世界之最教程!!大家好好学习啊!!

  • UIBANG设计教育

    2018-11-21 09:34

    @Bomi5: 我觉得算吧?教程不就是 把不会的人教会吗? 每个人基础不一样,如果已经会的人,自然觉得教程没有价值。就像小学生看不起幼儿园小朋友一样,谁敢说没经历过这个阶段呢?总有人要给刚入行的新人做点“基础、直白、易学”的教程文章。我觉得这种教程就是给那些看了不会做的同学看的,能让他们明白这个效果背后的细节和设计方法就可以了! 你可以看下每周临摹 就知道很多新人还在这个阶段。

  • UIBANG设计教育

    2018-11-21 09:24

    @赤小鹿: 可以把问题说的再具体一些,或者 看一下 我视频演示的步骤。如果是 顶部和右侧的高光,是绘制矩形,创建图层蒙版,做一个对称渐变就可以了(注意方向别反了)

  • UIBANG设计教育

    2018-11-21 09:22

    @玛丽奥的小火车: 那个是UIBANG Logo 我直接提供给了大家作为练习使用,如果想独立绘制出来,可以在AI绘制六边形,用“小白- 直接选择工具”给边角加上圆角就行。

  • Bomi5

    2018-11-20 13:44

    这也能算教程啊

  • 赤小鹿

    2018-11-19 18:42

    描边做不出渐变 怎么回事

  • 玛丽奥的小火车

    2018-11-19 15:32

    您好 请问圆角的六边形是怎么做出来的 。 我看了您给的源文件 就是直接的一个图层 我也看不出来步骤。 您能大致的说一下吗 ? 谢谢了

  • 未知生物

    2018-11-19 09:16

    说句公道话,教程中还是有些小技巧对于我们这种小白是有用处的,谢谢帮主分享~

  • zunoe

    2018-11-17 14:38

    @UIBANG设计教育: 嗯嗯,太容易歧义了,个人拙见,见谅

  • UIBANG设计教育

    2018-11-16 16:48

    @达仔o: 醉啦?快醒醒!可以看看 大家临摹的效果就不会醉了!很多新人并不能掌握很多细节操作,这个教程就是给刚刚学习软件的新手,谁都是从基础开始学习的。网站里还有很多刚刚入行的小白,多让他们学学不是也很好吗?如果你已经很熟练掌握技法,可以多看看其他进阶教程,这个可能真不适合。祝你早日成为设计大咖!

  • 达仔o

    2018-11-16 08:55

    。。。。这种毫无难度的临摹,都能出一个这样的教程,也是醉了

  • 2018-11-15 08:53

    @UIBANG设计教育: 非常感谢!

  • UIBANG设计教育

    2018-11-14 16:32

    @: 刚刚更新可视频地址,优酷出了点问题。 双十一 可以简单用形状工具绘制, 10周年是阿里设计的字体,你可以找相近的代替。

  • 2018-11-14 16:14

    @UIBANG设计教育: 看不到视频,字体是自己按素材自己用钢笔描吗?

  • 巴啦啦小魔仙

    2018-11-14 16:05

    @UIBANG设计教育: 好的,谢谢大佬

  • UIBANG设计教育

    2018-11-14 15:07

    @巴啦啦小魔仙: 双11 和 10周年 都是 阿里设计师做的字体设计。做练习的话可以找相近的代替。

  • UIBANG设计教育

    2018-11-14 15:04

    @谢谢你的谢壮志凌云的凌云: 视频中有说明解释,双十一这些高光、渐变叠加都是为了营造阿里双11和十周年的气氛。在UI设计中顶部光源最为常见,应用在图标顶部也最为合理。(整体这些设计的添加可以理解为一个女生为重要的party化妆)等活动结束自然要回归平常。 这个教程一方面希望大家能够梳理使用软件表现出这些细节,二来可以理解阿里电商在图标设计中的细节。(图文教程有限没有提及过多,可移步观看视频教程)

  • 巴啦啦小魔仙

    2018-11-14 15:02

    10周年什么字体呢

  • 谢谢你的谢壮志凌云的凌云

    2018-11-14 14:24

    ??就是照搬?也不告诉别人为什么双11下面是高光,我这边理解是视觉突出。

  • 马马马上

    2018-11-14 12:17

    像是9.

  • 小北up

    2018-11-14 10:16

    @小北up: 哈哈 我弄好了 反相

  • 小北up

    2018-11-14 10:12

    @UIBANG设计教育: 大神大神 为啥那个第三布 上面的高光我做不柔和 是个很锐利的圈圈

  • 小北up

    2018-11-14 10:07

    蒙版添加 你那个是黑色的 为啥我是白色的

  • UIBANG设计教育

    2018-11-14 09:40

    @zunoe: 哦?这个可能和观者的视角有关系,还有人说是 数字 9 ,每个人理解不同吧。符合logo识别度和差异性就好。

  • zunoe

    2018-11-14 09:28

    logo第一感觉是S,B的组合

  • UIBANG设计教育

    2018-11-13 11:16

    @Iamcy: 可以下载文章下面附件里的UIBANG Logo源文件

  • Scott陈

    2018-11-13 09:45

    双十一图标右侧那道高光好难受。。。

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票