图标创意设计
2022-08-08 16:37:11 118 举报
AI智能生成
图标创意设计
作者其他创作
大纲/内容
<br>年轻化撞色图标设计<br><br>
图标绘制
风格定位
罗列关键词
提取关键词
图库搜索
提取灵感
图标造型
轮廓提取
选取图片
简笔画绘制轮廓
合理的分析
细化
图标比例
布尔运算
配色技巧
提取图片颜色
滤镜马赛克
选取颜色,邻近色
三段式上色(三色渐变):中间的颜色可以靠前一点,有高光的感觉
品牌色点缀:让用户产生品牌色认知,产生印象
细节处理
微阴影
增加视觉吸引力
阴影层等比缩小至80%,向下移动一点
高斯模糊半径<font face="Brela">8px</font>,透明度<font face="Brela">80%</font>
<br><br><br>趣味闲鱼类图标设计<br><br><br><br>
给场景增加趣味性
元素点缀
饱满有层次性
色彩点缀
可以营造氛围感
<font face="Beau">Tab</font>栏规范参数
高度<font face="Brela">98</font><font face="Beau">px</font>,图标设计尺寸<font face="Brela">48</font><font face="Beau">px</font>,图标导出尺寸<font face="Brela">58</font><font face="Beau">px</font>,文字大小<font face="Brela">18-22px</font>,不低于<font face="Brela">18px</font>
Tab栏图标设计样式
严选简洁电商APP类
<font face="Brela">2px</font>线性图标,简约品质感;<font face="Brela">2px</font>倒圆角,线条简单
主流电商团购APP类
选中错层阴影效果;色彩形状点缀;<font face="Brela">3px</font>线性图标,大众常规设计;<font face="Brela">4px</font>倒圆角,图标圆润
金融APP类
<font face="Brela">4px</font>线性图标,稳重可靠;无倒角,菱角分明
颜色使用
品牌色,增强用户对品牌的记忆
色块填充技巧
保持视觉统一性
色块占比:点缀填充<font face="Brela">30%</font>,错位填充<font face="Brela">80%</font>,完全填充<font face="Brela">100%</font>
<br><br>爱彼迎线性图标<br><br><br>
使用场景
金刚区
列表流
Tab栏
设计要点
视觉大小统一
风格统一
线条粗细统一
倒圆角统一
断点统一:趣味性
线条简练
对用户干扰小,辨识度高
趣味进阶
单色图标
选用品牌色
双色图标
品牌色
对比色
0 条评论
下一页