用户:
Saved查看:5 回复:12 评论:5 创建时间:2022-06-05T16:34:37
大家好,我是神秘人,今天我为大家带来的是精美UI的做法。
第一种:平滑效果
在作品的开头,有些作品会有xxx出品,就会出现UI效果,看起来科技感超强,极度舒适,那么是怎么做出来的呢?(如下图)
注:移动基准只要是个角色就可以了,没有什么别的要求。
原理呢就是自己的坐标离移动基准的距离越来越短,速度就会越慢。
第二种:模糊投影

效果就像上图一样,看起来非常好看而简洁,这个呢其实不是用积木,
而是用canva制作的。
网址:ht(删掉我)tps://ww(删掉我)w.canva.c(删掉我)n/
第三种:按钮变大/变亮
这种大部分人应该是了解的,在这里在给大家科普一下:
就像这样鼠标触碰到按钮就会变亮,放开就会变暗。
代码实际很简单,如下:

大小也是一样的道理。
第四种:拖动删除
拖动删除很像上滑删除软件,想要实现并不简单,需要运用到上百块积木。变量、外观、控制、动作等模块均有运用。
积木代码如下图:


注:灵感源于天猫_的《UI常用特效7种》
第五种:轮播图
相信大家已经看过蛋白质的轮播图了,代码其实与第一种很相似。
都是通过加减坐标或大小得来的,做起来其实并不麻烦,但是也很感谢蛋白质能够想出来并还原。
重要代码如下:
第六种:缩放
缩放对于制作电脑UI非常有用,是通过第一个点的拖放而控制正方形的大小,是通过xy坐标减控制点的xy坐标得来的,而控制点是通过xy移到鼠标得来,画笔就是显示效果,非常简单。
重要积木如下:



一下就是神秘人的讲解了,感谢大家的支持,以后要灵活运用才行哦~
菜林风声厉害 imgsrc="https://static.codemao.cn/emoji/codemao/%E7%BC%96%E7%A8%8B%E7%8C%AB_%E7%82%B9%E8%B5%9E.gif"alt="emotion_编程猫_点赞"
点赞0
评论