UI

UI入门

UI设计场景

网页设计、管理界面、电脑软件、车载系统、智能终端

UI设计的合理进阶: 联系设计 + 联系产品

视觉层次

版面层级

页面层级: 图片 > 图标 > 文字

板块凸显

  1. 卡片式设计(凸显板块)

难点: 合适的阴影设计——弥散(使用PS进行操作)

PS操作重点:

  • 创建圆角矩形
  • 复制图层作为阴影层,缩小至90%,适当调整颜色
  • 阴影层板块: 属性–>蒙版–>羽化30像素(可自行调节)
  • 整个阴影层板块稍微下移,制造阴影效果
  1. 增加角标(凸显细小版块)

  2. 增加标签(凸显细节)

使用PS设计小标签:

  • 文字大小基本为24像素,中粗黑字体
  • 左右间距一般大于上下边距,使标签设计有呼吸感

文字层级

字重、颜色、特殊字体包


参考视频: https://huke88.com/course/12944.html