界面设计

罗媛

目录

  • 1 课程导入
    • 1.1 界面初识
  • 2 界面设计基础与基石
    • 2.1 APP的视觉组成
    • 2.2 ios系统设计规范
    • 2.3 Android系统设计规范
    • 2.4 界面的类型
      • 2.4.1 界面的类型(上)
      • 2.4.2 界面的类型(下)
  • 3 图标创意与设计
    • 3.1 认识图标
    • 3.2 图标设计风格与趋势
    • 3.3 图标设计原则
  • 4 平面设计的核心要素
    • 4.1 界面设计中的对齐
    • 4.2 界面设计中的亲密
    • 4.3 界面设计中的对比
    • 4.4 界面设计中的重复
  • 5 文字的美学与应用
    • 5.1 文字的基本属性
    • 5.2 官方字体与字体设置
  • 6 界面组件与控件设计
    • 6.1 界面设计中的控件
    • 6.2 控件设计原则
    • 6.3 界面设计中的组件
    • 6.4 组件设计方法
  • 7 交互设计提升用户体验
    • 7.1 交互设计基础知识
      • 7.1.1 交互设计基本概念
      • 7.1.2 交互设计的方法
    • 7.2 UX用户体验设计
      • 7.2.1 用户调研
      • 7.2.2 信息架构
      • 7.2.3 导航设计
    • 7.3 交互流程图设计方法
    • 7.4 交互原型图设计方法
  • 8 案例分析启迪设计灵感
    • 8.1 “潮玩”APP界面设计案例(上)
    • 8.2 “潮玩”APP界面设计案例(下)
    • 8.3 “适老化”APP界面设计方法
    • 8.4 “适老化”APP界面设计案例
图标设计风格与趋势
  • 1 课程导入
  • 2 课程视频
  • 3 课程练习

这是拟物时期ins的启动图标,和今天我们手上的Ins图标相比,你是更喜欢哪一种设计风格呢?看看Instagram的设计有没有达到设计团队当年的期待呢?将这些元素转化为一个更现代的应用图标,在识别性和多功能性之间取得平衡。

1、扁平化图标设计

2、拟物化图标设计

3、图标的发展趋势

(1)单色渐变向双色渐变图标演变

(2)单色渐变透明图标

(3)玻璃拟态风格图标

(4)层叠式线性图标

(5)动态图标(Motion Icon)

1、掌握不同风格图标设计的特点

2、根据不同的界面类型选择合适的图标设计风格种类