UI入门
UI设计场景
网页设计、管理界面、电脑软件、车载系统、智能终端
UI设计的合理进阶: 联系设计 + 联系产品
视觉层次
版面层级
页面层级: 图片 > 图标 > 文字
板块凸显
- 卡片式设计(凸显板块)
难点: 合适的阴影设计——弥散(使用PS进行操作)
PS操作重点:
- 创建圆角矩形
- 复制图层作为阴影层,缩小至90%,适当调整颜色
- 阴影层板块: 属性–>蒙版–>羽化30像素(可自行调节)
- 整个阴影层板块稍微下移,制造阴影效果
增加角标(凸显细小版块)
增加标签(凸显细节)
使用PS设计小标签:
- 文字大小基本为24像素,中粗黑字体
- 左右间距一般大于上下边距,使标签设计有呼吸感
文字层级
字重、颜色、特殊字体包