联系我们 | 加入收藏

  教育部授予:“软件工程专业大学生实习实训基地”资质
商务部授予:“中国服务外包示范培训中心”资质
工信部授予:“国家信息技术紧缺人才培养工程521计划”资格
当前位置:首页 > IT资讯 > 正文
UI界面小图标原来是这样做的
时间:2019/11/8 12:55:53来源:沈阳中软阅读:113

UI界面离不开一些小图标的搭配。

很多设计师在设计的时候,大多都是直接复制已有的图片设计,下面就利用一些动图,和大家简单分享一下这些小图标是如何做的。


图片较多,建议在wifi在观看!



▲沙漏图标,靠近中心的移动点是通过锚点工具完成的。



骷髅图标,钢笔工具、锚点工具和布尔运算绘制完成。




磁铁图标,通过复制对象来切割末端,

使得笔画变粗,勾出笔画,最后,布尔运算操作完成。




Infinity图标,在Illustrator中使用自定义画笔工具完成。




火箭图标,通过锚点工具和布尔运算来完成。




iOS 11 App Store图标,布尔运算进行完成。




盒子图标,路径选择工具和布尔运算进行完成。




螺丝刀图标。手柄中的缺口是用多边形工具创建的

(4边的多边形是正方形!)。




雨伞图标,布尔运算完成。




风扇图标,路径选择工具和布尔运算完成。




牛角面包图标。使用宽度工具创建主要形状

(终点为1px,开始时中心点为6px)。




通过图形和锚点工具完成。




风车图标,锚点工具和布尔运算完成。




锚点工具和布尔运算完成。




更新图标,路径选择工具、布尔运算和锚点工具完成。




刷新图标,锚点工具和路径选择工具完成。




路径选择工具完成。




Penrose三角形,通过路径选择工具和布尔运算完成。




锚点工具和路径选择工具完成。




enrose三角形。将矩形旋转至-120o或120o,然后固定到点,布尔运算进行完成。




钢笔工具,布尔运算和路径选择工具完成。




锚点工具和布尔运算进行完成。




耳机图标,通过双击旋转工具并键入特定值(10o和-10o)完成耳罩旋转。




游戏控制器,布尔运算和路径选择工具完成。



胡须图标,钢笔工具、锚点工具和宽度工具完成。


都学会了吗?快打开电脑试着做一下


作者:marcedwards

原文网址:https://imgur.com/a/4scqU

如侵权请告知删除