菜单 优优教程网 - UIIIUIII

关于教程 这是一组哈利波特为主题的游戏icon，作为哈迷希望这组图标能充分体现里面的每一个小元素，运用在游戏内快速体现它所代表的作用，在接下来描述每个图标的制作过程前都会简单讲述下我的思路。 教程效果图 教程步骤 步骤一：绘制草稿 根据哈利波特里面主要元素结合游戏的形式，进行草稿制作。 步骤二：新建文档 打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N），创建一个新文件，参数设置如下： 图标一：魔法棒-冒险图标 思路：哈利波特里面标志性的物品-魔杖...

本次教程是一套手账贴纸的制作，包含了墙角柜，床边柜，沙发等贴纸造型的设计全过程，喜欢手账的你千万别错过！ 教程效果图 教程步骤 新建文档 首先，创建一个3000*4000像素的画布。 贴纸一：墙角柜 用矩形工具画一个宽360、高122的长矩形，填充颜色和描边，描边统一为10像素边角选用圆角连接 用椭圆工具画一个宽67、高20的椭圆形，填充颜色和描边 将两个图形四周进行居中对齐，然后向下复制2个 在抽屉的右方画一个宽390、高367的长矩形，在长矩形上画一个宽24、高24...

关于教程 大数据科技感2.5D图形中，融入了多彩渐变以及发光效果，因此形成了非常别具一格的视觉效果。 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 2.5D造型 将两个正圆和一个圆角矩形组合成云朵形状，创建2.5D图形并扩展，合并各个面并调整成对应的颜色。

关于教程 12个萌趣的图标绘制，看似复杂，其实都很基础，一些基础的形状的组合可以绘制出各种各样可爱有趣的图标~ 教程步骤 Step 01 新建文档 打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N）创建一个新文件，参数设置如下： Step 02 创建图标 1-蛋壳小鸡图标 2.0 在绘制前，首先确定已在菜单栏->视图中开启了「对齐像素」功能。 2.1 使用椭圆工具新建一个高85px，宽71px的椭圆，参数如下 2.2 新建一个矩形，宽比椭...

关于教程 本期教程为你带来在AI中绘制磨砂质感图标的基本方法，主要用到了AI中的「内发光」和「高斯模糊」效果，掌握技巧以后还可以举一反三，设计出自己专属的系列图标喔~ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 渐变添加 在AI中完成基础图形的绘制，并根据图示参数添加渐变色彩。 Step 02 内发光 给星星、月亮、圆形等小部件添加内发光效果，增强整体质感。

关于教程 本教程主要讲解如何运用Adobe Illustrator制作图标。这组图标的主题为网上购物图标，整体配色醒目明了，贴切主题。运用的比较多的是形状生成器和钢笔工具。

关于教程 前几天做UAG的打卡，不知道用什么选题，但是你们的肥子老师给我推荐了这个作者Vlad Tretiak。就看到了他的这张作品。于是就按照他这张作品的风格，尝试延展做了四张新的图标。

图标设计总是单一不吸睛？跟着dribbble大佬学图标设计，其中有：噪点微立体图标、撞色系一致性图标、线条图标、单色图标、色彩图标、色块堆砌图标、拟物化图标、圆角简化图标，让你的图标亮眼又有趣。

关于教程 本教程主要讲解如何运用Adobe Illustrator制作线性图标。这组图标的主题为航空航天，整体采用蓝紫的渐变，贴切主体。示范的三个图标分别是望远镜（telescope）、航天器（spacecraft）、雷达（radar） 效果图 教程步骤 Step 01 打开参考线文档 1.1 打开Adobe Illustrator，点击文件->打开（快捷键Ctrl+O），打开参考线文件，双击图层名称处，将名称修改为「参考线」并确定为锁定状态 Step 02 创建背景 2.1 在绘...

关于教程 上图是作者Benjamin den Boer所绘制的Framer图标，整体简约但有质感。 下面，我会教大家制作扁平轻质感图形。 教程步骤 首先，绘制出纯扁平的图形。

关于教程 上图是作者Stephen Kelleher Studio所绘制的新拟态风格图标，整体显得简约清爽但有层次。 教程步骤 下面，我会教大家制作新拟态风格图标。 首先绘制出基础的扁平图形，并且给气泡图形加入纯色，闪电图形加入渐变色。

关于教程 今天给大家聊聊如何做出一个即美观又有说服力的图标。 前言 作为一名UI设计师，图标设计是我们刚入门就必须学会的必备技能之一，它是用户界面中绝对不可或缺的元素。通常我们理解图标设计的含义，是将某个概念转换成清晰易读的图形，从而降低用户的理解成本，提升界面的美观度。

IconPark 是一个开源的矢量图标库，拥有 2300＋预设图标，29个图标分类。可以在线对预设图标进行风格和样式调整，变换出多种风格，叉乘后图标数量可达到数万级。网站所有图标皆可免费使用！

关于教程 拟物图标不仅可以用PS做，也可以用C4D做哦～如果需要源文件的话，可以在文章底部下载～ Part 01 金币模型的建模与渲染 主要知识点：C4D基础建模思路，样条挤压工具的使用 单集视频：点击观看 Part 02 礼物盒的建模与渲染 主要知识点：C4D基础建模思路，矩阵工具的使用 单集视频：点击观看 Part 03 咖啡杯的建模与渲染 主要知识点：C4D基础建模思路，倒角、挤压工具的使用单集视频：点击观看 Part 04 表情包的建模与渲染 主要知识点：C4D基础曲面建模，...

图标的设计要具有足够的示意性，而且同属一个系列的软件图标需要足够的统一性。来看看这9款运用了Google配色的地图图标设计，或许可以开拓你的思路。 Paper Google Map Icon by Amelia Thompson Google Maps / logo redesign concept by Usarek™ Studio Alter Google Maps by Aleksandr Reva Google Maps logo concept by Leo ...

随着移动手机和个人电脑的不断发展，除了对产品性能有所要求，人们对软件图标的要求也不断提高。这12组不同形式风格的Icon或许会给你不同的灵感。 Glass Icons by Ted Kulakevich Freebie: Iconly Glass | Dark by Amirbaqian Minimal App Icons by Mian Salman Icons by Adonis Freebie: Iconly | Essential icons by Af...

2020年苹果发布了新的 macOS Big Sur，其中图标设计，可以说是让设计圈炸开了锅，曾经引领扁平化设计风格的苹果，如今又开始向轻拟物风进行新的探索，即使在扁平时代，拟物图标技能也依旧需要掌握，其中所蕴藏的光影关系~也许正是你欠缺的知识点。作品全部来自—UI设计就业实战班

这篇文章主要分享怎么做一套毛玻璃拟态图标，以及在这基础上如何发散创意。某天上了木鼠老师的图标公开课，课上有示范毛玻璃拟态效果的图标，我就跃跃欲试想做一套。 木鼠老师课程：木鼠UI实战就业班 有的人问为什么做了那么久UI，还去听基础课呢？

毛玻璃效果还能怎么玩？北京设计师 Changyu Hu 设计了一组关于安全主题的「磨砂玻璃效果」图标，并且在深色模式下，表现也很出彩，质感超棒！

关于教程 这次主要是做毛玻璃材质的图标，最近看到很多关于分析星座的文章，所以我就想做一套星座配对的图标。 效果图 教程步骤 在开始制作之前，我们可以先来观察一下毛玻璃作品的特征。 Step 01 绘制草稿 Step 02 新建文档 2.1 打开AI新建一个画布。