简单几步让你学会如何设计高大上的图标，不信你进来瞅瞅。 在今天的教程中我们将进行一些更改我们的常规项目,和解决一个主题,我想做很久了。在这个过程中,我们将使用你的基本几何形状的选择加上对齐面板和一些其他工具,让我们开始吧！ 1、如何创建电池图标 我们将开始这个项目通过创建电池图标,可用于一个节能应用,甚至一个状态指示器,因为它很简单。也就是说,确保你在正确的层(这将是第二个),然后放大第一参考网格,这样我们可以开始。 步骤1 首先创建图标的背景使用88 x 88 px圆,我们将使用颜色（#00C853）中心调整底层活跃区域。 步骤2 建立电池的使用24 x 40像素矩形主体,我们将使用白色(#FFFFFF大圆),然后设置为居中对齐,距离为20 px的底部边缘。 步骤3 我们刚刚创建的形状变成一个大纲,翻转它装满中风(移动x),然后设置其体重4 px和角落来加入,所有在中风面板。 步骤4 创建第一个状态指示器栏,使用一个12 x 4 px矩形(#FFFFFF)或12 px宽中风(#FFFFFF)与4 px重量,我们将中心对齐到电池的身体,留下4 px差距。 步骤5 添加两个指标的酒吧,我们将垂直堆栈的距离4 px,分组在一起(Control-G)之后。 步骤6 完成顶罩,通过添加的图标,我们将创建使用矩形小8 x 4 px(#FFFFFF),我们将中心对齐到电池的身体,在一个距离6 px(4 px的填充 2 px的上半部分中风)。 一旦你完成了,别忘了选择和组(Control-G)所有电池的组合形状,做同样的事情的所有图标的组成部分。 前几天的案例已经有很多朋友做完通过QQ发给我了，看完觉得都还不错，如果大家想学习可以跟着我的案例做一做，每个作品我都尽量帮助大家点评。 想从零基础学习UI设计可以加我好友 QQ：2557171836 备注：学习UI设计 或者关注微信公众号：UI设计思（思考的思） 想转载文章的朋友请标明原文出处和原文作者 点击原文链接进入UI设计零基础公开课跟着我学习 |
|
声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|
注册
登录
