1、本课主要内容如图示。
2、UI界面设计的流程分为:需求阶段,分析设计阶段,设计实现阶段,UI还原阶段。具体解说如图示。
3、[打开]Sketch软件,[新建]安卓系统大小的画布720*1280。具体效果如图示。
4、[重命名]登录页,[拖入]原型图放置合适的位置用于参考。使用[文字工具]根据原型图内容,输入关联文字,大小32PX,排列至合适的位置。具体显示如图示。
5、使用[矩形工具]根据设计思路,绘制180*4PX 大小的矩形,排列至登录下方20PX位置。根据主体色彩,[填充]粉色。具体效果如图示。
6、调整文字的颜色和间距,使用[矩形工具]绘制48*48大小的矩形,使用[椭圆工具]绘制椭圆图标,[描边]粉色,合适粗细。[选择]关联图层,按[Ctrl+G]编组,[重命名]icon用户。单击[组件]-[创建组件]。具体效果如图示。
7、[删除]组件背景及组件元素,单击[组件]-[插入]创建的组件,排列至合适的位置。使用[文字工具]根据原型图内容,输入文字,调整文字大小和颜色,排列至合适的位置。使用[矩形工具]绘制620*2PX大小的直线,[填充]灰色,排列至文字下方20PX位置。具体效果如图示。