UI设计

邹木英

目录

  • 1 学员须知
    • 1.1 学员须知
  • 2 初识UI界面设计
    • 2.1 走进UI设计
    • 2.2 初识UI设计师
  • 3 常用软件
    • 3.1 PS
      • 3.1.1 初识PS
      • 3.1.2 蒙版的应用
      • 3.1.3 布尔运算(主题图标)
    • 3.2 AI基础
      • 3.2.1 初识AI
      • 3.2.2 AI基础
      • 3.2.3 卡通形象绘制——路径查找、蒙版、钢笔
        • 3.2.3.1 AI基础:认识路径查找器
        • 3.2.3.2 基本形
        • 3.2.3.3 剪切蒙版
        • 3.2.3.4 钢笔工具详解
      • 3.2.4 AI混合工具
        • 3.2.4.1 混合工具简介
        • 3.2.4.2 混合工具制作酷炫花朵
      • 3.2.5 旋转工具
  • 4 配色基础
    • 4.1 色彩搭配基础
      • 4.1.1 绘制色环
      • 4.1.2 找色练习
      • 4.1.3 色彩搭配方法
    • 4.2 色彩的魅力(渐变色搭配)
    • 4.3 实战APP项目配色
    • 4.4 优秀配色赏析及实操
      • 4.4.1 优秀配色赏析
      • 4.4.2 课堂练习1(同类色)
      • 4.4.3 课堂练习2(近似色)
      • 4.4.4 课堂练习3(对比色)
  • 5 闽圈圈APP界面设计
    • 5.1 闽圈圈页logo绘制
    • 5.2 闽圈圈登录注册页设计
    • 5.3 ​研学页面设计
  • 6 菠萝鱼APP界面设计
    • 6.1 什么是UI
    • 6.2 竞品分析
    • 6.3 UI界面设计规范
    • 6.4 绘制产品架构
    • 6.5 绘制产品原型图
    • 6.6 绘制路径导航图
    • 6.7 启动页设计
    • 6.8 选择界面设计
    • 6.9 首页设计
    • 6.10 详情页设计
    • 6.11 支付页面设计
    • 6.12 支付成功界面设计
    • 6.13 学习界面设计
    • 6.14 经验界面设计
    • 6.15 我是学生界面设计
    • 6.16 退出界面设计
    • 6.17 登录界面设计
    • 6.18 注册界面设计
  • 7 主图图标设计
    • 7.1 主图图标设计
    • 7.2 扁平化图标特点
    • 7.3 实战扁平化主题图标绘制
    • 7.4 图标导图
  • 8 BANNER/海报设计
    • 8.1 初识banner
    • 8.2 banner案例1夏日新品
    • 8.3 从产品中选色做banner
      • 8.3.1 立体字
    • 8.4 冬季促销海报设计
    • 8.5 UI设计师招聘海报设计
  • 9 切图与标注
    • 9.1 切图与标注
    • 9.2 实操练习
色彩的魅力(渐变色搭配)

渐变色搭配

1.打开PS,新建画布800*600。

2.编辑背景色

点击图层,新建填充图层,选择渐变。按照原图颜色进行配色。




3.使用椭圆工具绘制椭圆,取消描边,填充渐变色,调整到合适颜色以及大小并放置在合适位置。按此步骤完成另外两个圆的绘制。


4.运用椭圆工具绘制后方的白色圆形(根据配色可象征太阳或月亮)。


5.右击图层选择混合选项编辑图层样式,选择外发光,根据原图调整颜色等选项。



6.运用钢笔工具绘制云朵,增加调整锚点直至与原图一致,填充为白色。复制上一图层图层样式(外放光)。


7.在这一文件基础上完成另外三种配色,注意要分开保存。完成后黏贴至一张图内。(只需要调整每个填充的颜色即可,不需要全部重做)

参考: