2021-04-06

最新推荐文章于 2022-04-23 14:32:27 发布

七和十五

最新推荐文章于 2022-04-23 14:32:27 发布

阅读量873

点赞数

本文链接：https://blog.csdn.net/chanyeol0715/article/details/115463191

版权

第四周周报

《Adobe XD界面设计与原型制作教程》学习
1.渐变色的制作
在学习过程中，我通过对不同颜色的组合添加以及改变色彩的位置来制作一些渐变色在这里插入图片描述
2.插件的下载以及使用
在XD中文网上面可以下载XDpacks，里面有很多相关的插件，在XD的使用过程中会非常便利。例如icon图标库中可以找到一些非常常见的图标，可以大大减轻制作时调取页面以及下载图标的时间和空间。
在这里插入图片描述

再例如渐变色这个插件会展示很多精彩的渐变色配色，可以增加页面的色彩丰富程度
在这里插入图片描述
3.使用阴影来制作一个标准的登录界面
在使用模糊和阴影可以制作一个软件的登录界面，而且这种制作方法特别常见，相当一部分软件的登录注册界面都是运用模糊后的图片或者动图来当做界面的。

4.响应式调整大小
一款流行的APP是应该可以运用于各种智能载体，所以无论是在iPad，电脑还是手机上，页面的比例也不能失调，要能适应各种的页面，而响应式调整大小就是可以起到一个调整作用，在设置好页面应该固定的比例后就可以调整面板来看到在不同载体上该APP页面的展示效果。
在这里插入图片描述

在这里插入图片描述

5.快速删除所有交互链接
当我们在使用交互时，要删除交互链接时，一条一条的删是非常费时的，而当我们拥有了可以快速删除所有交互链接的方法时，就会变得十分高效。
在设计面板下打开图层，单击第一个图层的名称然后摁住Shift键，然后单击最后一个图层，可以选中当前文件中所有画板。点击快捷键ctrl+X剪切当前文件的所有内容，然后用ctrl+V粘贴，切换带原型模式后，所有的交互链接都会被删除。
6.在学好动画设置后，才能将整个设计丰富起来，原型那个界面中，可以选择时间触发而达成自己动的效果，而使用一个图像复制粘贴到另一个图像，然后选择自动制作动画，则可以看到逐帧动画的效果。
在这里插入图片描述
7.在软件中，当你有未读信息时，通知栏就会出现一个红点，而点了红点之后会跳入阅读信息的页面，再返回时会返回到红点消失的页面，可是在使用该页面上其他功能时，你不确定打开之前红点在不在，同时返回该页面后红点在不在也取决于之前的页面红点的有无，而当你点击后，并不能保证他可以跳回原来的那个界面，而原型页面的操作栏有一个返回上一页的选项，就可以很轻松解决这个问题。
在这里插入图片描述
8.在做交互时，可能会有点击一个键会出现一个小框框的情况，比如在微博中，点击评论就会跳出一个小框框
而在使用原型拉交互链接时，出现的总是从头开始的页面，这时类型栏的下面有一个保留滚动位置，点击后，跳入新的页面后，也只会停留在你之前滚动到的那个页面。在这里插入图片描述
而同时要实现这种，之前的页面变暗跳出新的框架，可以通过叠加来实现