Xd设计与制作记录贴：记录我的艺术设计基础期末大作业

Xd设计与制作记录贴：记录我的艺术设计基础期末大作业

有什么能比设计APP更方便呢好可以练一练老师教的Xd，而且从老人的角度来说，他肯定是宁愿要手机上就能用的设备也不会愿意去新学一个完全不知道的设备的。

既然是报着练习自己专业水平的目的来的，肯定不能大幅度放水，该有的内容必须得有，我寻思着可以把自己制作的过程录下来，到时候还可以Pr剪剪视频练练手，然后图片素材有需要的试着自己用Ps处理一下，这样一下子就能练好多技能。

说干就干，我先是找了一款录屏软件，现装现学，现炒现卖。

每天遛一遛，活到九十九！
如果有朋友觉得这个APP名字似曾相似，那么纯属巧合，用过的都知道，我可能不是人，那玩意是真的对这个图标当之无愧，特别是签到领金币的功能，就让人很无语。

对于这个狗头，我有了一个大胆的想法。
初始进入原型时，狗头是这样的：

对于整个初始界面，我也花了一点小心思：
刚进去会看见，上面除了APP的图标，还有呼救、教程、进入等几个按钮。

牵遛狗的人向右移，云、太阳、鸟儿向左移，根据初中学的相对运动原理，营造出牵着狗向前（图中是右边）走的感觉。

我真聪明，哈哈哈哈哈哈哈哈（尬笑）。

接下来是登录界面。

69岁的王大爷有三个账号，这本来没什么，但其中一个账号名字叫”美少女“。

另外一个么，emmm··········名字很讲武德，但是ID是”就不就不就不“。

懂得都懂，网恋有风险，打钱需谨慎。

最下方出现的大喵很秀，不过那不是重点（狗头）。

添加狗狗信息界面也是秀外绿中：

封面的地图专门找的契合2021牛年的学习贺图：

这个好友步数排行榜参考的是微信的界面

版本更新呵，不可能的（龙王歪嘴笑）

所有关于地图的操作，我在网上本来想下Umap，结果唯一的下载资源老说有风险被删。
我于是又请教了助教学姐，后来想想我这也没法实现输入个啥玩意就搜出来（毕竟没有真的在遛狗子），就用百度地图截图加滚动组件做的，然后自己把定位和路径用贴图和钢笔工具画出来。

我爱玩梗，玩梗使我快乐：

我现学PS用切片工具拆分之后的成果：（视频里有此过程）

以及，中间的小狗狗在鼠标悬停的时候会撒娇哦~~

我还自己P了一下初始页面那个太阳的颜色：

一起喵喵喵喵喵代表的是成熟一些的用户，比较有阅历，不会像年轻人一样频繁发动态，内容也比较稳重有内容。

点击这种按钮可以切换狗子的状态哦~~（我假想的有配套的项圈来匹配手机的指令，不过这个我就真的只能想想，硬件方向我不擅长，我也没兴趣，也不是作业要求的范围，此处略过。）
老人可以根据自己实际情况选择忽略或者求助：

在用户退出APP时，会有这样一个告别界面：

”好的设计，是真正无微不至地去关心你的使用者。“

PPT的排版令我很惊喜，这个类似于九宫格一样的排版是他推荐的，我自己根据内容微调了一下，觉得用了之后很惊艳：

还有一首Glitter & Gloss好像是华为一个产品发布的歌曲，我也很喜欢。
下载来源：QQ音乐，仅供个人学习和资料免费分享，如果不能做剪视频BGM的话麻烦告知，侵删

展示一下我剪视频用的录屏素材，满满的文件夹满满的成就感：

XD的UI导出图片：

原型交互设置：

第二天的追更：
本来都不想做项圈构想图，觉得麻烦也不好找，今天想着难得做一次，要做就做好点，抱着试试的想法去图库上搜了一下，结果真的居然一下就找到了贴切的图，这就是老天会爱笨小孩、天道酬勤的感觉么了爱了！
感谢命运的成全：

每一次的努力，都是在为了成为更好的自己~~

来源：百里香酚兰