界面设计

罗媛

目录

  • 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界面设计所包含的基础特性还不止这些,毕竟界面还承载了一些复杂的操作元素和产品诉求,需要在设计中表现出来。我们通过前两节课的学习,能够知道,不管是哪一种原则,都是需要通过元素和元素之间的关系去进行分析和设计的。那么通过对比,可以突出显示两个或多个元素之间的差异,从而使重要的元素更加引人注目。这有助于吸引人们的注意力并使其集中在最重要的信息上,从而更好地理解和记忆这些信息。

设计的最终目的就是为了更好的展示产品的内容,让用户可以更好的接受。与传统媒介相比,互联网产品所包含的内容更多,而且更加复杂。互联网产品应该做到让用户在短时间内就可以获取到他们期望的信息,找到他们想要使用的功能。对比的应用可以很好帮助我们来实现这个目标。因为页面中信息虽然多,但是有优先级之分。有些内容对于用户来说不是那么重要,我们要弱化处理。同理,对于那些重要的内容,或者用户比较常用的功能,我们就要进行强化凸显,这就是我们说的对比。

1、了解UI界面设计中对比原则的具体内容;

2、熟悉对比的基本作用;

3、掌握在APP界面设计实践当中如何运用好对比这一原则。