界面设计

罗媛

目录

  • 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 课程练习

首先课程开始之前，大家来看看这张图，是不是很熟悉，在登陆页面中经常能够出现的滑动验证码，但其实它可以称为是“验蠢码”

 

因为当我们人在滑动操作的时候，往往线条是会上下浮动，不能保持在一条直线上，而机器操作却是一条平整的直线，通过这么一个细节来辨认是否是人为操作。那么验证码，就是UI设计中组件的一类。



组件的概念

组件的类别


我们在学习的过程中需要同学们在学习的过程中能够了解不同组件的使用场景。