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

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

通过艺术设计基础这门课的学习，我掌握了一些PPT的制作技巧和Xd入门操作方法。
期末大作业是要根据以前课上讨论的主题做一个能展现自己设计思路的工程。

我所在的小组选择的是设计一款帮助老人遛狗的设备。

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

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

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

然后现装基本上=一无所知的PS,PR（之前学校社团讲过一点，但实在是杯水车薪基本上等于没学·····）


然后打开艺术课安装好的Xd就可以愉快地开始啦~

制作过程我剪成了视频，会和我的PPT、Xd源文件一起放在资源包里，有需要的朋友欢迎自取参考，本文主要是分享个人心得，不是教程目的，所以不过多赘述。

本文主要是分享个人心得，不是教程目的
本文主要是分享个人心得，不是教程目的
本文主要是分享个人心得，不是教程目的

以下文风较为欢脱智障，请一本正经的学究提前避雷

***前方高能

前方高能***

在起APP名字的时候，我犹豫了一阵子。
遛狗？要不碰个瓷，遛了么？遛遛遛？虽然说谐音梗要扣钱，但emm本来这也不是盈利作品啊····

后来，我灵机一动，老年人肯定希望日子平平安安，顺顺利利，遛遛狗子喝喝茶，和老姐妹老兄弟们唠唠嗑就是最大的满足，那么APP就叫————遛遛顺~~

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

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

只要你轻轻一点他，生命的奇迹就会发生：

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

如果点在除开按钮和图标的空白处位置的话，整个初始界面的其他元素就会发生移动：

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

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

接下来是登录界面。

下面这张图是个人设置页面截来的：

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

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

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

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

求偶的单身狗大黄

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

仔细看排行榜里面的小细节哦~~
大王叫我来巡山，学习使我快乐，阿巴阿巴阿巴
遛狗的距离也有亮点哦~

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

图片来源：
https://www.iconfont.cn/

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

排名第四的这个小朋友是我的头像来源之一，是我养的一只棉花娃娃，名字叫呆呆，性格也是呆呆萌萌的小呆瓜，我一直想着能学会做动画之后拿他练手~~

扯远了，不要在意这些细节。

排名第五的，就是我的心声，高中三年数学两位数，高数69的我仰天长啸：”我##怎么就不会数学！我要是会数学，我##会是这个样子？“

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

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

之前听老师讲解同学的作品时，觉得这种按钮很有意思，这次就自己做了几个。

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

这些嚣张的狗子图标是我从百度上一张大图，自己百度PS操作切片工具分开的，超级自豪，嘿嘿嘿~

一开始的图其实是这个：

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

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

鼠标悬停

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

本来是那种暖黄色，我找不到原图了，就那意思。

上学人的内容灵感来自于我们宿舍群里经常有同学发喂楼下猫狗的消息，感觉校园里的猫狗就是全学生的宝贝啊，不过我本人比较怕小动物一般都敬而远之，在这里短暂地体会了一把云撸狗的快乐。
（上学人代表的是年轻人，刷屏快，消息最多，而且堆起来不处理，就99+）

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

最幽默善于拿自己开涮的官方，拥有消息置顶特权~~

点击这种按钮可以切换狗子的状态哦~~（我假想的有配套的项圈来匹配手机的指令，不过这个我就真的只能想想，硬件方向我不擅长，我也没兴趣，也不是作业要求的范围，此处略过。）

老人如果步速过快手机会发出警报声（当然Xd我没实现让他真叫起来）

老人可以根据自己实际情况选择忽略或者求助：


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

如果用户是注销账号，就会有一个诀别的界面：

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

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

下面这个排版是我自己设计的，找了一个黑板的插图作为底图，上面加上插入的箭头图形，加上方框做成便签的造型：

制作过程视频里面的音乐是我随便找的近期听得比较多的音乐，其中LA LA Land Cast本来想找Patty Cake版本的，结果没找到，我个人认为这首歌曲表达的是对创作的热爱和积极，很适合用在我的视频里。

就是这个：

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

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

制作过程中用到的图片素材：

XD的UI导出图片：

设计所用的画板：

原型交互设置：

虽然我的制作水平还有待提高，这次视频的效果也和能在B站上的UP主们有很大差距（比如有些视频制作过程顺序颠倒，我靠文件名也分不出先后，就这么将就了···········）但这次难得一次突破自己的机会使我受益匪浅~

那天刷知乎发现一句话，“程序员的进步往往就在于解决了一个自己之前没有解决的问题”，经过这次快乐的学习，我深有体会。

最后是一个有趣的彩蛋：

因为最近在二刷电视剧，录屏做Xd作业的时候也在和朋友讨论，所以有一些电视剧里的画面乱入了制作视频。为了不影响观感，我把大部分不相干镜头都剪掉了，就在最后展示学习Pr剪视频的过程中有一到两秒的穿帮镜头出现了电视剧画面乱入，感兴趣的显微镜码友可以去看看~

（我是不会承认我PPT选的模板配色都是男主角艳阳配色的）：

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

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