ui图标风格划分(ui图标怎么设计)-东辰网

ui图标风格划分(ui图标怎么设计)

本文主要介绍ui图标风格划分(如何设计ui)，下面跟着东辰网详细了解一下吧。

这个UI教程跟大家分享一个设计播放器图标的设计案例。制作思路主要是利用图层样式做图标的质感。步骤很多，请好好学习。

让让我们来看看效果:

像往常一样，让我们先分析一下。这里我们主要分为两部分:底座和内圈。其他问题不大，主要是内圈部分。我们需要使用多层来表达图标的立体感。《骚年》之后分析，我们成功了一半。会离成功很远吗？哦耶！！！

开始步:

首先新建一个800px*600px的画布，命名为个性图标，背景添加颜色#5c5857。

第二步:

使用圆角矩形工具，绘制一个圆角半径为60px的425px*425px的基座，并为其添加图层样式。

第三步:

高力网格的底座一下子就出来了，有木有！！！接下来继续使用圆角矩形工具，绘制一个圆角半径为60px的375px*375px的基座，并为其添加图层样式。

第四步:

现在画内圆，用椭圆工具画一个320px的正圆，添加图层样式。

第五步:

现在画内圆的线。选择线条工具绘制一条长度为20px，粗细为1px的线条，颜色为#5c5857。

第六步:

复制一条直线执行自由变换命令，将中心点调整到画布的中心，将其旋转90度，然后重复前面的命令并复制它。复制另外两条直线段，添加图层样式。

第七步:

继续画内圆的线。选择线条工具绘制一条长度为15px，粗细为1px的线条，颜色为#5c5857。

第八步:

重复上述操作，旋转7.5度通过布尔运算减去多余的直线段，添加图层样式。

第九步:

继续画内圈的位置。使用椭圆工具，用颜色#040404画一个205像素的正圆，并添加图层样式。

第十步:

让让我们继续画内圈。先用188px画一个正圆，再画一个三角形，合并成一个形状。使用直接选择工具移动锚点，改变颜色为##d5d5d5，并添加一个图层样式。

第十一步:

继续画内圆，使用椭圆工具，画一个40px的正圆，给它添加图层样式。

第十二步:

继续画内圆的部分，用椭圆工具画一个25px正圆，颜色#272121。

第十三步:

现在让我们让我们画最后一个小圆圈。使用椭圆工具，画一个17px的正圆，添加图层样式，完成这个案例。

那个这是本教程的全部内容。

虽然步骤很多，但是只要认真按照教程做，一定能成功。健身。