我还是更喜欢手搓图标

用户头像
杭州/UI设计师/1天前/578浏览
我还是更喜欢手搓图标
随着 AI 的发展,功能变得越来越成熟,大家已经习惯使用 AI 助力设计输出。比如 UI 设计环节中,以前大家都在研究各类图标的技法,为了提升质感的刻画而反复琢磨。现在大家都只想问你,这个关键词是啥?
设计工作流的变化太快了,很多人都陷入了焦虑之中,总会担心自己啥时候被 AI 替代。我自己也经常使用 AI 生成一些图标来助力 UI 输出,效率也真的很高,但是对于细节控的自己来说,总觉得还是略有不足。如果不是因为时间的原因,我还是更喜欢手搓图标。
有时候也在想,手搓设计会不会变成“非遗传承”。为了这门手艺不被遗忘,黑马哥带你一起回顾一下吧!今天我们一起来手搓一组图标。
手搓开始 → 文件夹图标
我们一起来画一个文件夹的图标,先构思一下图标的结构,我们初步定为上下结构。上下部分高度比例为 1:2,这里举例尺寸为上部分:140*50px,下部分:160*100px。
我还是更喜欢手搓图标(图ZMTU2MjUzMjA=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
塑造图标造型
根据文件夹的特征,我们通过添加锚点和位移锚点塑造出图标造型,为了更能体现出图标的含义和特征,添加露出的文件和点缀等图形。
我还是更喜欢手搓图标(图ZMTU2MjUzMjQ=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
增强图标形式感
一个优秀的图标需要具备自身的独特性和造型感,常规的结构能够表达出图标的含义,但是看起来显得中规中矩。
我这里考虑给文件夹图标增加一个透视,采用的是一点透视,这样图标的形式感就出来了。
我还是更喜欢手搓图标(图ZMTU2MjUzMjg=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
(这张配图好长~O(∩_∩)O~)
收藏
最后给图标添加圆角,这样图标的造型就搞定啦!手搓图标讲究的就是一个个细节,输出的是自己心中最完美的想法。
我还是更喜欢手搓图标(图ZMTU2MjUzMzI=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
手搓质感
图标造型搞定之后,我们就要定一个图标质感表现方向,我这里选的是磨砂玻璃质感。先给最底层图形添加一个渐变色:#3399FF → #0055FF,如果想要层次感更强,可以添加内阴影强化边缘质感。
我还是更喜欢手搓图标(图ZMTU2MjUzMzY=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
顶层图形添加不透明度 0% 的白色,再添加背景模糊效果(参数值 30),也可以添加浅色和白色内阴影强化边缘质感。
我还是更喜欢手搓图标(图ZMTU2MjUzNDA=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
露出的文件图形添加浅蓝色 #D6EBFF,然后加一点白色内阴影即可。
我还是更喜欢手搓图标(图ZMTU2MjUzNDQ=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
最后给点缀图形添加白色不透明度渐变和投影,完成图标质感刻画,细节的表达就需要根据效果慢慢调整了。
我还是更喜欢手搓图标(图ZMTU2MjUzNDg=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
举一反三
根据以上的方法继续强化练习,完成至少四个一组的图标作品。手搓虽然比较耗费时间,但是效果和规范是可控的,质感和细节是拉满的,一起来试试吧!
我还是更喜欢手搓图标(图ZMTU2MjUzNTI=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
最后,有透视和无透视的两版图标你会如何选择呢?
我还是更喜欢手搓图标(图ZMTU2MjUzNTY=) - 教程 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
本文由 @黑马青年 原创发布。未经许可,禁止转载。
27
阅读原文
|
举报
|
16
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】珠宝icon
智能家居中心 简约 UI设计组件库
UI通用设计素材1
【新年UI图标】秒杀icon
手表表盘UI系列
高级表盘系列UI源文件
UI 登录界面设计模板包
【新年UI图标】钱包icon
新拟态风格 UI设计组件库
盲盒APP UI设计
抽象液态渐变UI背景模版
3D渐变流体抽象矢量UI背景图
UI_3D图标“一本秘籍”(源文件
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
【新年UI图标】游戏/娱乐icon
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】影音icon
高级感金属拟物 UI设计组件库
钱包ui模板
【新年UI图标】汽车icon
【新年UI图标】会员icon
你可能喜欢
相关收藏夹
大家都在看
登录注册