化妆品线性图标UI设计教程(1)

来源:网络   作者:热心网友   发布时间:2016-11-08    浏览次数:358

今天设计先锋网给大家分享一篇化妆品UI图标设计教程,做化妆品类设计的的小伙伴肯定会用的到哦!这种线性图标比较简单效果也非常不错!一起来学习下把!


线性风格也可以叫做线条艺术(liner art),顾名思义是用线条作为表现画面的笔触,线条艺术细分种类特别丰富,而在这篇教程里,我们所用的线条是同样宽度的线条,在形态上更趋于几何造型,这在扁平化网页中使用颇多。这类风格所绘制的图标造型明朗,且线条干净,风格简洁。在网页中可以当图标用,也能装装插画君。


一、观察和草图

当我们要将一个物体绘制成为线条的时候,我们第一件事是需要观察物体本身。比如,在本例中运用几个平时日常化妆品作为创作对象,我会打开天猫,分别在搜索框中输入这些物品。先列出一个所绘制对象的小清单。


每个物品我们都要找到它的共同点,比如第一个洗面奶,其实有各种包装样式,但你需要从中提取出某一类的共性,而不能以偏概全。这是观察进入分析的第一步,接下你需要概括这个样式,去掉各种复杂细节,再保留那些能明显突出物品特征的线条细节。

观察物品的时候要学会化繁为简,把最本质的造型线条给表现出来。


二、绘制第一个图标

步骤01

打开AI,新建文档,文档的参数可以参考下图所示

步骤02

你可以打开网格,在网格的辅助下进行绘制,或者也可以打开智能参考线。总之如果你是初学者,最好能有一个辅助的工具对绘制的对象有所控制。

我的做法是做好每个图标的大小控制,因为你的图标不可能制作到刚好占据整个版面,所绘制的对象到边缘需要一个视觉缓冲。但这纯属一种心理偏好。实际操作中,也有越过参考范围的情况也有。

很多人很好奇,AI既然是矢量软件应该就不会有大小之别,因为它可以任意缩放的啊。的确,这是一个值得说明的问题,但比例上你还是遵守一定的秩序,否则你做出的图标在比例上的失衡会影响整体的美观。

步骤05

第一个所绘制的对象是洁面乳。虽然我们说是用线条来表现,但是实际绘制中我们并不会直接用到直线工具,而是在绘制中突出表现线条。线条所起的是视觉上的强调作用。

了解这一点后,让我们开始画一个瓶身,瓶身用矩形来表现。如果你的AI不是旧版本,那应该就会知道直角的矩形可以直接可以拖动角内的圆点变为一个圆角矩形。如果是旧的版本那就需要运用圆角工具来处理。

矩形的描边设置为4pt,描边为黑色,填充为白色。这一步并不需要考虑色彩。

为了方便你随时缩放图形大小时,描边大小都保持不变,请进入【编辑>首选项>常规】,去掉"缩放描边和效果"这一栏的勾选。


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/5180.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通