1.本节课的案例:三个【Tab图标】,如下图。
2.图标【趣味性】来源:左侧图片场景给人空旷无趣的感觉,右侧图片给人更加活泼的视觉感受,由于右侧的图增加了地毯、茶几、花盆,使场景更具【层次性】,所以【元素点缀】+【色彩点缀】可以增加场景趣味性。
3.场景趣味性对UI设计的【启示】:在做UI设计时,要经过设计师对原型、产品、美学的【理解】,对原型图进行一些美学、趣味化上的加工,使其成为好的设计。
4.左侧banner【无点缀】效果,其氛围感较弱,右侧banner【有点缀】效果,由于其背景上添加了一些有层次的椭圆形点缀,枚红色的椭圆形与前面的图标前后呼应,使其整体氛围感、促销感较强。
5.Tab栏设计【规范】参数如下图,由于用户群体的不同,文字大小也不同,如用户年龄较大,文字像素较大;如产品走精致化路线,文字像素较小。
6.Tab栏有两个【尺寸】:设计尺寸【48PX】是IOS和安卓通用的最大尺寸;导出尺寸【58PX】是公认的科学的利于用户点击触摸的尺寸。
7.Tab栏图标设计主流【样式1】:【高品质电商】设计,线条较细、转角柔和、线条简洁,与用户产生共鸣。