1、本课主要是讲使用XD设计手机登陆与注册界面的交互设计,【打开】XD软件,【新建】Iphonex画板,【重命名】登录/注册。具体显示如图示。
2、使用【矩形工具】,根据设计思路绘制三个合适大小的矩形,【填充】相应的颜色,【选择】画布,【勾选】属性面板中的激活布局,使用【移动工具】调整矩形至版面合适的位置。具体效果如图示。
3、使用【文字工具】输入文案内容,添加【投影】,【模糊】25%,【字体】Abril Fatface,【颜色】白色,调整大小排列至合适的位置。具体效果如图示。
4、按Alt键【拖动复制】文本对象,【字体】Cerebri Sans,【大小】20,【取消】阴影,使用【文本工具】修改文字内容,根据设计思路移动至合适的位置,【不透明度】70%,【选择】关联文字,按【Ctrl+G】编组。具体效果如图示。
5、使用【矩形工具】,根据设计思路绘制矩形,【填充】白色。添加【投影】,调整大小和位置。使用【文字工具】输入登陆和注册英文文本信息,调整字体的和颜色,排列至版面合适的位置。具体效果如图示。