UI设计-AI基础-学习笔记

朱治龙
2022-05-05 / 0 评论 / 12 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年02月22日,已超过321天没有更新,若内容或图片失效,请留言反馈。

以下仅为学习过程中的简单记录

图标的定义分类与应用场景

  • 线性
    ![线性图表标(/usr/uploads/2022/05/2214274233.png)
  • 面性
    面性图标
  • 线性填充
    线性填充图标
  • 扁平图标
    通过色块构成图标,没有渐变、投影等效果

扁平图标

  • 手绘图标
    手绘图标
  • 写实图标
    写实图标

图标绘制的标准化流程

设计流程

确定主题风格 --> 关联性 --> 切入点(受众、行业) --> 草稿(大致形状构想)

设计过程中的注意点

  • 结构造型:一致性
  • 栅格线
  • 细节处理
  • 色彩搭配

后续

  • 输出
  • 包装
  • 总结

图标结构设计之布尔运算

可尝试使用布尔运算方式绘制手工如下图标:
图标结构设计之布尔运算

阵列复制技巧

先使用 Ctrl+T 自由切换,按住Alt键可结合鼠标移动中心点,对图形进行调整(如位置、大小、角度等)后,可使用 Ctrl+Alt+Shift+T 快速复制

可尝试使用阵列复制的方式绘制如下图标:
阵列复制技巧

圆角半径JS脚本插件

Corner Editor圆角插件,下载地址:
Corner Editor.zip

下载后,解压将jsx文件拷贝到PS安装目录下的 Presets 目录,重启应用即可通过 文件 -> 脚本 -> Corner Editor 打开插件
Corner Editor圆角插件的使用

0

评论 (0)

取消